﻿.a-textbox { 
        height: 33px;
        width: 250px;
        border-color:rgb(208, 211, 212);
        border-style:solid; 
        padding-left:15px;
        padding-right:15px;
        font-size:12px; 
        font-family: Verdana, sans-serif;
        border-width:1px; 
}
 
.a-textbox:focus { 
        border-color:#cc0033; 
        outline:none;
} 

.a-textbox-lg { 
        height: 40px;
        width: 255px;
        max-width: 255px;
        border-color:rgb(208, 211, 212);
        border-style:solid; 
        padding-left:15px;
        padding-right:15px;
        font-size:12px; 
        font-family: Verdana, sans-serif;
        border-width:1px; 
}
 
.a-textbox-lg:focus { 
        border-color:#cc0033; 
        outline:none;
} 

.a-textarea-lg { 
        width: 255px;
        max-width: 255px;
        border-color:rgb(208, 211, 212);
        border-style:solid; 
        padding:15px;
        font-size:12px; 
        font-family: Verdana, sans-serif;
        border-width:1px; 
}
 
.a-textarea-lg:focus { 
        border-color:#cc0033; 
        outline:none;
} 


.element-position{
    margin-top:15px;
    margin-bottom:15px;
}

.btn-audi {
	    background-color:#000000;
	    display:inline-block;
	    cursor:pointer;
	    color:#ffffff;
	    font-family:Verdana, sans-serif;
	    font-size:12px;
	    font-weight:bold;
	    padding:10px 20px 10px 20px;
	    text-decoration:none;
        border:none;
}

.btn-audi:hover {
	    background-color:#666b63;
	    outline:none;
}

.btn-audi:active {
        outline:none;
}

.btn-audi:focus {
        outline:none;
}

.btn-audi-transparent {
	    background-color:#ffffff;
	    display:inline-block;
	    cursor:pointer;
	    color:#000000;
	    font-size:14px;
	    padding:9px 20px 9px 20px;
        text-decoration:none;
        border:1px solid black;
}

.btn-audi-transparent:hover {
	    background-color:none;
        color:#666b63;
	    outline:none;
        
}

.btn-audi-transparent:active {
        outline:none;
        
}

.btn-audi-transparent:focus {
        outline:none;
        
}






.btn-audi-white-transparent {
	    display:inline-block;
	    cursor:pointer;
	    color:#FFF;
	    font-size:16px;
        padding:9px 20px 9px 20px;
        text-decoration:none;
        border:1.2px solid #FFF;
        /*line-height: 100%;*/

        background-color: rgba(255,255,255, 0);
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-transition: background-color 300ms ease;
	-moz-transition: background-color 300ms ease;
	transition: background-color 300ms ease;
}

.btn-audi-white-transparent:hover {
	    background-color:none;
        color:#b3b3b3;
	    outline:none;
        border:1.2px solid #b3b3b3;
        
}

.btn-audi-white-transparent:active {
        outline:none;
        
}

.btn-audi-white-transparent:focus {
        outline:none;
        
}





.btn-audi-fs {
	    background-color:#000000;
	    display:inline-block;
	    cursor:pointer;
	    color:#ffffff;
	    font-size:14px;
	    padding:10px 20px 10px 20px;
	    text-decoration:none;
        border:none;
}

.btn-audi-fs:hover {
	    background-color:#666b63;
	    outline:none;
}

.btn-audi-fs:active {
        outline:none;
}

.btn-audi-fs:focus {
        outline:none;
}

.btn-audi-red-fs {
	    background-color:#cc0033;
	    display:inline-block;
	    cursor:pointer;
	    color:#ffffff;
	    font-size:14px;
	    padding:10px 20px 10px 20px;
	    text-decoration:none;
        border:none;
}

.btn-audi-red-fs:hover {
	    background-color:#aa142d;
	    outline:none;
}

.btn-audi-red-fs:active {
        outline:none;
}

.btn-audi-red-fs:focus {
        outline:none;
}

.btn-audi-lg {
	    background-color:#000000;
	    display:inline-block;
	    cursor:pointer;
	    color:#ffffff;
	    font-family:Verdana, sans-serif;
	    font-size:12px;
	    font-weight:bold;
	    margin:auto;
	    text-decoration:none;
        border:none;
        height:40px;
        width:115px;
}

