﻿div.layout-responsive, div.layout-full, div.layout-978, div.layout-home
{
    width: 100%;
    margin: 0px auto;
    padding-left:10px;
    padding-right:10px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}
div.divlayout
{
    width: 100%;
    margin: 0px auto;
    box-sizing:border-box;
    position: relative;
}
div.layout-responsive.card-7
{
    max-width:2302px;
}
div.layout-responsive.card-6
{
    max-width:1976px;
}
div.layout-responsive.card-5
{
    max-width:1650px;
}
div.layout-responsive.card-4
{
    max-width:1324px;
}
div.layout-responsive.card-3
{
    width:998px;
}
div.layout-responsive.card-2
{
    width:692px;
}
.PageContainer {
    z-index: 21;
    padding-top: 45px;
    position: relative;   
} 
div.container
{
    width:100%;
}
div.row
{
    zoom: 1;
    margin: 0 auto;
    }    
div.row:after
{
    content:"";
    clear:both;
    display:table;
}
div.row-end
{
    clear: both;
    height: 1px;
    overflow: hidden;
    font: 1px/1px sans-serif;
}
div.col1, div.col2, div.col3, div.col4, div.col5, div.col6, div.col7, div.col8, div.col9, div.col10, div.col11, div.col12
{
    float: left;
    margin-left: 30px;
}

    .otherphases{
        width:980px;
    }

    div.col1:first-child, div.col2:first-child, div.col3:first-child, div.col4:first-child, div.col5:first-child, div.col6:first-child, div.col7:first-child, div.col8:first-child, div.col9:first-child, div.col10:first-child, div.col11:first-child, div.col12:first-child {
        margin-left: 0px;
}
div[class*="col"] + [class*="col"]:last-child 
{
    float: right; 
}
.mainContainer
{
   
  /*SSD+US15098  margin-bottom:10px;*/
}
.mainContainer:after
{
    content:'';
    clear:both;
    display:table;
}
@media screen and (min-width:768px) 
{
    div.layout-978, div.layout-home {width:998px;}
    .row div.col1	{ width: 54px; }
    .row div.col2	{ width: 138px; }
    .row div.col3	{ width: 222px; position: -webkit-sticky; position: sticky; top: 49px; }
    .row div.col4	{ width: 306px; }
    .row div.col5	{ width: 390px; }
    .row div.col6	{ width: 474px; }
    .row div.col7	{ width: 558px; }
    .row div.col8	{ width: 642px; min-height: 1px; }
    .row div.col9	{ width: 726px; }
    .row div.col10	{ width: 810px; }
    .row div.col11	{ width: 884px; }
    .row div.col13	{ width: 618px; }  
    .row div.col14	{ width: 330px; }  
   
    .row div.col4.promotion	{ width: 330px !important; }
    .row div.col8.promotion	{ width: 618px !important; }
}
/*=========================Layout Style======================*/
.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}
.container-fluid:after {
    display: table;
    content: "";
    clear: both;
}
.row-fluid {
    width: 100%;
}
.row-fluid:after {
    display: table;
    content: "";
    clear: both;
}
.row-fluid [class*="block"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1%;
    margin-left: 1.012359574%;
    *margin-left: 2.0744680846382977%;
    box-sizing: border-box;
}
.row-fluid [class*="block"]:first-child {
    margin-left: 0;
}
.row-fluid .block12 {
    width: 99.99999998999999%;
    *width: 99.94680850063828%;
}
.row-fluid .block11 {
    width: 91.489361693%;
    *width: 91.4361702036383%;
    }
.row-fluid .block10 {
    width: 82.97872339599999%;
    *width: 82.92553190663828%;
}
.row-fluid .block9 {
    width: 74.468085099%;
    *width: 74.4148936096383%;
}
.row-fluid .block8 {
    width: 65.95744680199999%;
    *width: 65.90425531263828%;
}
.row-fluid .block7 {
    width: 57.446808505%;
    *width: 57.3936170156383%;
}
.row-fluid .block6 {
    width: 48.93617020799999%;
    *width: 48.88297871863829%;
}
.row-fluid .block5 {
    width: 40.425531911%;
    *width: 40.3723404216383%;
}
.row-fluid .block4 {
    width: 31.914893614%;
    *width: 31.8617021246383%;
}
.row-fluid .block3 {
    width: 23.404255317%;
    *width: 23.3510638276383%;
}
.row-fluid .block2 {
    width: 14.89361702%;
    *width: 14.8404255306383%;
}
.row-fluid .block1 {
    width: 6.382978723%;
    *width: 6.329787233638298%;
}
div.liquidCol9
{
    margin-left: 252px; 
}
.column, .columns { margin-left: 4.4%; float: left; min-height: 1px;  }
.column:first-child, .columns:first-child { margin-left: 0; }
[class*="column"] + [class*="column"]:last-child { float: right; }

