/*
Theme Name: UK Fleet Assistant
Description: Theme for UK Fleet Assistant.
Author: Alex Willis
Version: 1.0
*/

html
{
	height: 100%;
	border: 0;
}

body
{
	width: 100%;
	height: 100%;
	font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif;
	font-size: 12.5px;
	text-align: center;
	margin: 0;
	padding: 0;
	
	background-color: #fff;
	background-image: url('images/background.png');
	background-size: 100% 100%;
	background-repeat: repeat-x;
	background-position: left top;
}

a, img {
    border:none;
    outline:none
}

.wrapper
{
	text-align: center;
	width: 100%;
	position: relative;
	height: auto;
	min-height: 100%;
}

.headerwrapper
{
	background-color: #333;
	height: auto;
}

.header
{
	text-align: center;
	height: auto;
	overflow: auto;
	max-width: 1000px;
	margin: 0 auto;
}

.header_left
{
	float: left;
	max-width: 50%;
	width: 38%;
	text-align: left;
}

.header_middle
{
	float: left;
	text-align: center;
	width: 110px;
	margin: 20px auto 0 auto;
}

.header_login
{
	background: url(images/login_button.png) no-repeat left;
	background-size: 95px 28px;
	width: 95px;
	height: 28px;	
}

.header_login:hover
{
	background: url(images/login_button_hover.png) no-repeat left;
	background-size: 95px 28px;
}

.header_logout
{
	background: url(images/logout_button.png) no-repeat left;
	background-size: 109px 28px;
	width: 109px;
	height: 28px;	
}

.header_logout:hover
{
	background: url(images/logout_button_hover.png) no-repeat left;
	background-size: 109px 28px;
}



.header_right
{
	float: right;
	max-width: 50%;
	width: 340px;
	padding-top: 10px;
}

.tel_link
{
	cursor: default;
	text-decoration: none;
}

.login_icon
{
	display: inline;
	float: left;
}

.menuwrapper
{
	background-color: #333;
	height: auto;
}

.main_menu_div
{
	text-align: center;
	height: auto;
	overflow: auto;
	max-width: 1000px;
	margin: 0 auto;
}

.main_menu_div ul
{
	list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
	float: left;
	width: 100%;
	background: #666 url(images/button-bg.png) repeat top;
	
	border-radius: 0px 0px 10px 10px;
	behavior: url(css/PIE/PIE.htc);
}

.main_menu_div li
{
	float: left;
	height: 32px;
}

.main_menu_div li a
{
    display: block;
    color: #ddd;
    text-align: center;
    padding: 5px 26px;
    text-decoration: none;
	font-size: 17px;
	font-weight: bold;
	height: 22px;
	background: #666 url(images/button-bg.png) repeat top;
}

/* normal menu */
.main_menu_div li:first-child:nth-last-child(6) a,
.main_menu_div li:first-child:nth-last-child(6) ~ li a {
	padding: 5px 26px;
}

/* user menu */
.main_menu_div li:first-child:nth-last-child(7) a,
.main_menu_div li:first-child:nth-last-child(7) ~ li a {
	padding: 5px 19px;
}
.main_menu_div li a:hover {
	background: #44cc00 url(images/button-green.png) repeat top;
}

.mobile_menu
{
	position: relative;
}

.mobile_login, .mobile_logout
{
	position: absolute;
	right: 8px;
	top: 2px;
	display: none;
}
	
.mobile_login
{
	background: url(images/login_button.png) no-repeat left;
	width: 81px;
	height: 24px;	
}

.mobile_login:hover
{
	background: url(images/login_button_hover.png) no-repeat left;
}

.mobile_logout
{
	background: url(images/logout_button.png) no-repeat left;
	width: 93px;
	height: 24px;	
}

.mobile_logout:hover
{
	background: url(images/logout_button_hover.png) no-repeat left;
}

.container
{
	min-height: 100%;
}

.content
{
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 80px;
	background-color: #fff;
}

.topbanner
{
	margin-bottom: -3px;	
}

.topbanner img
{
	width: 100%;
	height: auto;
	
	margin: 0;
	padding: 0;
}

.contentheader
{
	font-size: 25px;
	font-weight: bold;
	margin-top: 10px;
}