.btn-audi-lg:hover {
	    background-color:#666b63;
	    outline:none;
}

.btn-audi-lg:active {
        outline:none;
}

.btn-audi-lg:focus {
        outline:none;
}

.btn-audi-red {
	    background-color:#cc0033;
	    display:inline-block;
	    cursor:pointer;
	    color:#ffffff;
	    font-family:Verdana, sans-serif;
	    font-size:12px;
	    font-weight:bold;
	    padding:10px 20px 10px 20px;
	    text-decoration:none;
        border:none;
}

.btn-audi-red:hover {
	    background-color:#aa142d;
	    outline:none;
}

.btn-audi-red:active {
        outline:none;
}

.btn-audi-red:focus {
        outline:none;
}

.header-text {
	    font-family: Verdana, sans-serif;
	    font-size: 12px;
	    font-weight:bold;
}

.ddl-audi {
	    height: 33px;
        width: 250px;
        border-color:rgb(208, 211, 212);
        border-style:solid; 
        padding-left:15px;
        padding-right:15px;
        font-size:12px; 
        font-family: Verdana, sans-serif;
        border-width:1px; 
        appearance:none;
        -moz-appearance:none; /* Firefox */
        -webkit-appearance:none; /* Safari and Chrome */
        background: url(/Images/assets/selectArrow.png) no-repeat right;
        background-position:
            calc(100% - 12px) calc(1em + 2px),
            calc(100% - 1px) calc(1em + 2px),
            100% 0;
        text-indent: 0.01px;
        text-overflow: "";
        outline:none;
}

.ddl-audi::-ms-expand{
        display: none;
}

.ddl-audi:focus::-ms-value {
      background-color: transparent; 
      color: #000;
}

/*DDL for parts datatables*/
.ddl-audi-dt {
	    height: 33px;
        width: 250px;
        border-color:rgb(208, 211, 212);
        border-style:solid; 
        padding-left:15px;
        padding-right:15px;
        font-size:12px; 
        font-family: Verdana, sans-serif;
        border-width:1px; 
        appearance:none;
        -moz-appearance:none; /* Firefox */
        -webkit-appearance:none; /* Safari and Chrome */
        background: url(/Images/assets/selectArrow.png) no-repeat right;
        background-position:
            calc(100% - 12px) calc(1em + 2px),
            calc(100% - 1px) calc(1em + 2px),
            100% 0;
        text-indent: 0.01px;
        text-overflow: "";
        outline:none;
}

.ddl-audi-dt::-ms-expand{
        display: none;
}

.ddl-audi-dt:focus::-ms-value {
      background-color: transparent; 
      color: #000;
}

.ddl-audi-lg {
	    height: 40px;
        width: 255px;
        border-color:rgb(208, 211, 212);
        border-style:solid; 
        border-width:1px; 
        padding-left:15px;
        padding-right:15px;
        font-size:12px; 
        font-family: Verdana, sans-serif;
        
        appearance:none;
        -moz-appearance:none; /* Firefox */
        -webkit-appearance:none; /* Safari and Chrome */
        background: url(/Images/assets/selectArrow.png) no-repeat right;
        background-position:
            calc(100% - 16px) calc(1em + 4px),
            calc(100% - 16px) calc(1em + 2px),
            100% 0;
        text-indent: 0.01px;
        text-overflow: "";
        outline:none;
}

.ddl-audi-lg::-ms-expand{
        display: none;
}

.ddl-audi-lg:focus::-ms-value {
      background-color: transparent; 
      color: #000;
}




    .font-screen {
        font-family: 'AudiTypeScreen';
    }

     .font-screen-light {
        font-family: 'AudiTypeScreen-Light';
    }

    .font-extended {
        font-family: 'AudiTypeExtended';
    }

    .active-paging {
        color: #cc0033;
        font-size:20px;
        font-weight:bold;
        margin-left:10px;
        margin-right:10px;
       

    }
    .active-paging:hover {
        text-decoration:none;
    }

    .active-paging:active {
        text-decoration:none;
    }

    .paging {
        font-size:16px;
        margin-left:5px;
        margin-right:5px;
    }
    .paging:hover {
        text-decoration:none;
    }

     .paging:active {
        text-decoration:none;
    }

