﻿/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
TABLE.Menu 
{
    vertical-align:middle;
    padding-top: 5px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 2px;
    margin-top: 1px;
}
table 
{
    font-family: 'Open Sans', Heltevica, Sans-Serif;
}
TR
{
    text-align:left;	
}
TH
{
    text-align:center;	
}

body 
{
	margin:0px;
	padding:0px;
	font-family:'Open Sans', Heltevica, Sans-Serif !important;
}

.clearfix:after {
    content: "."; 
    display: block;
    height: 0px; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



.SrcTxt
{
    font-size:17px;
    color:#555;
}

#main_wrapper
{
	width:1120px;
	margin:0px auto 0px auto;
	padding:0px;

}
#main_wrapperTrip
{
	width:1120px;
	margin:0px auto 0px auto;
	padding:20px;

}
/*used on GB_Home2 the position relative allows the takeover skin to be clickable.*/
#main_wrapper2
{
	width:1120px;
	margin:0px auto 0px auto;
	padding:20px;
    background-color:white;

}

.top-bar {
    background-color:#ffffff;
    height: 30px;
    margin-top:-12px;
    width: 100%;
    vertical-align:central;
    /*border: 1px solid #666666;*/
    padding-top: 10px;
    text-align:right;
    padding-right:15px;
    width: 1088px;
    color: #63666A;
}

.top-bar b {
    font-size:12px;
    line-height: 30px;
    padding-left:20px;
    padding-right:10px;
}

.top-bar a {
    text-decoration: none;
    font-size: 12px;
    font-weight:600;
    word-spacing:1px;
    margin-left: 10px;
}

.top-bar div {
    float:right;
    /*display:inline-block;*/
    width:220px;
    margin-left: 350px;
}

.top-bar div span {
    display:inline-block;
    color: #ffffff;
}

.sidebar
{
	float: right;    
	margin: 10px 0 0 0;	
	padding:0px;
	width:302px;
	display:block;
	/*z-index: 100;*/		
}

.sidebarTrip
{
	float: right;    
	margin: 10px 0 0 0;	
	padding:0px;
	width:160px;
	display:block;
	z-index: 100;		
}
.sidebarGB
{
	float: right;    
	margin: 10px 0 0 0;	
	padding:0px;
	width:160px;
	display:block;
	z-index: 100;		
}

.main_col
{
	width:800px;
	display:block;
	margin: 0px;
	padding: 0px;	
	font-family:'Open Sans', Heltevica, Sans-Serif;
	float:left;
}
.main_col2
{
	width:970px;
	display:block;
	margin: 0px;
	padding: 0px;	
	font-family: 'Open Sans', Heltevica, Sans-Serif;
	float:left;
}
.main_box
{
	margin: 10px 0 0;
	padding:0px;	
	font-size:12px;
	min-height:1200px;
	background:#fff;
    min-height:1330px;
}
.main_boxGB
{
	margin:10px 0 0;
	padding:0px;
	font-size:12px;
	min-height:1200px;
	background:#fff;
}
#header 
{   
	background: #fff;
    border: 1px solid #666666;
    margin: 3px 0px;
}
.left_col
{
	width: 300px;
	display: block;
	margin: 0px;
	padding: 0px;
	background: #ffffff;	
	float: left;	
	overflow: hidden;
}
.right_col
{
	width: 490px;
	margin: 0px;
	padding: 0px;
	float: right;
	display: block;
}
.leftCol
{
	width:300px;
	display:block;
	margin:0px;
	float:left;	
	overflow:hidden;
}
.rightCol
{
	width:492px;
	margin:0px;
	padding:0px;
	margin-left:308px;
	display:block;
}
.footbar
{
	width:1120px;
	display:block;
	margin:0px;
	padding:0px;
    padding-top: 15px;
}
.footbar div {
    background-color: #0097A9;
}
.footbar2
{
	width:970px;
	display:block;
	margin:0px;
	padding:0px;
}

/*.footbarTrip
{
	width:970px;
	display:block;
	margin:0px;
	padding:0px;
}*/
#price_tables .PriceTable
{
	/*margin-left:4px;*/
}

table.stats_table td
{
	padding: 3px;
}
th.pagetitle 
{
	padding:3px;
}
table.forum
{
	margin:auto;
}
#div728
{
	background-color:white;
	margin:0px auto 10px;	
	width:728px;
	height:90px;
	display:block;
}

img.avatar 
{
	margin:2px;
	width:60px;
	background:white;
	border:solid 1px lightgrey;
}

/* ************ start - content wrappers ************* */

div.Wrapper
{
	padding:9px;
	padding-top:0;
    background-color: #ffffff;
	border:1px solid #e2e2e2;
	margin-bottom:9px;
}

div.WrapperNoHeader
{
	padding:9px;	
	/*border:1px solid #e2e2e2;*/	
	margin-bottom:9px;
}

div.Wrapper h1
{
	font-size:18px;
	line-height:16px;
    padding: 10px 20px;
	background-color:#63666A;
    margin: 0px -10px;
    color:#ffffff;
	margin-bottom:5px;
	font-weight:normal;
    border: 1px solid #e2e2e2;
    border-top: 0px;
    border-bottom: 0px;
}

/*div.Wrapper a.join-now-btn 
{
    background-color: #EE5340;
    color: #fff;
    font-size:18px;
    text-decoration:none;
    padding: 5px;
    border-radius:10px;
    padding-left:25px;
    padding-right: 25px;
    font-weight:600;
    border:1px solid #E2E2E2;
}*/



/* ************ end - content wrappers ************* */
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/* ************ start - main menu navigation ************* */
#navi {
    height: 24px;
    margin: 0px;
    padding: 0px;
    position: static;    
}

