/************************************************************************
*************************************************************************
**                                                                     **
**                DO NOT EDIT OR ADD TO THIS STYLE SHEET!!             **
**                                                                     **
*************************************************************************
************************************************************************/

/************************************************************************
*************************************************************************
**                                                                     **
**           Globally Reusable Styles - From The Style Guide           **
**                                                                     **
*************************************************************************
************************************************************************/

/************************************************************************
**                               Text                                  **
************************************************************************/
.bold                                   /* General - bold text */
{
    font-weight: bold;
}

.right                                  /* General - right align option */
{
	text-align: right;
}

.tall                                   /* L1 */
{
	line-height: 20pt;
}

.light                                  /* L4 */
{
	color: #808284;
	background-color: transparent;
}

.invert                                 /* L5 */
{
	font-weight: bold;
	color: #FFFFFF;
	background-color: transparent;
}

.Legal                                  /* LE */
{
	color: #A2A3A5;
	background-color: transparent;
}

.Alert                                  /* Alert */
{
	font-weight: bold;
	color: #F20600;
	background-color: transparent;
}

.AlertColor                             /* Form label error highlight */
{
	color: #F20600;
	background-color: inherit;
}

.superScript
{
    font-size: 0.4em;
    vertical-align: top;
    line-height: 11px;
}


/************************************************************************
**                         Width ("Columns")                           **
************************************************************************/
.three                                  /* Three "column" width */
{
    width: 182px;
}

.six                                    /* Six "column" width */
{
    width: 374px;
}

.nine                                   /* Nine "column" width */
{ 
    width: 566px;
}

.twelve                                 /* Twelve "column" width */
{
    width: 758px;
}


.gapRight
{
    margin-right: 10px;
}


/************************************************************************
**                              Border                                 **
************************************************************************/
.box                                    /* border style */
{
    border: 1px solid #E6E7E8;   
}


/************************************************************************
**                         Color - Foreground                          **
************************************************************************/
.blueColor                              /* BMW NA Blue */
{
    color: #003399;
    background-color: inherit;
}

.Grey85Color                            /* BMW dark grey */
{
    color: #4C4C4E;
    background-color: inherit;
}

.Grey60Color                            /* BMW medium-dark grey */
{
    color: #808284;
    background-color: inherit;
}

.Grey40Color                            /* BMW medium-light grey */
{
    color: #A2A3A5;
    background-color: inherit;
}

.Grey10Color                            /* BMW light grey */
{
    color: #E6E7E8;
    background-color: inherit;
}

/************************************************************************
**                         Color - Background                          **
************************************************************************/
.blueBackColor                          /* BMW NA Blue */
{
    color: inherit;
    background-color: #003399;
}

.Grey85BackColor                        /* BMW dark grey */
{
    color: inherit;
    background-color: #4C4C4E;
}

.Grey60BackColor                        /* BMW medium-dark grey */
{
    color: inherit;
    background-color: #808284;
}

.Grey40BackColor                        /* BMW medium-light grey */
{
    color: inherit;
    background-color: #A2A3A5;
}

.Grey10BackColor                        /* BMW light grey */
{
    color: inherit;
    background-color: #E6E7E8;
}


/************************************************************************
**                               Icons                                 **
************************************************************************/
.SortASC, .SortASC:hover, .SortASC:visited, .SortASC:active
{
    padding-right: 17px;
    color: inherit;
    background: transparent url('https://resource.bmwusa.com/image_a2533fd5-a98c-4697-978c-fb3e4cba5011.arox')  no-repeat right 3px;
}

.SortDESC, .SortDESC:hover, .SortDESC:visited, .SortDESC:active
{
    padding-right: 17px;
    color: inherit;
    background: transparent url('https://resource.bmwusa.com/image_a2533fd5-a98c-4697-978c-fb3e4cba5011.arox')  no-repeat right -54px;
}


/************************************************************************
**                               Links                                 **
************************************************************************/

a.linkPlain, a.linkPlain:visited
{ 
    padding: 0px;
    display: inline;
    color: inherit;
    background: transparent;
}

a.linkPlain:hover, a.linkPlain:active
{
    color: #003399;
    background: transparent;
}


a.linkExternal, a.linkExternal:visited
{ 
    padding-left: 15px;
    color: inherit;
    background: transparent url('https://resource.bmwusa.com/image_a3f078a4-b81d-4c57-9566-2dbfae2b55d4.arox') no-repeat 0px 3px;
}

a.linkSelected
{
    color: #003399;
    background: transparent;
}

a.nextLink, a.nextLink:visited
{
    display: inline;
    padding-right: 17px;
    text-decoration: none;
    color: inherit;
    background: transparent url('https://resource.bmwusa.com/image_8c8034b7-86c3-4a25-bb3c-be24b763d5fb.arox') no-repeat right 1px;
}