.main_content
{
	text-align: left;
	padding: 0 10px;
	font-size: 16px;
}

.other_content
{
	text-align: left;
	padding: 0 10px;
}

.main_content li {
    padding-bottom: 10px;
}

.whitespace
{
	background-color: #fff;
	height: 70%;
	position: absolute;
	width: 1000px;
	margin: 0 auto;
	left: 0;
	right: 0;
	bottom: 70px;
	z-index: -1;
}

.footerwrapper
{
	background-color: #555;
	height: auto;
    position:absolute;
    width:100%;
    bottom:0; /* stick to bottom */
}

.footer
{
	width: 100%;	
	text-align: center;
	max-width: 1000px;
	margin: 0 auto;
	padding: 3px 0;
	
	font-weight: bold;
	color: #ddd;
}

.footer td
{
	color: white;
	font-size: 10px;
}

.footerspan
{
	display: inline-block;
	margin: 0 8px;
}

.footer a
{
	color: #ddd;
	text-decoration: none;	
}

.footer a:hover
{
	color: #3388ff;
}

.header_left2, .tel_img2, .tel_img3
{
	display: none;
}

.slicknav_menu
{
	display: none;
}

.social_media
{
	float: right;
	display: none;
	padding-right: 6px;
}

.navicon
{
	display: none;
}

.social_header .header_right
{
	padding-top: 0px;
}

.social_header .social_media
{
	display: block;
}

.social_header .tel_img1
{
	display: none;
}

.social_header .tel_img3
{
	display: inline;
}

.page-list
{
	list-style: none;
	font-family: Verdana,Arial,Helvetica,sans-serif !important;
	font-weight: bold;
	line-height: 18px;
	padding-left: 15px;
}

.page-list a
{
	color: #222;
	text-decoration: none;	
}

.page-list a:hover
{
	color: #3388ff;
}

#home_table td { 
	padding: 0 0 15px 0;
	font-size: 16px;
}

#home_table td:first-child { 
	padding: 0 20px 15px 0;
}

.home_table_title
{
	display: inline;
}

.home_table_title:after
{
	content: " -";
}

.home_table_p
{
	display: inline;
	text-align: left;
}

#login_table
{
	padding: 0;
	margin: 0;
	border-spacing: 0;
	margin: 0 auto;
}

#login_header
{
	background-color: #3388ff;
	color: #fff;
	padding: 3px;
	font-weight: bold;
	text-align: center;
	
	border-radius: 10px 10px 0 0;
	behavior: url(css/PIE/PIE.htc);
}

#login_cell
{
	border: 1px solid #3388ff;
	padding: 3px;
	
	border-radius: 0 0 10px 10px;
	behavior: url(css/PIE/PIE.htc);
}

#loginform
{
	text-align: center;
}

.login-submit #wp-submit {
    
	background: #666 url(images/button-bg-small.png) repeat top;
    color: #ffffff;
    filter: none;
	text-decoration: none;
	border:none;
	padding: 2px 10px 4px 10px;
	cursor: pointer;
	
	border-radius: 3px;
	behavior: url(css/PIE/PIE.htc);
}

.login-submit #wp-submit:hover
{
	background: #3388ff url(images/button-green-small.png) repeat top;
}

.testimonial-category
{
	overflow-y: auto;
	padding: 0 1px;
}

.single-testimonial  
{
	clear: both;
	border: 1px solid #3388ff;
	
	border-radius: 10px;
	behavior: url(css/PIE/PIE.htc);
}	
 
.single-testimonial h3 {
	font-family: Arial;
	margin-top:0px;
	margin-left:0px;
	margin-bottom: 0;
	width:auto; 
	height:27px;
	text-align:left;
	font-size:16px;
	color:#fff;
	font-weight:600;
	line-height:27px;
	padding-left:15px;
	background: #3388ff;
	
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	border-radius: 7px 7px 0 0;
	
	behavior: url(css/PIE/PIE.htc);
}

.single-testimonial blockquote {
	color:#222222;
	font-size:11px;
	width:auto; 
	padding-top:5px;
	padding-left:10px;
	text-align:left;
	margin:0px;
	padding: 5px 10px 0px 10px;
}