#navi div {	
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;	
	position: static;	
	margin: 0px;
	padding: 0px;	
	line-height: 22px;
	border-collapse: collapse;	
}

#navi ul li {
	float: left;
	margin: 0px;
	position: relative;
	/*background-color: #2A406B;*/		
	background: url(/images/nav_v2_bg_0.png) repeat-x 0px 1px;
}

#navi ul li.m_sel {	
	/*background-color: #ffffff;*/	
	background: url(/images/nav_v2_bg_2.png) repeat-x 0px 1px;
}

#navi ul li.m_sel a {	
	color: #2A406B;
	border-bottom: 1px solid #ffffff;
	text-decoration: underline;	
}

#navi ul li.m_sel div {	
	background-image: url(/images/nav_arr_1.gif);
	text-decoration: none;
}

#navi ul li:hover {	
	text-decoration: none;
	color: #2A406B;	
	background: url(/images/nav_v2_bg_2.png) repeat-x 0px 0px;
}

#navi ul li:hover a {		
	color: #2A406B;	
}

#navi ul li:hover div {
	background-image: url(/images/nav_arr_1.gif);
	text-decoration: none;
}

#navi ul li a{
    display: block;
    text-decoration: none;
	font-size: 12px;	
	border-top: 1px solid #2A406B;		
	text-align: left;	
	color: #ffffff;		
	cursor: pointer;
	padding-left: 7px;		
	font-family: 'Open Sans', Heltevica, Sans-Serif;
}

#navi ul li a:hover {
    text-decoration: underline;
    color: #2A406B;
    background: url(/images/nav_v2_bg_2.png) repeat-x 0px 0px;
	border-top: 1px solid #2A406B;
	border-bottom: 1px solid #ffffff;
}

#navi ul li ul {
	background-color: #ffffff;
	text-decoration: none;	
	height: auto;
	left: -9999%;
	position: absolute;	
	line-height: 15px;			
	border-top: 0px;	
	border: 1px solid #2A406B;
	padding: 0px 0px;	
    margin: 0px;
	z-index: -1;		    
    color: #f36a18;
}

