/*
Theme Name: Listings Child
Theme URI:  http://themeforest.net/user/UmbrellaStudios
Description: A child theme of Listings Theme
Author: Umbrella
Author URI: http://themeforest.net/user/UmbrellaStudios
Version: 1.0
Template: listings
*/
@import url("global.css");

/* Override styles */

.services_page .service_box {
	height: 465px;	
}

.locations_widget .icon {
	margin-top: -17px;
}

.locations_widget_3 .icon {
	margin-top: -51px;
}

.main_content > .featured_cars_grid .featured_car ul li .car_prop, .details > ul li .car_prop {
    float: none !important;
	display: block !important;
}

.buy_sell.widget > p {
    width: 100% !important;
	background-color: #1C2E4F;
	color: #FFFFFF !important;
}

.contact_info > ul li p:last-child {
    max-width: 200px !important;
}

.featured_car:hover > a img {
    opacity: 0.7 !important;
}

.wwd_body ul li .s_info {
    padding-left: 0 !important;
    text-align: center !important;
}

#mailform p {
	font-size: 16px;
	padding: 10px 25px;
}

#header .header_bottom_section #menu-main > li > a {
	padding: 0px 32px !important;
}

#header {
	
}

.slide_car_info td {
	padding: 0 4px !important;
}

.menu-main-container .current_page_item a {
	background-color: #3F567F !important;
}

.map_overlay_new {
	background: url(/vehicle-hire/wp-content/uploads/2014/05/MMHire_small.png);
	height: 35px;
	width: 80px;
}

#wrapper {
	background: url('cars-bg_nocars-xstretch2.jpg') top center no-repeat #0088ff;
}

.main_content {
	min-height: 580px;
}

#vehicle-details {
	background-image:url(cars-bg_nocars-repeat.jpg);
	max-width: 1168px;
	height: auto;
	border-collapse:collapse;
	margin-left:auto; 
	margin-right:auto;
}

#reviews {
	max-width: 1168px;
	height: auto;
	border-collapse:collapse;
	margin-left:auto; 
	margin-right:auto;
}

#ricoh-theta-spherical-image {
    	text-align: center !important;
}

p.price {font-size:0.8em;text-align:center;color:blue;}
p.storage {font-weight:bold;color:red;text-align:left;}
p.vat {font-size:0.85em;color:red;text-align:center;font-weight:lighter;}
p.vat2 {font-size:0.65em;color:blue;text-align:center;font-weight:lighter;}
p.normal {font-weight:normal;}
p.light {font-weight:lighter;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}
p.vehicle {font-size:0.8em;text-align:left;}
p.dor-mileage {font-size:0.8em;text-align:center;color:blue;}

a.nav:link	{color: #0000FF; text-decoration: underline;}
a.nav:active	{color: #FF0000; text-decoration: none;}
a.nav:visited	{color: #FF0000; text-decoration: none;}

a.review-links:link	{color: white; text-decoration: underline;}
a.review-links:hover	{color: #FF0000; text-decoration: underline;}
a.review-links:active	{color: #FF0000; text-decoration: none;}
a.review-links:visited	{color: #FF0000; text-decoration: none;}

a.header:link {color: #0000FF; text-decoration: none;}
a.header:visited  {color: #0000FF; text-decoration: none;}
a.header:hover  {color: #0000FF; text-decoration: none;}

span.auto {font-weight:bold;color:#FF00FF;}
span.blue {color:blue;}
span.eco {color:#008000;}
span.fraction {font-size:0.75em;}
span.petrol {color:#FFA500;}
span.redbold {font-weight:bold;color:red;}
span.vat {font-size:0.85em;color:red;font-weight:lighter;}

img {
   max-width: 100%;
   height: auto;
}

img {
   *width: 100%;
} 

#stocklist
{
width:95%;
border-collapse:collapse;
margin-left:auto; 
margin-right:auto;
}

#stocklist td, #stocklist th 
{
font-size:1.0em;
border:1px solid #FF6666;
padding:2px 2px 2px 2px;
text-align:center;
vertical-align:middle;
}

#stocklist th 
{
font-size:1.0em;
font-weight:bold;
border:1px solid #FF6666;
background-color:#FFCCCC;
color:blue;
}

#stocklist td.model
{
font-size:1.2em;
font-weight:bold;
border:1px solid #FF6666;
background-color:#FFCCCC;
color:blue;
}

#stocklist tr
{
  background-image: url("landingpageassets/table-cell-01.png");
border:1px solid #FF6666;
} 

#navigation
{
width:100%;
border-collapse:collapse;
margin-left:auto; 
margin-right:auto;
}

#navigation td 
{
font-size:1.2em;
border:0px;
padding:0px 0px 0px 0px;
background-color:white;
text-align:center;
vertical-align:middle;
color:#0000FF;
}


/* 
Generic TABLE Styling, for Desktops/Laptops 
*/

#vehicle-specification
{
width:95%; 
border-collapse: collapse; 
margin-left:auto; 
margin-right:auto;
border: 0; 
}

#vehicle-specification th { 
  background-color: #dd3333;
  font-weight: bold; 
  color: #fff;
    padding: 6px; 
  text-align: left; 
}

#vehicle-specification td { 
  padding: 6px; 
  text-align: left; 
  color: #fff;
	background-color: #0d2d4d;
}

/*
RESPONSIVE TABLE DESIGN
*/

/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
/* 
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
*/
	/* Force table to not be like tables anymore 
	#vehicle-specification, thead, tbody, th, td, tr { 
		display: block; 
	}
	*/	
	/* Hide table headers (but not display: none;, for accessibility) 
	#vehicle-specification thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	#vehicle-specification tr { border: 0; }
	
	#vehicle-specification td { 
		/* Behave  like a "row" 
		border: 0;
		position: relative;
	}
	
	#vehicle-specification td:before { 
		/* Now like a table header 
		position: absolute;
		/* Top/left values mimic padding 
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	*/	
	/*
	Label the data
	*/
	
	/*
	#vehicle-specification td:before { content: attr(data-label); }
	

	#vehicle-specification td:before { content: Year & Registration(Year); }
	#vehicle-specification td:before { content: Make & Model(Make); }
	#vehicle-specification td:before { content: Mileage(Mileage); }
	#vehicle-specification td:before { content: Key Specification(Key Spec); }
	

	#vehicle-specification td:nth-of-type(1):before { content: "Year & Registration"; }
	#vehicle-specification td:nth-of-type(2):before { content: "Make & Model"; }
	#vehicle-specification td:nth-of-type(3):before { content: "Mileage"; }
	#vehicle-specification td:nth-of-type(4):before { content: "Key Specification"; }
	#vehicle-specification td:nth-of-type(5):before { content: "Wars of Trek?"; }
	#vehicle-specification td:nth-of-type(6):before { content: "Porn Name"; }
	#vehicle-specification td:nth-of-type(7):before { content: "Date of Birth"; }
	#vehicle-specification td:nth-of-type(8):before { content: "Dream Vacation City"; }
	#vehicle-specification td:nth-of-type(9):before { content: "GPA"; }
	#vehicle-specification td:nth-of-type(10):before { content: "Arbitrary Data"; }
}	*/