.single-testimonial h5 {
	color:#222222;
	font-size:15px;
	line-height: 1.5;
	padding: 0;
	font-family: Arial;
	font-weight: bold;
	text-align: right;
	float: right;
	clear: both;
	margin: 0 8px 5px 8px;
}

.single-testimonial blockquote p {
	color:#222222;
	font-size:16px;
	line-height: 1.5;
	padding: 0 0 10px 0;
	font-style:normal;
}

.single-testimonial h6 {
	float:left;
	width:100%;
	height:16px;
	text-align:center;
	line-height:16px;
	color:#ffffff;
	font-weight:700;
	text-decoration:none;
	padding:0px;
	margin:0px;	
	
	border-bottom:1px solid #b8b8b8;
	border-left:1px solid #b8b8b8;
	border-right:1px solid #b8b8b8;
	
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	behavior: url(css/PIE/PIE.htc);
}
 
#pdficon {
	float:right;
	clear:both;
	margin-top:0px;
	display:block;
	height:38px;
	line-height:38px;
	text-indent:6px;
	cursor:pointer;
	color:#ffffff !important;
	width:115px;
	background:url(images/pdfbutton.gif) no-repeat;
	text-align:left;
	margin-right:10px;
	margin-bottom:5px;
	text-decoration:none; 
	padding:0px;
}

#owl-homebanner .owl-controls
{
	position: absolute;
	bottom: 6px;
	left: 50%;
	left: calc(50% - 44px);
	left: -webkit-calc(50% - 44px);
}

#owl-homebanner .owl-dot
{
	display: inline-block;
	margin: 5px;
	background: url(images/button-bg.png) no-repeat;
	background-size: 12px 12px;
	height: 12px;
	width: 12px;
	border-radius: 20px;
	behavior: url(css/PIE/PIE.htc);
}

#owl-homebanner .owl-dot:hover, #owl-homebanner .owl-dot.active
{
	background: url(images/button-hover.png) no-repeat;
	background-size: 12px 12px;
}


#owl-testimonial .owl-controls
{
	text-align: center;
}

#owl-testimonial .owl-dot
{
	display: inline-block;
	margin: 5px;
	background: url(images/button-bg.png) no-repeat;
	background-size: 12px 12px;
	height: 12px;
	width: 12px;
	border-radius: 20px;
	behavior: url(css/PIE/PIE.htc);
}

#owl-testimonial .owl-dot:hover, #owl-testimonial .owl-dot.active
{
	background: url(images/button-hover.png) no-repeat;
	background-size: 12px 12px;
}

#owl-testimonial .owl-item {
    padding-bottom: 1px;
}

.contactdiv
{
	float: left;
	width: 50%;
}

.contactimg
{
	float: right;
	width: 50%;
	text-align: center;
	padding-top: 50px;
}

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

#booking_topleft
{
	max-width: 48%;
	float: left;
}

#booking_topright
{
	width: 48%;
	max-width: 48%;
	float: right;
}

.bookingtable input[type="text"]
{
	border: 1px solid #999;
}

.bookingtable input[type="select"]
{
	border: 1px solid #999;
}

.bookingtable textarea
{
	border: 1px solid #999;
	height: 60px;
	width: 100%;
}

.resizeinput input[type="text"]
{
	width: 180px;
}

.bookingtable #date
{
	text-align: center;
	font-weight: bold;
}

.booking_tyre_span
{
	display: inline-block;
	margin: 0 5px;
}

#booking_vecsize
{
	display: inline-block;
}

.booking_buttons
{
	overflow: auto;
}

.booking_buttons a
{
	display: inline-block;
	margin: 0 3px;
}

#booking_vectype {
	display: inline-block;
}

