/*


------------------------------------------------------------------------
------------------------------------------------------------------------
------------------------------------------------------------------------


Moved to main.css - Dec 8, 2009 - JF


------------------------------------------------------------------------
------------------------------------------------------------------------
------------------------------------------------------------------------


*/



/* this css is for prices_v3.ascx */


div.ofa {
    overflow: hidden;
    width: 115px;
    text-align: center;            
}

ul.car_icon {
    list-style-type: none;
    list-style-image: none;
    padding: 0px;
    margin: 0px auto;
}       

div.ci_cont {   
    background-image: url(/images/art/car_icons_sp.png);         
    height: 14px;                        
    display: inline-block; 
    cursor: pointer;           
}

.ci_bluecar { background-position: -3px -20px; width: 30px;  } 
.ci_bluecarspeed { background-position: 3px -54px; width: 36px; } 
.ci_browncar { background-position: -3px -88px; width: 30px; } 
.ci_browncarspeed { background-position: 3px -122px; width: 36px; } 
.ci_greencar { background-position: -3px -156px; width: 30px; } 
.ci_greencarspeed { background-position: 3px -190px; width: 36px; }
.ci_greycar { background-position: -3px -224px; width: 30px; } 
.ci_greycarspeed { background-position: 3px -258px; width: 36px; } 
.ci_ltbluecar { background-position: -3px -292px; width: 30px; } 
.ci_ltbluecarspeed { background-position: 3px -326px; width: 36px; }         
.ci_modcar { background-position: 3px -360px; width: 48px; } 
.ci_ourcar { background-position: 3px -462px; width: 48px; }                 
.ci_orangecar { background-position: -3px -394px; width: 30px; } 
.ci_orangecarspeed { background-position: 3px -428px; width: 36px; }        
.ci_purplecar { background-position: -3px -496px; width: 30px; } 
.ci_purplecarspeed { background-position: 3px -530px; width: 36px; }        
.ci_redsemi { background-position: 3px -564px; width: 38px; } 
.ci_redsemispeed { background-position: 3px -598px; width: 43px; }         
.ci_redbike { background-position: -6px -632px; width: 25px; }         
.ci_redbikespeed { background-position: 3px -666px; width: 34px; }        

.ci_redbronco { background-position: -4px -700px; width: 32px; } 
.ci_redbroncospeed { background-position: 3px -734px; width: 39px; }
.ci_redcar { background-position: -3px -768px; width: 31px; } 
.ci_redcarspeed { background-position: 3px -802px; width: 36px; }
.ci_redcon { background-position: -3px -836px; width: 30px; } 
.ci_redconspeed { background-position: 3px -870px; width: 36px; }
.ci_redlimo { background-position: 3px -904px; width: 49px; } 
.ci_redlimospeed { background-position: 0px -938px; width: 50px; }         

.ci_redsedan { background-position: -2px -972px; width: 35px; } 
.ci_redsedanspeed { background-position: 3px -1006px; width: 40px; }         
.ci_redspcar { background-position: -2px -1040px; width: 30px; } 
.ci_redspcarspeed { background-position: 3px -1074px; width: 35px; }        
.ci_redtruck { background-position: -2px -1108px; width: 34px; } 
.ci_redtruckspeed { background-position: 3px -1142px; width: 39px; }
.ci_redvan { background-position: -3px -1176px; width: 30px; } 
.ci_redvanspeed { background-position: 3px -1210px; width: 36px; }


table.p_v2{
    width: 100%;            
    border-left: 1px solid #646E77;
    border-right: 1px solid #646E77;
    background-color: #EAEAFF;
}

table.p_bt {
    border-top: 1px solid #646E77;
}

table.p_v2 thead th.hd {
    background: #E5EEF7 url(/images/art/prices_tabs_sp.png) repeat-x 0px -326px;        
    color: #273B6B;
    font-size: 16px;
    padding: 5px;
    border: 0px;
    border-bottom: 1px solid #BCCAD8;
}

table.p_v2 thead th {
    background: #BBD2E4 url(/images/art/prices_header.png) repeat-x;            
    border-right: 1px solid #BCCAD8;
    color: #273B6B;
    padding: 2px 0px;
}

table.p_v2 thead th.nb {
    border-right: 0px;
}

table.p_v2 thead th.ts {
    width: 115px;
}             

table.p_v2 tbody th {
    text-align: center;
    padding: 5px 10px 5px 9px;
    border-bottom: 1px solid #646E77; 
    background-color: #99D866;
}

table.p_v2 tbody th.nbb, table.p_v2 tbody td.nbb {
    border-bottom: 1px solid #EAEAFF; 
}

table.p_v2 tbody th.p_low {        
    background-color: #99D866;    
}

table.p_v2 tbody th.p_high {        
    background-color: #FFCC33;    
}

table.p_v2 tbody th span {
    font-size: 10px;
    color: #808080;
    font-weight: normal;
}

table.p_v2 tbody td {
    /*vertical-align: top;*/
    padding: 2px 5px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px solid #646E77;  
    text-align: center;
}

table.p_v2 tbody td.lf {
    text-align: left;            
}

table.p_v2 tbody td.fts {
    vertical-align: top;
    padding: 5px 0px 0px 5px;
    width: 36px;
}

table.p_v2 tbody a.p_area {
    color: #000000;
    text-decoration: none;
}

table.p_v2 tbody a.p_area:hover {
    text-decoration: underline;
}