a.previousLink, a.previousLink:visited
{
    display: inline;
    text-decoration: none; 
    color: inherit;
    padding-left: 17px;
    background: transparent url('https://resource.bmwusa.com/image_3e5967a6-5aaf-4b2c-a668-6e4abed31e69.arox') no-repeat left 1px;
}

a.linkButton, a.linkButton:visited
{
    margin-left: 8px;
    padding-right: 21px;
	background: transparent url('https://resource.bmwusa.com/image_fc55182c-c965-4dfb-8990-c5abb942d47d.arox') no-repeat right 1px;
}

a.controlLink, a.controlLink:visited, a.controlLink:active
{
	margin: 0px 5px 0px 0px;
	height: 20px;
	padding-right: 17px;
	font-weight: bold;
	line-height: 20px;
    color: #A2A3A5;
    background: transparent url('https://resource.bmwusa.com/image_fc55182c-c965-4dfb-8990-c5abb942d47d.arox') no-repeat right 1px;
}

a.linkButtonLeft, a.linkButtonLeft:visited
{
    margin-left: 8px;
    padding-left: 21px;
	background: transparent url('https://resource.bmwusa.com/image_d074ce9a-ff14-4738-902b-61690fe6bf3c.arox') no-repeat left 1px;
}

a.linkPrint, a.linkPrint:visited
{
    margin-left: 8px;
    padding-right: 21px;
	background: transparent url('https://resource.bmwusa.com/image_b37a9fa4-845f-4f69-954c-88c3be7709fd.arox') no-repeat right 1px;
}

a.linkClose, a.linkClose:visited
{
    margin-left: 5px;
    padding-right: 5px;
	background: transparent url('https://resource.bmwusa.com/image_1f7c9a2e-581d-4de7-ac98-0511f46d2f75.arox') no-repeat right 1px;
}

a.demoLink, a.demoLink:visited
{
    padding-left: 17px;
    color: inherit;
    background: transparent url('https://resource.bmwusa.com/image_53b1f960-9a20-40f7-8798-fa421013f07a.arox') no-repeat 0px 2px;
}

a.videoLink, a.videoLink:visited
{
    padding-left: 17px;
    color: inherit;
    background: transparent url('https://resource.bmwusa.com/image_ca5578a2-8c76-4785-bc63-0400d20e76da.arox') no-repeat 0px 2px;
}

a.linkExternal:hover, a.linkExternal:active, a.previousLink:hover, a.previousLink:active, a.linkButtonLeft:hover, a.linkButtonLeft:active
, a.demoLink:hover, a.demoLink:active, a.videoLink:hover, a.videoLink:active, a.linkVideo:hover, a.linkVideo:active
{
    color: #003399;
    background-position: left -33px;
}

a.nextLink:hover, a.nextLink:active, a.linkButton:hover, a.linkButton:active, a.controlLink:hover, a.linkPrint:hover, a.linkPrint:active
, a.linkClose:hover, a.linkClose:active
{
    color: #003399;
    background-position: right -33px;
}

a.linkVideo, a.linkVideo:visited
{
    display: inline;
    padding-left: 20px;
    color: inherit;
    background: transparent url('https://resource.bmwusa.com/image_ca5578a2-8c76-4785-bc63-0400d20e76da.arox') no-repeat 0px 2px;
}

a.pdfLink, a.pdfLink:visited
{
  float: left;
  clear: both;
  display: block;
  height: 16px;
  line-height: 16px;
  margin-top: 25px;
  padding-left: 21px;
  background: transparent url('https://resource.bmwusa.com/image_608ad513-c6e7-401d-a61d-6d1045667a4a.arox') no-repeat 0px 0px;
}

a.pdfLink:hover, a.pdfLink:active
{
    color: #003399;
  background: inherit url('https://resource.bmwusa.com/image_608ad513-c6e7-401d-a61d-6d1045667a4a.arox') no-repeat 0px 0px;
}

/************************************************************************
**                                                                     **
**              Classes specifically for dotglu to use                 **
**                                                                     **
************************************************************************/
.dgContainerStyle
{
	clear:both;
    float: left;
    border: 1px solid #e6e7e8;
    width: 328px;
    overflow: hidden;
    padding-bottom: 10px;
    margin-bottom:10px;
    margin-right:40px;
}

.dgHeaderdgRowStyle
{
    clear: both;
    font-weight: bold;
}

.dgHeaderdgRowStyle div
{
    margin-top: 10px;
    margin-bottom: 10px;
}

.dgRowStyle
{
    width: 100%;
    clear: both;
    border-top: 1px solid #e6e7e8;
}

.dgLeftColumn
{
    float: left;
    margin-left: 10px;
    width: 153px;
    overflow: hidden;
}

.dgRightColumn
{
    float: left;
    width: 145px;
    margin-left: 10px;
    margin-right: 10px;
    overflow: hidden;
    text-align: right;
}

.dgListContainer
{
	clear:both;
}