/*.booking_buttons a:last-child
{
	float: left;
}*/
/*responsive rules*/
@media screen and (max-width: 1000px) 
{
	.header, .content, .footer, .main_menu_div
	{
		width: 100%;
	}
	
	.header_left
	{
		max-width: 330px;
		width: 28%;
	}
	
	.header_right
	{
		max-width: calc(100% - 330px);
		max-width: -webkit-calc(100% - 330px);
	}
	
	.main_menu_div ul
	{
		background: #666 url(images/button-bg-big.png) repeat top;
		border-radius: 0px;
		behavior: url(css/PIE/PIE.htc);
	}
	
	.main_menu_div li
	{
		width: 16.665;
		width: calc(100% / 6.01);
		height: 43px;
	}
	
		/* normal menu */
	.main_menu_div li:first-child:nth-last-child(6),
	.main_menu_div li:first-child:nth-last-child(6) ~ li {
		width: 16.665;
		width: calc(100% / 6.01);

	}

	/* user menu */
	.main_menu_div li:first-child:nth-last-child(7),
	.main_menu_div li:first-child:nth-last-child(7) ~ li {
		width: 14.286;
		width: calc(100% / 7.01);
	}.main_menu_div li a
	{
		padding: 0;
		height: 43px;
	}
	
	.main_menu_div li a:hover {
		background: #44cc00 url(images/button-green-big.png) repeat top;
	}
	
	.wrapper
	{
		background: #fff none repeat scroll 0 0 !important;
	}
	
	.topbanner
	{
		height: auto;
	}
	
	.topbanner img
	{
		display: inline;
	}
	
	.menuwrapper, .headerwrapper
	{
		background-color: #333;
	}
	
	.whitespace
	{
		display: none;
	}
	
	.main_menu_div li a
	{
		font-size: 14px;
	}
}

@media screen and (max-width: 780px) 
{
	.main_menu_div
	{
		height: 43px;
	}
	
	.header_left
	{
		max-width: 34%;
	}

	.header_right
	{
		max-width: 64%;
	}
	
	.header
	{
		height: auto;
		overflow: auto;
	}
	
	.header img
	{
		max-width: 100%;
		height: auto;
	}
	
	.main_menu_div li a
	{
		padding: 0;
		height: 43px;
		font-size: 12px;
	}
}

@media screen and (max-width: 700px) 
{
	.main_menu_div li a
	{
		padding: 0;
		height: 43px;
		font-size: 12px;
	}
}
@media screen and (max-width: 640px)
{	
	.slicknav_menu
	{
		display: block;
		text-align: left;
		margin: 0 auto;
	}

	.main_menu_div
	{
		display: none;
	}
	
	.header_button
	{
		padding: 2px 10px 2px;
	}
	
	.headerwrapper
	{
		background: #333 none repeat scroll 0 0 !important;
	}
	
	.navicon
	{
		display: inline;
	}
	
	.header_middle
	{
		display: none;
	}
	
	.mobile_login, .mobile_logout
	{
		display: block;
	}
	
	.slicknav_btn
	{
		display: none;
	}
	
	.social_header .slicknav_btn
	{
		display: none;
	}
	
	.owl-page:hover
	{
		background: url(images/button-bg.png) no-repeat;
		background-size: 12px 12px;
	}	
	
	.owl-page.active
	{
		background: url(images/button-hover.png) no-repeat;
		background-size: 12px 12px;
	}
	
	.contactdiv
	{
		/*float: none;*/
		width: 100%;
	}

	.contactimg
	{
		/*float: none;*/
		position: absolute;
		/*width: 120px;*/
		width: 45%;
		bottom: 5px;
		right: 5px;
		padding: 0;
	}
	
	.bookingtable table,
	.bookingtable thead,
	.bookingtable tbody,
	.bookingtable th,
	.bookingtable td,
	.bookingtable tr
	{ 
		display: block; 
		padding: 0px;
		margin: 0px;
	}
	
	.bookingtable thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.bookingtable tr { 
		position: relative;
		padding: 0 0 20px 0;
		float: left;
		width: 100%;
	}
	
	.bookingtable td
	{
		border: none;
		float: none;
		position: static;
		padding: 0;
		margin: 0px;
	}
	
	#booking_topleft tr td:nth-child(2),
	#booking_topright tr td:nth-child(2),
	.booking_spacing
	{
		display: none !important;
	}
	
	#booking_vectype {
		display: block;
		margin: 5px 0;
	}
}