table.p_v2 tbody td dl.address {
    padding: 0px;
    margin: 0px;
    position: relative;
}

table.p_v2 tbody td dl.logo {
    background-repeat: no-repeat;
    background-position: 0px 2px;        
}

table.p_v2 tbody td dl.address dt a {
    font-weight: bold;
    font-size: 14px;
    color: #000000;
    text-decoration: none;
}

table.p_v2 tbody td dl.address dt a:hover {            
    text-decoration: underline;
}

table.p_v2 tbody td dl.address dd {
    font-weight: normal;
    font-size: 12px;
    margin: 0px;
}

div.p_v2_disclaimer {
    font-size: 10px;
    text-align: justify;
    margin: 5px 0px;
}

table.p_v2 tbody td div.tm {
    margin: 2px 0px;
    cursor: default;
    font-weight: bold;
    color: #314572;
}
    
.sp_p {
    margin-left: 2px;
}
        
.sp_p div{            
    background-image: url(/images/art/p_g.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    display: block;
    height: 17px;
    width: 10px;
    float: left;            
    font-size: 10px;
    margin-top: 1px;
 }
 
 table.p_v2 tbody th.p_high .sp_p div {
    background-image: url(/images/art/p_y.png);
 }         

 table.p_v2 tbody td.wtag {
    padding: 0px 0px 3px 0px;
    background-repeat: no-repeat;
    background-position: 4px 0px;
    text-align: right;
 }
 
 table.p_v2 tbody td.wtag a {
    font-weight: bold;
    text-decoration: none;
    padding: 1px 4px;        
    padding: 1px 4px 1px 4px;
    background-repeat:no-repeat;
    color:#000000;
    font-weight:bold;    
    text-decoration:none;
 } 
 
 table.p_v2 tbody td.wtag a:hover {
    text-decoration: underline;
 } 
 
 table.p_v2 tbody th img.p_logo {
    margin-bottom: 2px;
 }
 
 .sp_p .p0 { background-position: 0px -1px; }
 .sp_p .p1 { background-position: 0px -20px; }
 .sp_p .p2 { background-position: 0px -39px; }
 .sp_p .p3 { background-position: 0px -58px; }
 .sp_p .p4 { background-position: 0px -78px; }
 .sp_p .p5 { background-position: 0px -97px; }
 .sp_p .p6 { background-position: 0px -116px; }
 .sp_p .p7 { background-position: 0px -135px; }
 .sp_p .p8 { background-position: 0px -154px; }
 .sp_p .p9 { background-position: 0px -173px; }
 .sp_p .pd { background-position: -6px -191px; width: 3px }
 
 div.coupons {
    background-image: url(/images/art/coupon_start_flag.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-color: #de4722;
    display: block;
    height: 14px;            
    display: inline-block;
    margin-left: 5px;    
    padding: 1px 5px 1px 10px;    
    cursor: pointer;
    position: absolute;
    top: 2px;
    left: 58px;   
 }    
 
 table.p_v2 tbody td dl.address dt div.coupons a {
    font-size: 11px;
    color: #ffffff;
    font-family: Arial;
    font-weight: bold;
    text-decoration: none;
 } 
 
 table.p_v2 tbody td dl.address dt div.coupons a:hover {
    text-decoration: underline;
 }
 
 ul.p_ft {
    list-style-type: none;
    list-style-image: none;
    padding: 0px;
    margin: 0px;
    table-layout: fixed;            
    width: 100%;            
}

ul.p_ft li {
    float: left;
    position: relative;
    margin-left: 4px;    
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
    line-height: 27px;
    text-align: center;         
}
            
ul.p_ft li a {
    color: #ffffff;
    text-decoration: none;            
    text-align: center;
    display: block;
    width: 119px;
    background-image: url(/images/art/prices_tabs_sp.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

ul.p_ft li.S a {
    width: 120px;
}


ul.p_ft li a:visited {
    color: #ffffff;
    text-decoration: none;
}

ul.p_ft li a:hover {
    color: #ffffff;
    text-decoration: underline;
}

ul.p_ft li.A a { background-position: 0px 0px; }
ul.p_ft li.D a { background-position: 0px -54px; }
ul.p_ft li.C a { background-position: 0px -108px; }
ul.p_ft li.B a { background-position: 0px -162px; }
ul.p_ft li.S a { background-position: 0px -270px; color: #595959; } 
ul.p_ft li.S a:hover { color: #595959; } 
ul.p_ft li.S a:visited { color: #595959; } 

ul.p_ft li div {
     background-image: url(/images/art/prices_tabs_sp.png);
     background-repeat: no-repeat;
     width: 4px;
     height: 27px;
     position: absolute;
     top: 0px;
     right: -1px;
     background-color: #ffffff;
}

ul.p_ft li.A div { background-position: -118px 0px;}
ul.p_ft li.D div { background-position: -118px -54px;}
ul.p_ft li.C div { background-position: -118px -108px;}
ul.p_ft li.B div { background-position: -118px -162px;}
ul.p_ft li.S div { background-position: -118px -270px;}

div.search_panel_container {
    background: #E5EEF7 url(/images/art/prices_tabs_sp.png) repeat-x 0px -429px;  
    border-left: 1px solid #646E77;
    border-right: 1px solid #646E77;  
    padding: 5px 10px 0px;      
}

div.search_panel {    
    border-bottom: 1px solid #BCCAD8;
}