#navi ul li ul li, #navi ul li ul li:hover{     
    background-color: #ffffff;    
    border: 0px;
    background-image: none;
    text-decoration: none;   
    font-size: 10px;
    color: #bbbbbb; 
    font-weight: bold;
    cursor: default;  
    padding: 0px;
    margin: 0px;      
}

#navi ul li ul li a, #navi ul li ul li a:hover {    
	font-size: 12px;	
	background-color: #ffffff;
	border: 0px;
	text-align: left;	
	color: #2A406B;
	font-weight: normal;	
	padding: 3px 10px 3px 20px;
	background-image: url(/images/menu_b.gif);
    background-repeat: no-repeat; 
    background-position: 10px;
}

#navi ul li ul li a:hover {
    text-decoration: underline;
	background-color: #efefef;		
}

#navi ul li ul li.sub {
    margin-left: 5px;
    list-style-type: none;
    list-style-image: none;
    padding: 5px 0px;
    font-size: 12px;
    color: #353535;
    font-weight: bold;
    background-image: none;
    width: 175px;
    font-family: 'Open Sans', Heltevica, Sans-Serif;
}

#navi ul li.sfhover ul {
    left: -1px;
    top: 22px;
}

#navi ul li.sfhover-last ul {
    left: -59px;
    top: 22px;
}

#navi ul li a.sfhover{
    display: block;    
	font-size: 12px;
	border-top: 1px solid #2A406B;
	border-bottom: 1px solid #ffffff;
	text-align: left;	
	color: #2A406B;	
	cursor: pointer;	
	text-decoration: underline;
	padding-left: 7px;	
	background: url(/images/nav_v2_bg_2.png) repeat-x 0px 0px;
}

#navi ul li a.sfhover:hover{    
	border-top: 1px solid #2A406B;		
	border-bottom: 1px solid #ffffff;
	background: url(/images/nav_v2_bg_2.png) repeat-x 0px 0px;	
}

#navi ul li div {       
    cursor: pointer;
    background-image: url(/images/nav_arr_0.gif);
    background-repeat: no-repeat;
    background-position: center;	
    margin: 0px;    
    padding: 1px 4px;        
    text-decoration: none;    
    position: absolute;
    color: #ffffff;
    left: auto;
    top: 0px;
    right: 7px;
}

#navi ul li.sfhover div, #navi ul li.sfhover-last div {      
    background-image: url(/images/nav_arr_1.gif);
    text-decoration: none;
}

#navi ul li div.sfhover {      
    background-image: url(/images/nav_arr_1.gif);
    text-decoration: none;
}

#navi ul li.sp, #navi ul li.sp:hover  {
    line-height: 14px;
    padding: 4px 0px 4px 0px;
    color: #728AB8;
    cursor: default;   
    background: url(/images/nav_v2_bg_0.png) repeat-x;
    font-size: 13px;
    width: 3px;
    height: 14px;
    border-top: 1px solid #2A406B;
    font-family: 'Open Sans', Heltevica, Sans-Serif;
}

/* ************ end - main menu navigation ************* */
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/* ************ start - footer navigation ************* */
#foot {    
    width: 100%;    
    background-color: #0097A9
}

#foot div.info {
    font-size: 14px;
    color:#ffffff;
    display:inline-block;
    width: 24%;
    padding-left: 2.5%;
    vertical-align: top;
    padding-top: 20px; 
}

#foot div.info  > div {
    padding-top: 5px;
    font-size: 12px;
}

#foot div.info span {
   vertical-align:top;
   padding-right:5px;
}

#foot div.map {    
    width: 70%;
    overflow: hidden;
    height: 440px;
    padding-top: 10px;
    display: inline-block;
  
}

#foot div.map div {
    float: left;    
    padding: 0 10px;        
    font-size: 11px;    
    /*border-right: 1px dotted black;*/
    height: 100%;
    width:30%;
}