@media screen and (max-width: 450px)
{
	#booking_topleft,
	#booking_topright
	{
		max-width: 100%;
		width: 100%;
	}
	
	.resizeinput input[type="text"]
	{
		width: 100%;
		font-size: 16px;
	}
	
	.tyres_tr
	{
		position: relative;
		height: 150px;
		min-height: 150px;
	}
	
	.tyres_tr td:first-child
	{
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.tyres_tr .booking_tyre_span:first-child
	{
		position: absolute;
		top: 4px;
		left: 80px;
	}
	
	.tyres_tr .booking_tyre_span:nth-child(2)
	{
		position: absolute;
		top: 30px;
		left: 0;
		
	}
	
	.tyres_tr .booking_tyre_span:nth-child(3)
	{
		position: absolute;
		top: 30px;
		left: 25%;
		
	}
	
	.tyres_tr .booking_tyre_span:nth-child(4)
	{
		position: absolute;
		top: 30px;
		left: 50%;
	}
	
	.tyres_tr .booking_tyre_span:nth-child(5)
	{
		position: absolute;
		top: 30px;
		left: 75%;
		
	}
	
	.tyres_tr .booking_tyre_span:not(:first-child)
	{
		/*max-width: 70px;*/
		text-align: center;
		width: 25%;
		margin: 0;
	}
	
	.tyres_tr .booking_tyre_span:not(:first-child) select
	{
		display: block;
		margin: 0 auto;
	}
	
	.tyres_tr textarea
	{
		position: absolute;
		top: 77px;
		left: 0;
	}
	
	
	
	.content
	{
		padding-bottom: 160px;
	}
	
	.mobile_menu
	{
		max-width: 330px;
		margin: 0 auto;
		padding-top: 2px;
	}
	
	.slicknav_menu
	{
		max-width: 330px;
	}
	
	.header_left1, .tel_img1
	{
		display: none;
	}
	
	.header_left2, .tel_img2
	{
		display: inline;
	}
	
	.social_header .tel_img3
	{
		display: none;
	}
	
	.header_left
	{
		width: 100%;
		max-width: 100%;
		text-align: center;
	}
	
	.header_right
	{
		float: left;
		width: 100%;
		max-width: 100%;
		text-align: center;
		padding-top: 0px;
	}
	
	.social_media
	{
		float: none;
		width: 100%;
		max-width: 325px;
		margin: 0 auto;
		padding: 0;
		text-align: right;
	}
	
	.navicon
	{
		padding-right: 5px;
	}
		
	#home_table table,
	#home_table thead,
	#home_table tbody,
	#home_table th,
	#home_table td,
	#home_table tr
	{ 
		display: block; 
		padding: 0px;
		margin: 0px;
	}
	
	#home_table thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	#home_table tbody
	{
		overflow: auto;
	}
	
	#home_table tr { 
		position: relative;
		min-height: 149px;
		padding: 0 0 20px 0;
		float: left;
		width: 45%;
		margin: 0 2%;
	}
	
	#home_table td
	{
		border: none;
		float: none;
		position: static;
		padding: 0;
		margin: 0px;
		text-align: left;
	}
	
	#home_table td:first-child
	{
		text-align: center;
		width: 100%;
		padding: 0;
	}
	
	#home_table td:first-child img
	{
		width: 100%;
		height: auto;
	}
	
	#home_table td:last-child
	{
		text-align: center;
		width: 100%;
		padding: 0;
		/*min-height: 240px;*/
	}
	
	.home_table_title
	{
		display: block;
		
		margin: 0;
		text-align: center;
	}
	
	.home_cost
	{
		margin-right: 4px;
	}

	.home_table_title:after
	{
		content: "";
	}

	.home_table_p
	{
		display: block;
		text-align: left;
	}
	
	.footerspan
	{
		display: block;
		margin: 10px 0;
	}
}

@media screen and (max-width: 400px)
{
	/*#home_table td:last-child
	{
		min-height: 280px;
	}*/
	
	#booking_vecsize
	{
		display: block;
		width: 100%;
	}
	
	#booking_vecsize #size
	{
		width: 100%;
	}
	
	.booking_buttons
	{
		text-align: center;
	}

	.booking_buttons a:first-child
	{
		float: none;
		display: inline-block;
		margin: 3px 0;
	}

	.booking_buttons a:last-child
	{
		float: none;
		display: inline-block;
		margin: 3px 0;
	}
}
/*
@media screen and (max-width: 350px)
{
	#home_table td:last-child
	{
		min-height: 320px;
	}
}

@media screen and (max-width: 330px)
{
	#home_table td:last-child
	{
		min-height: 360px;
	}
}*/