body {
		margin: 0px; padding: 0px;
		background: url(/images/WhiteBackground.png) no-repeat top left fixed;
		background-size: 100%;

	}
	
	a img { border: none; vertical-align: middle;}

	input:focus { box-shadow: 0px 0px 3px 2px #fff; }
	h1, h2, h3 , h4 { font-family: 'Open Sans', sans-serif;  font-weight: 400; }
	
	h3 { color: #f00; }
	.outter { margin: 0px auto 20px auto; min-width: 1260px; max-width: 1400px; }
	.main { font-family: verdana, sans-serif; background-color: #fff;  min-height: 500px; margin: 0px; padding: 20px; box-shadow: 0px 3px 8px #888; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
	.main p { font-family: verdana, sans-serif; }
	.main a { color: #a10b0a; text-decoration: none; }
	.main a:hover { text-decoration: underline; }
	.main img { margin: 10px; border: 3px solid #fff; border-radius: 3px; box-shadow: 0px 0px 3px #bbb;}
	.header { margin: 0px 0px 2px 0px; background: url(/images/GreyLine.png) repeat-x bottom; height: 116px; text-align: center; }

	.heading { text-shadow: 0px 1px 1px #999; color: #db1c1c; 
				font-size: 30px; padding: 3px; 
				font-family: 'Open Sans', sans-serif; 
			 	font-style: italic;
			 	display: inline-block;
				 
				height: 78px;

			}
	.heading h1 { width: 790px; height: 80px; font-size: 0px; font-weight: bold; margin: 0px 0px 0px 15px; font-family: Arial; letter-spacing: -2px; background: url("/images/phillips-tyres-logo-mid.png") 50% 50% no-repeat; }
	.heading h1 span { font-size: 35px;  background-color: #fe0; color: #fff; padding: 0px 5px; margin: 0px 0px 0px 35px;	font-style: normal; }
	.logo {   float: left;
     	 transition: all 0.2s ease-in-out;
     	}

     .logo:hover { }

	.tyres-online { float: right;  transition: all 0.5s ease-in-out; }
	.tyres-online:hover { transform: translate(10px,0px); }

	.contact {  display: inline-block; font-family: 'Open Sans', sans-serif; font-weight: 400; color: #444; font-size: 12px; text-align: center; width: 810px;}
	.contact a { color: #a10b0a; color: #444; text-decoration: none;}
	.contact a:hover { color: #db1c1e; }

	.navigation ul { display: inline-block; margin: 0px; padding: 0px;}
	.navigation ul li { display: inline-block; }

	.navigation { background: url(/images/top-menu-bg.png) repeat-x top #a10b0a; font-family: 'Open Sans', sans-serif; font-weight: 400; padding: 10px;}
	.navigation a { border-radius: 4px;  text-decoration: none; font-weight: 400; color: #fff; margin-left: 10px; margin-right: 10px; padding: 7px 12px 7px 12px;  text-shadow: 0px 1px 1px  #400;}
	
	.navigation .submenu { display: none; position: absolute; 
		padding: 15px 5px; background-color: #b22829; 
		margin-top: 7px;   margin-left: 10px;
		 box-shadow: 0px 3px 5px #444;  
		 width: 150px; 
		}

	.navigation a:hover { border-radius: 4px; border: 2px solid #fff; background: url(/images/ButtonGrey.png); background-size: 100%; padding: 5px 10px 5px 10px; }
	.navigation li:hover .submenu { z-index: 2200; display: block;  background-color: #b22829;  }
	
	.navigation .submenu_arrow { transition: all 0.4s ease-in-out; }
	.navigation li:hover .submenu_arrow { transform: rotate(180deg);  }
	
	.submenusubmenu_arrow { transition: all 0.4s ease-in-out; transform: rotate(-90deg); }
	.submenu li:hover .submenusubmenu_arrow { transform: rotate(90deg); }
	

	.submenu li { display: block !important; height: 34px; }
	.submenu li:hover .submenusubmenu { z-index: 2200; display: block; background-color: #b22829; }
	.navigation .submenusubmenu { display: none; position: absolute; 
		padding: 15px 5px; background-color: #b22829; 
		margin-top: -27px;   margin-left: 10px;
		margin-left: 125px;
		 box-shadow: 0px 3px 5px #444;  
		 width: 185px; 
		}

	.navigation .search { float: right; }

	.search img { position: absolute; margin-left: -20px; margin-top: 5px; }

	.rotater {  border-radius: 3px; background: url(/pictures/the-jaguar-xfr-s-red.jpg) no-repeat 200px 75%; background-size: 100%;  height: 300px;
		 transition: background-image 1s ease-in-out;
	}
	.rotater:hover { }

	.rotater .text { 
		transition: all 0.5s; 
		border-top: 1px solid #ddd; border-radius: 3px;  box-shadow: 0px 1px 4px #555; display: inline-block; background-color: rgba(255,255,255,0.5); padding: 5px; margin: 35px 0px 50px 50px; width: 360px;
	}

	.rotater .text p { margin-left: 5px; margin-right: 5px;}
	
	.button { background: url(/images/logo-bg.png) no-repeat;  color: #fff !important;
		font-family: 'Open Sans', sans-serif; font-weight: 300;
			 background-size: 100% 100%; color: #fff; text-decoration: none; border-radius: 3px; display: inline-block; padding: 5px 15px;  margin: 10px; box-shadow: 0px 1px 4px #555;}
	.button:hover { box-shadow: 0px 1px 2px #222; background: url(/images/nav-bg.png) repeat-x top #a10b0a; text-decoration: none !important;  }
	.button:active { box-shadow: 0px 0px 4px 2px #f00; }

	.rotater .text h1 { margin: 0px;}
	.rotater .hidden { display: none;}

	.menu { margin-right: 10px; border-radius: 3px 0px 0px 3px; float:left; width: 280px; background: url(/images/SideCurve.png) no-repeat; height: 100%; }
	.menu a { border-radius: 6px; border: 2px solid rgba(255,255,255,0); transition: all 0.33s; margin: 3px 0px; font-family: 'Open Sans', sans-serif; 
	display: block; width: 170px; text-decoration: none; font-weight: 400; color: #fff;  padding: 10px 15px 10px 20px;  text-shadow: 0px 1px 1px  #400;}

	.menu a:hover { border: 2px solid #fff; background: url(/images/ButtonGrey.png); background-size: 100%; padding: 8px 13px 8px 13px;  }
	
	.menu .selected { border: 2px solid #fff; background: url(/images/ButtonGrey.png); background-size: 100%; padding: 8px 13px 8px 13px;  }

	.footer { height: 300px; margin-top: 25px; padding: 10px; text-align: center; background: url(/images/white-bg-60a.png); border-radius: 10px;}
	.footer a { color: #555; text-decoration: none; text-shadow: 0px 1px 1px #fff; font-family: 'Open Sans', sans-serif; font-weight: 300; margin: 10px 30px 10px 30px;}
	.footer ul li { display: block; width: 180px; float: left; margin: none; padding: none; text-align: left; }
	.footer ul li ul li a { margin: 0px; }
	.footer .submenu_arrow { display: none;}
	.footer a:hover { color: #f00; }
	.calltoaction { display: inline-block; width: 326px; background-color: #eee; margin: 20px 5px; padding:  0px ; border-radius: 4px;  }
	.calltoaction h2 { margin: 0px; padding: 0px 5px; color: #fff; border-radius: 4px 4px 0px 0px; }
	.calltoaction p { padding: 5px; margin: 0px;}
	.call1 h2 { background: url(/images/top-menu-bg.png) no-repeat 0px 0px; }
	.call2 h2 { background: url(/images/top-menu-bg.png) no-repeat -300px 0px; }
	.call3 h2 { background: url(/images/top-menu-bg.png) no-repeat -600px 0px; }
	.call4 h2 { background: url(/images/top-menu-bg.png) no-repeat -900px 0px; }

	.form_gen { background-color: #fafafa; border: 1px solid #eee; box-shadow: 0px 3px 5px #aaa; padding: 10px; border-radius: 6px;}
	.form_gen .required { box-shadow: none; vertical-align: middle; }
	.error { border: 1px solid #f00; background-color: #fff0f0; padding: 20px; margin: 20px; border-radius: 10px;  }
	#contact-form { background-color: #fafafa; width: 50%; border: 1px solid #eee; box-shadow: 0px 3px 5px #aaa; padding: 10px; border-radius: 6px;}
	#contact-form textarea { width: 500px; height: 100px; }
	#contact-form input { width: 250px; }
	iframe { background-color: #fafafa; width: 75%; margin-left: 12%; margin-right: auto; border: 1px solid #eee; box-shadow: 0px 3px 5px #aaa; padding: 10px; border-radius: 6px;}

	.pip { float: right; width: 400px; min-height: 500px; background-color: #eee; border-radius: 10px; padding-left: 5px; padding-right: 5px; margin-left: 20px;}

.form_gen { margin-left: 10px; }
.form_gen td { height: 40px;   }
input { border-radius: 3px; padding: 3px; border: 1px solid #aaa; font-size: 15px; margin-left: 10px; transition: .3s linear;}
input[type=text]:focus { box-shadow: 0px 0px 5px #ff9090; border-color: #f00;}
textarea { border-radius: 3px; padding: 3px; border: 1px solid #aaa; font-size: 15px; margin-left: 10px;  }
textarea:focus { box-shadow: 0px 0px 5px #ff9090; border-color: #f00; }
input[type=button] { background-color: #999; }
input[type=submit] { border: none; background: url(/images/logo-bg.png) no-repeat; font-family: 'Open Sans', sans-serif; font-weight: 300; background-size: 100% 100%; color: #fff; text-decoration: none; border-radius: 3px; display: inline-block; padding: 5px 15px;  margin: 10px; box-shadow: 0px 1px 4px #555;}
input[type=submit]:hover { box-shadow: 0px 1px 2px #222; background: url(/images/nav-bg.png) repeat-x top #a10b0a; }
select { border-radius: 3px; padding: 3px; border: 1px solid #aaa; font-size: 15px; margin-left: 10px;  }

.sky-form .label { width: 30%; text-align: left; display: inline-block; }
.sky-form input { width: 40%; }
.sky-form .input img { box-shadow: none;}

.sky-form .col-6 { width: 45%; display: inline-block;}
.sky-form iframe { width: 100%; }
	.datefield { background: url("/images/calendar.png") no-repeat 99% 50%;}

	.highlite { background-color: #ffff00; }

	.fp_main_holder {  width: 100%; margin-left: auto; margin-right: auto; box-shadow: 0px 3px 5px #999; margin-top: 20px; background: url(/images/phillips-tyres-shepton.jpg) no-repeat 420px 55px; }
	.fp_main_holder h1 { background-color: #444; margin: 0px; padding: 5px 10px; color: #fff;  }
	.fp_main_text { padding: 5px 15px; width: 500px; background-color: #fff; height: 252px; }
	.fp_main_subtext { float: right; text-align: right; width: 210px; background: url("/images/SideCurve2.png") no-repeat 100% 50%; background-size: 100%; color: #fff; padding: 30px 20px 15px 60px; height: 286px; }

	.fp_icons img { margin: 2px; border-width: 2px; }

	.leftside  { width: 70%; display: inline-block; }
	.rightside { width: 28%; display: inline-block; float: right; margin-left: 10px; background-color: #eee; border-radius: 10px; padding-left: 5px; padding-right: 5px;}
	
	.service_table { margin-left: auto; margin-right: auto; border-spacing:0; border-collapse:collapse; }
	.service_table tr { padding: 0px;  }
	.service_table td { padding: 5px; border: none; border-left: 1px solid #000;  }
	.service_table td:nth-child(1n+2) { text-align: center;  }
	.service_table td:nth-child(1n+2):after { content: "\2713"; color: #a10b0a; font-weight: bold;}
	.service_table thead { background-color: #000; color: #fff; font-weight: bold; padding: 10px; }
	.service_table th { padding: 10px; }
	.service_table .section_head { background-color: #a10b0a !important; color: #fff; font-weight: bold;  }
	.service_table .section_head td:after { content: none !important;}
	.service_table tr:nth-child(2n+2) { background-color: #ccc; }