#foot div.map ul {
    list-style-type: none;
    margin: 10px 0 10px 0;
    /*padding: 0 0 0 0;*/
    font-size: 10px;
}

#foot div.map ul li {
    font-weight: bold;
    color: #006272;
    text-transform: uppercase;
    font-size: 1.5em;
}

#foot a {
    font-size: 11px;
    text-decoration: none;
    color: #ffffff;
}

#foot a:hover {
    text-decoration: underline;
}

#foot div.map ul ul {    
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

#foot div.map ul ul li {
    font-weight: normal;
    font-size: 8px;
    padding: 1px 0 1px 10px;
    text-transform:initial;
}

#foot div.map ul ul li a {    
    text-decoration: none;   
    width: 150px; 
    color:#ffffff;
    font-size:12px;
    font-weight: 200;
}

#foot div.map ul ul li a:hover {        
    text-decoration: underline;    
}

#foot div.clear {
    float: none;
    clear: both;
    border: 0px none;
    height: 0px;
}

div.tag {
    width: 100%;
    padding: 3px 0;    
    margin: 0px;
    font-size: 14px;
    text-align: center;
    background-color: #045F68;
    color: #ffffff;
    font-weight: 500;
    word-spacing: 2px;
    letter-spacing: 0.5px;
    float: none;
    border: 0 none;
    clear: left;
}

#foot div.copy{
    width: 100%;
    margin: 5px 0px 2px;
    font-size: 12px;
    overflow: hidden;
    padding: 3px 0px;
    color: #494949;
}

#foot div.copy div.logo {
    float: left;
    background: url(/images/logos/gb-mini.png) no-repeat 5px 0%;
    padding: 10px 0px 10px 140px;
}

#foot div.copy div.links {
    /*float: left;*/    
    padding: 5px 0px 3px 345px;
}

#foot div.copy div.links ul {
   list-style-image: none;
   list-style-type: none; 
   margin: 0px;
   padding: 0px;
}

#foot div.copy div.links ul li {
    float: left;
    margin: 0px 2px;
    color: #727272;
    
}

#foot div.copy div.date {
    float: right;
    padding: 5px 5px 3px 0px;
}
/* ************ end - footer navigation ************* */
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/* menu */
/* menu */
#navi2, #subnavi2 {
    height: 30px;    
    padding: 0px 0px;
    font-family: 'Open Sans', Heltevica, Sans-Serif;
    font-size: 14px;
    overflow: hidden;                                
}
#navi2 {
    height: 32px;
}

#navi2 {        
    background-position: 0px -60px;
}

#navi2 span, #subnavi2 span {
	border-right: #e2e2e2 1px solid;    	
	margin-top: 4px;
	display: block;
	float: right;
	height: 20px;
	font-size: 10px;
	line-height: 14px;
}   

#navi2 a, #subnavi2 a {        
    color: #63666A;        
    text-decoration: none;        
    margin: auto 2px auto -1px;
    overflow: hidden;
    display: block;
    height: 22px;
    line-height: 21px;
    display:inline;
    line-height: 28px;
    font-weight: 600;
}

#navi2 li a  {
    padding:0px;
    padding-left: 20px;
}

#navi2 #n_gas a, #navi2 #n_points a, #navi2 #n_gbu a {
    padding-left: 7px;
}

#navi2 #n_widgets a {
    padding-left:13px;
}

#navi2 #n_home a, #navi2 #n_help a, #navi2 #n_maps a {
    padding-left: 24px;
}

#navi2 .n_sel a {
    color: #404040;
}

#n_media a {
    padding: 0px 10px 0px 13px;
}

#navi2 .n_sel a {
    color: #E14F3D;

}

#navi2 .n_sel a div {
    color: #404040;
        background-image:url('/images/art/deals_menu_dollarsign_hover.png'); 
        background-repeat: no-repeat; 
        padding-left:12px;
        width:100px;

}

 #navi2 .n_sel {
    background-color: #ffffff;        

}

  /*#navi2 .n_sel a div {
      background-image:url('images/art/deals_menu_dollarsign_hover.png');
      background-repeat: no-repeat;
}*/
    