.row .one 		{ width: 4.3%; }
.row .two 		{ width: 13%; }
.row .three 	{ width: 21.679%; }
.row .four 		{ width: 30.37%; }
.row .five 		{ width: 39.1%; }
.row .six 		{ width: 47.8%; }
.row .seven 	{ width: 56.5%; }
.row .eight 	{ width: 65.2%; }
.row .nine 		{ width: 73.9%; }
.row .ten 		{ width: 82.6%; }
.row .eleven 	{ width: 91.3%; }
.row .twelve 	{ width: 100%; }

.row .offset-by-one 	{ margin-left: 13.1%;  }
.row .offset-by-two 	{ margin-left: 21.8%;  }
.row .offset-by-three 	{ margin-left: 30.5%;  }
.row .offset-by-four 	{ margin-left: 39.2%;  }
.row .offset-by-five 	{ margin-left: 47.9%;  }
.row .offset-by-six 	{ margin-left: 56.6%;  }
.row .offset-by-seven 	{ margin-left: 65.3%;  }
.row .offset-by-eight 	{ margin-left: 74.0%;  }
.row .offset-by-nine 	{ margin-left: 82.7%;  }
.row .offset-by-ten 	{ margin-left: 91.4%;  }

.row .centered { float: none; margin: 0 auto; }

.row .offset-by-one:first-child 	{ margin-left: 8.7%;  }
.row .offset-by-two:first-child 	{ margin-left: 17.4%;  }
.row .offset-by-three:first-child 	{ margin-left: 26.1%;  }
.row .offset-by-four:first-child 	{ margin-left: 34.8%;  }
.row .offset-by-five:first-child 	{ margin-left: 43.5%;  }
.row .offset-by-six:first-child 	{ margin-left: 52.2%;  }
.row .offset-by-seven:first-child 	{ margin-left: 60.9%;  }
.row .offset-by-eight:first-child 	{ margin-left: 69.6%;  }
.row .offset-by-nine:first-child 	{ margin-left: 78.3%;  }
.row .offset-by-ten:first-child 	{ margin-left: 87%;  }
.row .offset-by-eleven:first-child 	{ margin-left: 95.7%;  }
.row .custom-twelve{width: 100%;margin-left: 0;margin-right: 0;}
/* Source Ordering */
.push-two 		{ left: 17.4% }
.push-three 	{ left: 26.1%; }
.push-four 		{ left: 34.8%; }
.push-five 		{ left: 43.5%; }
.push-six 		{ left: 52.2%; }
.push-seven 	{ left: 60.9%; }
.push-eight 	{ left: 69.6%; }
.push-nine 		{ left: 78.3%; }
.push-ten 		{ left: 87%; }

.pull-two 		{ right: 17.4% }
.pull-three 	{ right: 26.1%; }
.pull-four 		{ right: 34.8%; }
.pull-five 		{ right: 43.5%; }
.pull-six 		{ right: 52.2%; }
.pull-seven 	{ right: 60.9%; }
.pull-eight 	{ right: 69.6%; }
.pull-nine 		{ right: 78.3%; }
.pull-ten 		{ right: 87%; }

@media screen and (max-width:767px)
{
   .row div[class*="col"]
    {
        width: 100%;
        margin: 0px;
        }

    .no-padding {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .padding-10 {
        padding-left: 10px;
        padding-right: 10px; 
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 1) and (max-width: 1024px) and (min-width: 768px) and (orientation: portrait) {
    #dvBottonContainer {
        width: 100%;
    }
}
@media screen (max-width: 768px) {
    #dvBottonContainer {
        width: 100%;
    }
}