#subnavi2 {        
    padding: 0px 0px;        
    border-top: 0px;             
}

/*#subnavi2 span {
	border-right: #404040 1px solid;
	margin-top: 4px;
	display: block;
	float: left;
	height: 17px;
	font-size: 10px;
	line-height: 17px;
}*/  

#navi2 li {
    position:relative;
    display: inline-block;
    max-width: 6.25em;
    min-width: 6.25em;
    vertical-align: top;
    padding: 0px;       
    z-index:10000;
    height: 30px;
}

#navi2 li#n_points, #navi2 li#n_gbu, #navi2 li#n_community {
    max-width: 8.7em;
    min-width: 8.7em;
}   

#navi2 ul, #subnavi2 ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0px;
    padding: 0px;   
    display: block;     
    height: 30px;   
}


#subnavi2 li {    
    float: left;
}  

#navi2 a:hover {        
    color: #EE5340;
}   

/*#subnavi2 a {        
    color: #63666A;
    text-decoration: none;        
    margin: auto 0px auto -1px;
    overflow: hidden;
    display: block;
    height: 24px;
    line-height: 24px;
    float: left;
    padding: 0px 6px 0px 6px;
}*/

ul.divider, div.divider {
    height: 1px;
    border-top: 1px solid #e2e2e2;
    margin: 0px 40px!important;
}

#subnavi2 a:hover {        
    color: #EE5340;
    font-weight: bold;
}


#subnavi2 div {
    display: none;
}

#subnavi2 .s_n_on {
    display: block;
}

#subnavi2 .s_n_feat {
    padding: 0px 5px;
}

#subnavi2 li.s_n_feat:hover {        
    background-position: 0px 0px;    
}

#subnavi2 #s_n_home a {
    padding: 0px 28px;         
}   

#subnavi2 li a {   
    padding: 0px 30px;       
    font-weight: normal;
}  

#subnavi2 #s_n_points a, #subnavi2 #s_n_forum a {
    padding: 0px 23px;     
} 

#subnavi2 #s_n_gas a {   
    padding: 0px 18px;       
}  

#subnavi2 #s_n_community a {   
    padding: 0px 15px;       
} 

/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/* prices */
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 #e2e2e2;
    border-right: 1px solid #e2e2e2;
    background-color: #FFFFFF;
}

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

table.p_v2 thead th.hd {
    background: #F9F9F9;       
    color: #33528A;
    font-size: 16px;
    padding: 5px;
    border: 0px;
    border-bottom: 1px solid #e2e2e2;
}

div.hd {
    font-weight: bold;
    color: #ffffff;
    background-color: #63666A;
    font-size: 16px;
    padding: 5px;
    border: 0px;   
    text-align: center; 
    line-height: 22px;
    margin-bottom:5px;
}

table.p_v2 thead th {
    border-bottom: 1px solid #EAEAEA;
    color: #045F68;
    padding: 4px 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 #e2e2e2;     
}

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

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

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

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: #404040;
    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;
    z-index: 1;
}

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: #303030;
    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 a.mem {
    color: #045F68;
    text-decoration: underline;
}

table.p_v2 tbody td a.mem:hover  {
    color: #EE5340;
}

table.p_v2 tbody td div.tm {
    margin: 2px 0px;
    cursor: default;
    font-weight: bold;
    color: #045F68;
}

table.p_v2b {
    border-top:1px solid #e2e2e2;
}

.cash-icon:before{
    content: 'CASH';
    height: 14px;
    width: 67px;
    background-color: #8DC900;
    color: #ffffff;
    overflow-wrap: break-word;
    line-height: 15px;
    font-size: 10px;
    position: absolute;
    margin-left: -63px;
    padding-top: 0px;
    margin-top: 22px;
    padding-left: 2px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.sp_p {
    margin-left: 2px;
    width: 65px;
}
        
.sp_p div{            
    display: block;
    height: 18px;
    width: 14px;
    float: left;     
    margin-top: 1px;
 }
 
 table.p_v2 tbody th.p_high .sp_p div {
    background-image: url(/images/art/p_bg_h.png);
 }         

 div.price-wrapper {
     overflow: hidden; 
     margin: 0px auto;
 }

 div.price_num {
     color: #0097A9;
     font-size: 18px!important;
     font-weight: 600;
     font-size: 24px!important;
 }

 table.p_v2 tbody th.p_high a div.price_num {
     color: #E14F3D;
 }

 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;
 }
 
 table.p_v2 tbody td a.p_flag {
    background-image: url(/images/art/prices_map_find_sp.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    width: 36px;
    height: 13px;
 }
 
 table.p_v2 tbody td a.p_map {
    background-position: 0px -24px;
 }
 
 .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: 'Open Sans', Heltevica, Sans-Serif;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
} 
 
 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: #333333;
    font-weight: normal;
    font-size: 16px;
    line-height: 27px;
    text-align: center;   
    width: 118.5px;      
}

ul.p_ft li.S {
    width:120px;
}
            
ul.p_ft li a {
    color: #101821;
    text-decoration: none;            
    text-align: center;
    display: block;
    width: 116px;
    background-color: #e2e2e2;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 1px solid #e2e2e2;
    border-bottom: 0px;
}

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


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

ul.p_ft li a:hover {
    color: #0097A9;
    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-color:#ffffff; color: #595959; } 
ul.p_ft li.S a:hover { color: #595959; } 
ul.p_ft li.S a:visited { color: #595959; background-color:#ffffff; } 

ul.p_ft li div {

     width: 4px;
     height: 27px;
     position: absolute;
     top: 0px;
     right: -1px;
     background-color: rgba(255, 255, 255, 255);
}

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: #F9F9F9;  
    border-left: 1px solid #646E77;
    border-right: 1px solid #646E77;
    */
    padding: 5px 10px 10px 10px;      
}


/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/* sprites */

.sprite-GasPump 
{ 
	display: inline-block;
	background: url(../images/sprites.png) no-repeat scroll 0 -30px;
	border-style: none;
	width: 13px;
	height: 13px;
}

.sprite-Helpmark 
{ 
	display: inline-block;
	background: url(../images/sprites.png) no-repeat scroll 0 -73px;
	width: 42px;
	height: 16px;
} 

.sprite-Matched 
{ 
	display: inline-block;
	background: url(../images/sprites.png) no-repeat scroll 0 -118px;
	width: 16px;
	height: 16px;
} 
.sprite-buddies 
{ 
	display: inline-block;
	background: url(../images/sprites.png) no-repeat scroll 0 -166px;
	width: 16px;
	height: 15px;
}
.sprite-map
{ 
	display: inline-block;
	background: url(../images/sprites.png) no-repeat scroll 0 -211px;
	width: 35px;
	height: 15px;
}
.sprite-more_info2
{ 
	display: inline-block;
	background: url(../images/sprites.png) no-repeat scroll 0 -253px;
	width: 35px;
	height: 15px;
} 
.sprite-msg
{ 
	display: inline-block;
	background: url(../images/sprites.png) no-repeat scroll 0 -295px;
	width: 15px;
	height: 15px;
}
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/* price search control */

#ps_panel {
     overflow: hidden;
     zoom: 1;
     /*border: 1px solid #9DB5CD;
     background-color: #edf2f6;*/
     padding: 0px 0px 3px;
}

#ps_panel select, input {
    font-family: 'Open Sans', Heltevica, Sans-Serif;


}

#ps_panel div.ps_search {
    float: left;
    margin: 0px;  
}    


#ps_panel input.ps_search_box, #ps_panel input.ps_search_box_wm {
    width: 350px;
    font-size: 12px;
    color: #000000;
    font-family: 'Open Sans', Heltevica, Sans-Serif;
    border: 0px;
    padding: 3px 0px;
    outline: none;
}
/*

    background: #ffffff url(/images/art/gb_search_magnify.png) no-repeat 4px 3px;
    font-weight: normal;
    border: 1px solid #9db5cd;   
    padding: 2px 0px 2px 25px;  
    float: left;   
    margin: 0px;
    color: #000000;
    font-family: arial, sans-serif;
    font-size: 15px;
    vertical-align: middle;
    height: 20px;
    display: table-cell;
}
*/

#ps_panel div.ps_search_box {
    width: 355px;
    background: #ffffff url("../images/reskin/search_icon.png") no-repeat 4px 3px;
    background-size: 16px;
    font-weight: normal;
    border: 1px solid #9db5cd;
    padding: 0px 0px 0px 25px;
    float: left;
    color: #000000;
    font-family: 'Open Sans', Heltevica, Sans-Serif;
    font-size: 15px;
    vertical-align: middle;
    height: 25px;
}
}

#ps_panel input.ps_search_box_wm {
    color: #666666;
}    

#ps_panel input.ps-search-btn {
    padding: 0;
    width: 86px;
    background-color: #8DC900;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    text-align:center;
    font-size:14px;
    cursor:pointer;
    text-transform: uppercase;
    outline: none!important;
    border: 1px solid #97D700 !important;
    background-color: #ffffff;
    color: #97D700!important;
    height: 27px;
}
#ps_panel input.ps-search-btn:hover {
    background-color: #97D700!important;
    color: #ffffff!important;
}
#ps_panel input.ps-search-btn:hover {
    background-color: #97D700!important;
    color: #ffffff!important;
}
#ps_panel input.ps-search-btn:focus {
    outline: none;
    background-color: #8DC900!important;
    color: #ffffff!important;
}
.btn {
    font-size:14px;
    letter-spacing: 1px;
    text-decoration:none;
    color:#ffffff!important;
    border-radius: 25px;
    padding: 5px 15px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: bold;
}
.btn:hover {
    border: 1px solid transparent!important;
}
.btn:focus{
    outline: none!important;
}
.sm-btn {
    font-size: 12px;
}
.green-btn {
    border: 1px solid #97D700;
    background-color: #ffffff;
    color: #97D700!important;
}
.green-btn:hover {
    border: 1px solid transparent;
    background-color: #97D700;
    color: #ffffff!important;
}
.green-btn:focus {
    border: 1px solid transparent;
    background-color: #8DC900;
    color: #ffffff!important;
}
.blue-btn {
    border: 1px solid #006272;
    background-color: #ffffff;
    color: #006272!important;
} 
.blue-btn:hover {
    border: 1px solid transparent;
    background-color: #006272;
    color: #ffffff!important;
}
.blue-btn:focus {
    border: 1px solid transparent;
    background-color: #0D6B7B;
    color: #ffffff!important;
}
.red-btn{
    border: 1px solid #EE5340;
    background-color: #ffffff;
    color: #EE5340!important ;
}
.red-btn:hover {
    border: 1px solid transparent;
    background-color: #EE5340;
    color: #ffffff!important;
}
.red-btn:focus {
    border: 1px solid transparent;
    background-color: #E14F3D;
    color: #ffffff!important;
}
.light-blue-btn{
    border: 1px solid #0097A9;
    background-color: #ffffff;
    color: #0097A9!important;
}
.light-blue-btn:hover {
    border: 1px solid transparent;
    background-color: #0097A9;
    color: #ffffff!important;
}
.light-blue-btn:focus {
    border: 1px solid transparent;
    background-color: #039EB1;
    color: #ffffff!important;
}
.ps_list
{
    background-color: #ffffff;
    border: 1px solid black;
    z-index: 100000;
    z-index: 2147483647;
    z-index: 5147483647;    
}

.ps_item, .ps_selected_item
{
    font-family: 'Open Sans', Heltevica, Sans-Serif;
    font-size: 16px;
    background-color: #ffffff;
    color: #494949;
    cursor: pointer;
    padding-left: 2px;
    white-space: nowrap;
    overflow: hidden;
    font-weight: normal;
}

.ps_selected_item
{  
    background-color: #006272;
    color: #ffffff;        
}

.ps_small {
    font-size: 10px;
    color: #646E77; 
    font-family: 'Open Sans', Heltevica, Sans-Serif;
    overflow: hidden;
    zoom: 1;
}

.ps_adv {
    font-size: 14px;
    color: #33528A; 
    font-family: 'Open Sans', Heltevica, Sans-Serif;
    text-decoration: underline;        
    float: right;
    font-weight: bold;
    margin-top: 3px;
    cursor: pointer;
}

.ps_search a.psc_head {
    font-size: 18px;
    color: #33528A;
    margin: 0px;
    padding: 0px;
    font-weight: bold;
    text-decoration: none;
    display: block;
}

.ps_search a.psc_head:hover {
     text-decoration: underline;
}

a.psc_head span {
    color: #0000ff;
}

.ps_right{
    clear: right;
    margin: 3px 0px 0px;
    width: 468px;
    height: 0px;
}

.ps_saved {
    font-family: 'Open Sans', Heltevica, Sans-Serif;
    font-size: 11px;
    color: #494949;
}

.td_saved a{
    font-weight: normal;
}

.ps_fuel_types label  {        
    margin-right: 20px;
}

a.footer-social-icon {
    background-color: #007e8f;
    border-radius: 30px;
    display: inline-block;
    height: 36px;
    margin-right: 10px;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.3s ease 0s;
    width: 36px;
}

a.footer-social-icon:hover {
    background-color: #006875;
}

a.footer-social-icon img {
    width: auto;
    height: 15px;
    margin-top: 10px;
}

#foot div.info div.social-icons {
    padding-top: 13px;
}

.app-icons {
    padding-bottom: 5px;
}

a.footer-download-app-icon {
    background-color: #007e8f;
    border-radius: 5px;
    display: inline-block;
    height: 25px;
    margin-right: 10px;
    padding: 10px 12px;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.3s ease 0s;
}

a.footer-download-app-icon:hover {
    background-color: #006875;
}


a.footer-download-app-icon img {
    width: auto;
    height: 25px;
}

input[type=radio], input[type=checkbox i] {
   -webkit-appearance: none;
   width: 17px;
   height: 17px;
   color: #ffffff;
   border: 1px solid #d3d5de;
   border-radius: 15px;
   margin-top: 0px;
   margin-bottom: -2px;
}

input[type=radio]:checked {
    background-color: #0097A9;
    background-image: url('/css/images/white_dot_icon.png') ;
    background-size: 9px 9px;
    background-position: 3px 3px;
    background-repeat: no-repeat;
}
input[type=checkbox i]:checked {
    background-color: #0097A9;
    background-image: url('/css/images/white_check_icon.png') ;
    background-size: 12px 12px;
    background-position:1.5px 2px;
    background-repeat: no-repeat;
}
input:focus {
    outline: none;
}
input[type=text] {
    border: 1px solid #d2d2d2;
    color: #000000;
}
input[type=submit] {
    -webkit-appearance: none;
}
input[type=submit]:hover {
    border: 1px solid transparent;
    background-color: #0097A9;
    color: #ffffff;
}
input[type=submit]:focus {
    border: 1px solid transparent;
    background-color: #039EB1;
    color: #ffffff;
}

select {
    color: #000000;
    outline: none;
}

select:disabled {
    color: #CECFD0; 
}
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */

/* Safari 9.0+ */

.safari .btn, 
.safari #navi2 a, 
.safari #subnavi2 a,
.safari table.p_v2 tbody td div.tm  {
    font-weight:500;
}

.safari #navi2 a {
    font-size:15px;
}