/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

@import "ionicons.min.css";
@import "bootstrap.min.css";

.redtext
{
color: #F00;
}

.normaltext
{
font-size: 1em!important;
}

a.bluelinks
{
color: #2497dd;
text-decoration: none;
}

a.bluelinks:hover
{
color: #000;
}

.alinks
{
float: right;
display: inline;
margin: 0px;
padding: 0px 10px;
color: #0064c9!important;
border: 1px solid #0064c9;
background: #FFF;
font-size: 14px;
text-decoration: none;
width: auto;
}

.alinks:hover
{
margin: 0px;
padding: 0px 10px;
color: #FFF!important;
border: 1px solid #0064c9;
background: #0064c9;
font-size: 14px;
text-decoration: none;
width: auto;
}

.tablequicksearch
{
float: right;
display: inline;
width: 580px;
height: 30px;
line-height: 30px;
/*border: 1px solid #000;*/
margin: 10px 0px 10px 0px;
}

.topbar
{
height: 50px;
background: #000;
margin: 0px;
font-size: 0.85em;
}

.topaddresssocial
{
width: 960px;
margin: 0px auto;
padding: 0px;
/*border: 1px solid #FF0;*/
}

.topsociallinks
{
float: right;
width: 100px;
margin: 0px 20px 0px 0px;
/*border: 1px solid #0CC;*/
}

.topsociallinks ul
{
margin: 13px 0px 0px 0px;
padding: 0px;
width: 100px;
}

.topsociallinks ul li
{
float: left;
display: inline;
margin: 0px;
padding: 0px;
width: 25px;
height: 25px;
}

.topsociallinks ul li.facebooklink
{
float: left;
display: inline;
margin: 0px 10px 0px 0px;
padding: 0px;
text-indent: -9999px;
background: url(../images/sprites.png) no-repeat left top;
}

.topsociallinks ul li.twitterlink
{
float: left;
display: inline;
margin: 0px 10px 0px 0px;
padding: 0px;
text-indent: -9999px;
background: url(../images/sprites.png) no-repeat -25px top;
}

.topsociallinks ul li.linkedinlink
{
float: left;
display: inline;
margin: 0px;
padding: 0px;
text-indent: -9999px;
background: url(../images/sprites.png) no-repeat -50px top;
}

.topinfo
{
float: right;
width: 200px;
/*border: 1px solid #0CC;*/
height: 30px;
color: #FFF;
font-weight: bold;
line-height: 30px;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 35px;
}

.openingtimes
{
background: url(../images/sprites.png) no-repeat -85px -52px;
width: 340px;
}

.addressdetails
{
background: url(../images/sprites.png) no-repeat -85px -25px;
width: 350px;
}

.phonenumber
{
background: url(../images/sprites.png) no-repeat -85px top;
width: 130px;
}

.logocontainer
{
float: left;
display: inline;
margin: 20px 0px 10px 0px;
/*border: 1px solid #000;*/
}

.navbar
{
background: #FFF;
border: none;
}

.placetext
{
margin: 78px 0px 0px 0px;
}

.nav
{
margin: 8px 0px 0px 0px;
padding: 0px;
width: 460px;
float: right;
position: relative!important;
top: 0px!important;
left: 0px!important;
/*border: 1px solid #066;*/
height: 110px;
}

.nav li
{
float: left;
display: inline;
width: 80px;
height: 110px;
margin: 0px 5px 0px 0px;
padding: 0px;
/*border: 1px solid #000;*/
text-align: center;
font-size: 0.75em;
}

.nav li.topmot a
{
display: block;
padding-top: 75px;
color: #000;
}

.nav li.topmot a:hover
{
color: #009ee0;
}

.nav li.topservicing a
{
display: block;
padding-top: 75px;
color: #000;
}

.nav li.topservicing a:hover
{
color: #e3432d;
}

.nav li.toprecovery a
{
display: block;
padding-top: 75px;
color: #000;
}

.nav li.toprecovery a:hover
{
color: #995598;
}

.nav li.topaircon a
{
display: block;
padding-top: 75px;
color: #000;
}

.nav li.topaircon a:hover
{
color: #bee2e4;
}

.nav li.topmot
{
background: url(../images/sprites.png) no-repeat -5px -104px;
}
.nav li.topservicing
{
background: url(../images/sprites.png) no-repeat -125px -104px;
}
.nav li.toprecovery
{
background: url(../images/sprites.png) no-repeat -246px -104px;
}
.nav li.topaircon
{
background: url(../images/sprites.png) no-repeat -367px -104px;
}

.nav li.topmot:hover
{
background: url(../images/sprites.png) no-repeat -5px -213px;
}
.nav li.topservicing:hover
{
background: url(../images/sprites.png) no-repeat -125px -213px;
}
.nav li.toprecovery:hover
{
background: url(../images/sprites.png) no-repeat -246px -213px;
}
.nav li.topaircon:hover
{
background: url(../images/sprites.png) no-repeat -367px -213px;
}

.nav li.toplogin
{
/*border: 1px solid #F00;*/
width: 50px;
text-align: center;
margin: 0px;
}

.logintextlink
{
display: block;
margin: 45px 0px 0px 0px;
text-align: center!important;
}

.logintextlink a
{
display: block;
margin: 45px 0px 0px 0px;
padding: 0px;
color: #000;
text-decoration: none;
}

.logintextlink a:hover
{
color: #F00;
}

.loginicon
{
float: right;
display: inline;
margin: 30px 11px 0px 0px;
height: 25px;
width: 26px;
/*border: 1px solid #000;*/
background: url(../images/sprites.png) no-repeat 0px -52px;
}

.nav li.topregister
{
/*border: 1px solid #099;*/
width: 60px!important;
text-align: center!important;
margin-right: 0px;
}

.registertextlink
{
display: block;
margin: 45px 0px 0px 0px;
text-align: center!important;
/*border: 1px solid #3C3;*/
width: 60px!important;
}

.registertextlink a
{
display: block;
margin: 45px 0px 0px 0px;
padding: 0px;
width: 60px!important;
text-decoration: none;
color: #000;
}

.registertextlink a:hover
{
color: #F00;
}

.registericon
{
float: right;
display: inline;
margin: 30px 18px 0px 0px;
height: 25px;
width: 26px;
/*border: 1px solid #000;*/
background: url(../images/sprites.png) no-repeat 0px -79px;
}

.banner-section
{
height: 100px;
background: #F00;
width: 100%!important;
text-align: center;
}

.homeheader h2
{
/*border: 1px solid #000;*/
color: #FFF;
font-size: 1.25em;
line-height: 100px;
margin: 0px;
padding: 0px;
}

.servicetype
{
height: 300px;
margin-top: 20px;
}

.motmainsection
{
background: #009ee0 url(../images/sprites.png) no-repeat -10px -380px;
}

.servicingmainsection
{
background: #e3432d url(../images/sprites.png) no-repeat -250px -380px;
}

.recoverymainsection
{
background: #995498 url(../images/sprites.png) no-repeat -490px -380px;
}

.airreconmainsection
{
background: #bee2e4 url(../images/sprites.png) no-repeat -730px -380px;
}

.motmainsection:hover
{
background: #009ee0 url(../images/sprites.png) no-repeat -10px -671px;
}

.servicingmainsection:hover
{
background: #e3432d url(../images/sprites.png) no-repeat -250px -671px;
}

.recoverymainsection:hover
{
background: #995498 url(../images/sprites.png) no-repeat -490px -671px;
}

.airreconmainsection:hover
{
background: #bee2e4 url(../images/sprites.png) no-repeat -730px -671px;
}

.bookbutton
{
position: relative;
float: left;
top: 200px;
margin: 0px 0px 0px 20px;
text-decoration:none;
width: 180px;
color:#FFF;
border: 1px solid #FFF;
font-size: 1.25em;
font-weight: bold;
padding: 0em;
text-align: center;
}

.bookbutton:hover
{
background-color:rgba(255,255,255,0.50);
}

.bookbutton a
{
display: block;
color: #FFF;
text-decoration: none;
padding: 1em;
}

.tickbullets
{
/*border: 1px solid #000;*/
width: auto;
margin-left: 20px;
}

.tickbullets li
{
background: url(../images/bullettick.png) no-repeat left 8px;
margin: 5px;
padding: 10px 0px 10px 25px;
float: left;
display: inline-block;
width: 45%;
/*border: 1px solid #666;*/
}


  .parallax {
    background-size: 1200px;
  }

/* Parallax Garage */

.parallax-garage {
  color: #ffffff;
  display: table;
  height: 400px;
  width: 100%;
  background: url(../images/garage-parallax.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
}

.parallax-mot {
	
  color: #ffffff;
  display: table;
  height: 400px;
  width: 100%;
   background: url(../images/garage-parallax2.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
  
}

.parallax-recovery {
	
  color: #ffffff;
  display: table;
  height: 400px;
  width: 100%;
   background: url(../images/garage-parallax3.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
  
}

.parallax-service {
	
  color: #ffffff;
  display: table;
  height: 400px;
  width: 100%;
   background: url(../images/garage-parallax4.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
  
}

.parallax-aircon {
	
  color: #ffffff;
  display: table;
  height: 400px;
  width: 100%;
   background: url(../images/garage-parallax5.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
  
}


.vosalogo
{
text-align: center;
background: #008f84;
margin: 0px auto;
}

.vosalogoimg
{
text-align: center;
background: #008f84;
width: 600px;
margin: 0px auto;
}

/*----- Google maps -----*/
#map {
    height:480px;
    width:100%;
}

.squarepicscontainer
{
width: 680px;
margin: 40px auto 15px auto;
padding: 0px;
}

.squarepic
{
float: left;
display: inline;
margin: 0px 10px 0px 0px;
}

.squarepic2
{
float: left;
display: inline;
margin: 0px 0px 0px 0px;
}

.squarepic img, .squarepic2 img
{
width: 220px;
height: 220px;
}

.footer-copyright
{
margin-top: 12px;
padding-top: 24px;
padding-bottom: 20px;
/*border: 1px solid #0C3;*/
}

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

.footer-copyright a:hover
{
color: #46494a;
}

.footer-copyright p
{
margin: 0;
line-height: 26px;
color: #FFF;
}

.footer-icons
{
float: right;
width: 180px;
}

#social-icons li {
    font-size: 20px;
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
}
#social-icons li a {
	color: #fff;
}
#social-icons li a:hover {
    color: #46494a;
}

#social-icons {
    list-style: none;
    float: right;
    margin: 0;
}

.copyright
{
float: left;
display: inline-block;
text-align: left;
width: 500px;
}

.footerblock
{
background: #54585e;
height: 400px;
margin: 0px;
padding: 0px;
}

.mainleftfooterlinks
{
float: left;
display: inline;
width: 212px;
margin: 20px 0px 0px 0px;
/*border: 1px solid #0C3;*/
}

.mainleftfooterlinks ul
{
margin: 24px 0px 0px 0px;
padding: 0px;
width: 212px;
}

.mainleftfooterlinks ul li
{
float: left;
display: block;
margin: 0px 0px 20px 20px;
padding: 0px;
width: 212px;
}

.mainleftfooterlinks ul li a.motbtnfooter
{
float: left;
height: 63px;
background: url(../images/motbtnfooter1.png) no-repeat left top;
display: block;
margin: 0px;
padding: 0px;
width: 212px;
text-decoration: none;
}

.mainleftfooterlinks ul li a.motbtnfooter:hover
{
background: url(../images/motbtnfooter1b.png) no-repeat left top;
}

.mainleftfooterlinks ul li a.servicingbtnfooter
{
float: left;
height: 63px;
background: url(../images/servicingbtnfooter1.png) no-repeat left top;
display: block;
margin: 0px;
padding: 0px;
width: 212px;
text-decoration: none;
}

.mainleftfooterlinks ul li a.servicingbtnfooter:hover
{
background: url(../images/servicingbtnfooter1b.png) no-repeat left top;
}

.mainleftfooterlinks ul li a.recoverybtnfooter
{
float: left;
height: 63px;
background: url(../images/recoverybtnfooter1.png) no-repeat left top;
display: block;
margin: 0px;
padding: 0px;
width: 212px;
text-decoration: none;
}

.mainleftfooterlinks ul li a.recoverybtnfooter:hover
{
background: url(../images/recoverybtnfooter1b.png) no-repeat left top;
}

.mainleftfooterlinks ul li a.airconbtnfooter
{
float: left;
height: 63px;
background: url(../images/airconbtnfooter1.png) no-repeat left top;
display: block;
margin: 0px;
padding: 0px;
width: 212px;
text-decoration: none;
}

.mainleftfooterlinks ul li a.airconbtnfooter:hover
{
background: url(../images/airconbtnfooter1b.png) no-repeat left top;
}

.visitusWidget
{
margin: 40px 0px 0px 0px;
color: #FFF;
}

.visitusWidget i, p, .highlight
{
float: left;
display: inline;
margin: 0px 0px 0px 10px;
}

.visitusWidget p
{
margin: 0px 0px 0px 10px;
width: 200px;
}

.visitusWidget ul li
{
margin: 15px 0px 0px 0px;
}

.visitusWidget ul li
{
width: 100%;
float: left;
}

.visitusWidget a
{
color: #FFF;
text-decoration: none;
}

.visitusWidget a:hover
{
color: #0CF;
text-decoration: none;
}

.widget.oppeningHoursWidget
{
margin: 40px 0px 0px 0px;
}

.widgetTitle
{
color: #FFF;
}

.widget.oppeningHoursWidget .navfooter {
  margin-top: 15px;
  border: 1px solid #9c9c9c;
  position: relative;
}
.widget.oppeningHoursWidget .navfooter li {
  color: #FFF;
  line-height: 30px;
  padding: 0 0px;
  padding-left: 15px;
}

/*.widget.oppeningHoursWidget .nav li:nth-child(even) {
  padding-left: 0px!important;
}
*/

.widget.oppeningHoursWidget .navfooter li:nth-child(odd) {
  background: #9c9c9c;
  text-indent: -15px;
}

.widget.oppeningHoursWidget .navfooter li:nth-child(odd):after {
  content: '';
  width: 0;
  height: 0;
  border-top: 8px solid #9c9c9c;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  position: relative;
  float: left;
  top: 30px;
  left: 0px;
}
/* Header styles and animations */

.boldtxt
{
font-weight: bold;
}

.redtxt
{
color: #F00;
}

.smalltext
{
font-size: 0.75em;
}

.mediumtext
{
font-size: 1em;
}

.largetext
{
font-size: 1.25em;
}

.xlargetext
{
font-size: 1.5em;
}

.xxlargetext
{
font-size: 1.75em;
}

.xxxlargetext
{
font-size: 2em;
}

.parapadout
{
margin: 4px 10px;
padding: 0px;
/*border: 1px solid #000;*/
display: block;
}

/*MOT Section */
.motimage
{
margin: 10px;
padding: 0px;
background: #FFF;
height: 150px;
}

p.fullwidth
{
width: 200px;
}

.motonlinecontainer
{
margin: 20px 0px 0px 0px;
padding: 0px;
/*border: 1px solid #000;*/
}

.motonlinecontainer h3
{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 3em;
margin: 0px 0px 20px 10px;
line-height: 1em;
padding: 0px;
color: #2497dd;
text-align: center;
}

.motonlinecontainer h4
{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.35em;
margin: 20px 0px 20px 0px;
line-height: 1em;
padding: 0px;
color: #000;
text-align: center;
}

.motonlinecontainer ul
{
margin: 20px auto 20px auto;
padding: 0px;
/*border: 1px solid #000;*/
width: 720px;
}

.motonlinecontainer ul li
{
margin: 0px 10px 10px 10px;
width: 220px;
height: 320px;
float: left;
display: inline-block;
background: url(../images/motlight.jpg) no-repeat right top;
padding: 0px;
}

.motonlinecontainer ul li.firstmotblock
{
margin: 0px 10px 10px 10px;
}

.motonlinecontainer ul li.lastmotblock
{
margin: 0px 0px 10px 10px;
}

.book-form
{
/*border: 1px solid #F00;*/
margin: 0px;
padding: 0px;
}

.book-form .bookmotbtn
{
float: none!important;
position: relative!important;
margin: 0px auto!important;
display: block!important;
padding:10px 20px;
background:#2497dd;
border:none;
-webkit-border-radius:30px;
border-radius:30px;
color:#fff;
font:1em;
text-transform:uppercase;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
transition:all 0.2s ease;
text-decoration:none;
white-space:nowrap;
cursor:pointer;
text-shadow: none!important;
text-align: center!important;
}

.book-form .bookmotbtn:hover
{
float: none!important;
display: block!important;
position: relative!important;
margin: 0px auto!important;
padding:10px 20px;
background:#333;
border:none;
-webkit-border-radius:30px;
border-radius:30px;
color:#fff;
font:1em;
text-transform:uppercase;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
transition:all 0.2s ease;
text-decoration:none;
white-space:nowrap;
cursor:pointer;
text-shadow: none!important;
text-align: center!important;
}

.book-form .arrangeright
{
margin-top: 10px!important;
margin-bottom: 10px!important;
}

.book-form .arrangeright:hover
{
margin-top: 10px!important;
margin-bottom: 10px!important;
}

.book-form .disablemotbutton
{
background: #c3c2c2;
cursor:default;
color: #d2d2d2;
}

.book-form .disablemotbutton:hover
{
background: #c3c2c2;
cursor:default;
color: #d2d2d2;
}


/**Calendar*/


table.motcalendar
{
width: auto;
font-size: 12px;
color: #003;
border: 4px solid #666;
margin: 20px auto;
background: #a7d5f1;
text-align: center;
}

.monthmot
{
background: #2497dd;
height: 33px;
padding: 6px;
font-size: 1.8em;
line-height: 35px;
color: #FFF;
}

a.arrowmonthmot
{
text-decoration: none;
color: #FFF;
display: block;
background: #0074ba;
padding: 10px;
}

a.arrowmonthmot:hover
{
text-decoration: underline;
color: #FFF;
background: #a7d5f1!important;
}

.motcalendar td.activedays
{
padding: 0px;
height: 60px;
width: 60px;
text-align: center;
background: #c5c4c0;
font-size: 2em;
font-weight: bold;
line-height: 60px;
color: #FFF;
}

.motcalendar td.inactivedays
{
padding: 0px;
height: 60px;
width: 60px;
text-align: center;
background: #33363b!important;
font-size: 2em;
font-weight: bold;
line-height: 64px!important;
color: #7f7f7f!important;
border: 1px solid #c5c4c0;
}

.motcalendar td.motdays
{
padding: 0px 0px 0px 0px;
height: 60px;
width: 60px;
text-align: center;
background: #c2e2f5;
font-size: 2em!important;
font-weight: bold;
margin: 1px;
line-height: 60px!important;
border: 1px solid #c5c4c0;
}

.callinks
{
color: #FFF;
text-decoration: none;
}

.callinks:hover
{
color: #FFF;
text-decoration: underline;
}

.daymotactive
{
background: #72c3ff;	
font-size: 2em;
font-weight: bold;
color: #FFF;
}

.cellevent
{
background: url(media/blogday.jpg) no-repeat left top;
}

a.callink
{
color: #000;
text-decoration: underline;
}

#hor-zebra
{
	font-size: 12px;
	margin: 45px auto;
	padding: 0px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}

#hor-zebra th
{
	font-size: 14px;
	font-weight: normal;
	padding: 4px 8px;
	color: #000;
}
#hor-zebra td
{
	padding: 0px 0px 0px 20px;
	color: #000;
	font-weight:bold;
	font-size: 14px;
	margin: 0px;
	text-align: left;
	/*border: 1px solid #000;*/
	vertical-align: middle;
	}
	
#hor-zebra .odd
{
background: #c2e2f5;; 
}

#hor-zebra .disablecell
{
background: #d2d2d2; 
}

#contactform
{
border: 1px solid #000;
}

#contactform .submitmotbtn
{
float: left!important;
position: relative!important;
margin: 0px auto!important;
display: block!important;
padding:10px 20px;
background:#2497dd;
border:none;
-webkit-border-radius:30px;
border-radius:30px;
color:#fff;
font:1em;
text-transform:uppercase;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
transition:all 0.2s ease;
text-decoration:none;
white-space:nowrap;
cursor:pointer;
text-shadow: none!important;
text-align: center!important;
}

#contactform .submitmotbtn:hover
{
float: left!important;
display: block!important;
position: relative!important;
margin: 0px auto!important;
padding:10px 20px;
background:#333;
border:none;
-webkit-border-radius:30px;
border-radius:30px;
color:#fff;
font:1em;
text-transform:uppercase;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
transition:all 0.2s ease;
text-decoration:none;
white-space:nowrap;
cursor:pointer;
text-shadow: none!important;
text-align: center!important;
}

#contactWrapper
{
width:620px;
border:1px solid #cfdede;
background: #eef2f7;
padding:30px;
text-align: left;
margin: 0px auto 20px auto;
-moz-border-radius: 5px;
border-radius: 5px;
}

#contactform
{
border: none;
}

#contactWrapper label
{
display:block;
float:none!important;
font-size:12px;
width: 300px!important;
font-weight: bold;
margin-bottom: 7px; color: #333333;
}

#contactWrapper label.error { display:block; float:none; font-size:12px; width:auto; font-weight: normal; color: #bb3737; background: #fad6d6; border: 1px solid #bb3737; margin-top: 0px; margin-bottom: 10px; padding: 5px 7px;}
#contactWrapper label.checked { display:none; background: none; border: 0px; margin-top: 0px; padding: 0px; text-indent: -5000px;}
#contactWrapper em { color: #2497dd;}
#contactWrapper .stage { margin-bottom: 20px;}
#contactWrapper .requiredNote { margin: 20px 0px 20px; color: #333; font-weight: bold;}
.success
{
padding: 10px;
background: #f0ffc1;
border: 1px solid #819934;
margin-top: 20px;
margin-right: auto;
margin-bottom: 15px;
margin-left: auto;
color: #819934;
width: 500px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.success p
{
display: block;
float: none;
margin: 0px;
}

#contactWrapper .notes
{
width: 606px;
height: 100px;
}

error { display:block; float:none; font-size:12px; width:auto; font-weight: normal; margin-bottom: 0px; color: #bb3737; background: #fad6d6; border: 1px solid #bb3737; margin-top: 5px; padding: 5px 7px;}

.bookingheaders
{
font-size: 1.25em;
color: #000;
margin-bottom: 10px;
/*border: 1px solid #000;*/
padding: 0px;
}

.bookingheaders p
{
border-bottom: 1px dashed #000!important;
display: block!important;
padding: 0px;
color: #2497dd;
font-weight: bold;
font-size: 1.5em;
margin: 0px;
width: 100%;
margin: 20px 0px 0px 0px!important;
}

.forgotpasswordheaders
{
font-size: 1.25em;
color: #000;
margin-bottom: 10px;
}

.forgotpasswordheaders p
{
border-bottom: none;
}

input[type="text"], textarea
{
margin: 0px 0px 10px 0px;
border: 1px solid #999;
}

input[type="password"]
{
margin: 0px 0px 10px 0px;
border: 1px solid #999;
}

#breadcrumb-section
{
background-color:#f5f5f5;
}

.breadcrumb
{
width: 960px;
margin: 0px auto;
border-radius: 0px;
}

/*Login Register Form*/
/*.loginWrapper
{
width: 500px;
display: inline;
border: 1px solid #cfdede;
background:#fdfdfd;
padding:30px;
text-align: left;
margin: 20px auto;
-moz-border-radius: 5px;
border-radius: 5px;
}
*/
.loginWrapper
{
width: 500px!important;
border:1px solid #cfdede;
background: #eef2f7;
padding: 30px;
text-align: left;
margin: 20px 0px 20px 0px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-right: auto;
margin-left: auto; 
}

#registerform .submitregisterbtn
{
float: left!important;
position: relative!important;
margin: 0px auto!important;
display: block!important;
padding: 10px 20px;
background:#2497dd;
border:none;
-webkit-border-radius:30px;
border-radius:30px;
color:#fff;
font:1em;
text-transform:uppercase;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
transition:all 0.2s ease;
text-decoration:none;
white-space:nowrap;
cursor:pointer;
text-shadow: none!important;
text-align: center!important;
}

#registerform .submitregisterbtn:hover
{
float: left!important;
display: block!important;
position: relative!important;
margin: 0px auto!important;
padding:10px 20px;
background:#333;
border:none;
-webkit-border-radius:30px;
border-radius:30px;
color:#fff;
font:1em;
text-transform:uppercase;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
transition:all 0.2s ease;
text-decoration:none;
white-space:nowrap;
cursor:pointer;
text-shadow: none!important;
text-align: center!important;
}

#registerform label.error { display:block; float:none; font-size:12px; width:auto; font-weight: normal; color: #bb3737; background: #fad6d6; border: 1px solid #bb3737; margin-top: 0px; margin-bottom: 10px; padding: 5px 7px;}
#registerform label.checked { display:none; background: none; border: 0px; margin-top: 0px; padding: 0px; text-indent: -5000px;}
#registerform em { color: #2497dd;}
#registerform .stage { margin-bottom: 20px;}
#registerform .requiredNote { margin: 20px 0px 20px; color: #333; font-weight: bold;}
.success { padding: 10px; background: #f0ffc1; border: 1px solid #819934; margin-bottom: 15px; color: #819934;}
.success p { margin: 0px;}

#loginform .submitloginbtn
{
float: left!important;
position: relative!important;
margin: 0px auto!important;
display: block!important;
padding:10px 20px;
background:#2497dd;
border:none;
-webkit-border-radius:30px;
border-radius:30px;
color:#fff;
font:1em;
text-transform:uppercase;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
transition:all 0.2s ease;
text-decoration:none;
white-space:nowrap;
cursor:pointer;
text-shadow: none!important;
text-align: center!important;
}

#loginform .submitloginbtn:hover
{
float: left!important;
display: block!important;
position: relative!important;
margin: 0px auto!important;
padding:10px 20px;
background:#333;
border:none;
-webkit-border-radius:30px;
border-radius:30px;
color:#fff;
font:1em;
text-transform:uppercase;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
transition:all 0.2s ease;
text-decoration:none;
white-space:nowrap;
cursor:pointer;
text-shadow: none!important;
text-align: center!important;
}

#loginform label.error { display:block; float:none; font-size:12px; width:auto; font-weight: normal; color: #bb3737; background: #fad6d6; border: 1px solid #bb3737; margin-top: 0px; margin-bottom: 10px; padding: 5px 7px;}
#loginform label.checked { display:none; background: none; border: 0px; margin-top: 0px; padding: 0px; text-indent: -5000px;}
#loginform em { color: #2497dd;}
#loginform .stage { margin-bottom: 20px;}
#loginform .requiredNote { margin: 20px 0px 20px; color: #333; font-weight: bold;}
.success { padding: 10px; background: #f0ffc1; border: 1px solid #819934; margin-bottom: 15px; color: #819934;}
.success p { margin: 0px;}

.passwordWrapper
{
width: 380px; border: 1px solid #cfdede; background:#fdfdfd; padding:30px; text-align: left; margin: 0px auto 20px auto!important; -moz-border-radius: 5px;
border-radius: 5px;
margin: 0px auto;
}

.blockpara
{
text-align: center;
margin: 20px;
padding: 0px;
font-size: 1.25em;
}

.myaccountdivs
{
float: left;
display: inline;
margin: 0px 23px 20px 0px;
padding: 20px 0px 0px 0px;
/*border: 1px solid #000;*/
width: 338px;
height: 100px;
background: #c1e2f7 url(../images/motlight.jpg) no-repeat right -50px!important;
-moz-border-radius: 5px;
border-radius: 5px;
}

.myaccountdivs p
{
float: none;
margin: 4px 0px 0px 20px;
padding: 0px;
color: #000;
width: 100%;
display: block;
}

.myaccountdivs a
{
text-decoration: underline;
margin: 4px 0px 0px 0px;
padding: 20px 0px 0px 0px;
color: #0296df;
font-size: 21px;
}

.myaccountdivs a:hover
{
text-decoration: none;
margin: 4px 0px 0px 0px;
padding: 20px 0px 0px 0px;
color: #FFF;
font-size: 21px;
}

.firstdiv
{
margin-left: 0px;
margin-right: 22px;
}

.seconddiv
{
margin-right: 0px;
margin-left: 0px;
}


.activatedivaccount
{
margin: 0px auto 20px auto;
padding: 10px;
width: 698px;
border: 1px solid #F00;
background: #ffd1d1;
-moz-border-radius: 5px;
border-radius: 5px;
}

.activatedivaccount a
{
text-decoration: underline;
margin: 4px 0px 0px 0px;
padding: 20px 0px 0px 0px;
color: #F00;
font-size: 21px;
}

.activatedivaccount a:hover
{
text-decoration: none;
margin: 4px 0px 0px 0px;
padding: 20px 0px 0px 0px;
color: #FFF;
font-size: 21px;
}

.activatedivaccount p
{
margin: 4px 0px 0px 10px;
padding: 0px;
color: #000;
display: block;
width: 100%;
}


.leftcolnav ul
{
list-style: none;
margin: 0px 0px 10px 0px;
padding: 0px;
width: 220px;
text-align: left;
/*border: 1px solid #F00;*/
}

.leftcolnav ul li
{
display: block;
margin: 4px 0px;
padding: 0px;
font-size: 0.750em;
font-size: 14px;
}

.leftcolnav ul li.firstleftnav
{
margin-top: 0px!important;
/*border: 1px solid #0C6;*/
}

.leftcolnav ul li a
{
display: block;
width: 220px;
padding: 4px 10px;
background: #33363b;
text-decoration: none;
color: #FFF;
margin: 0px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.leftcolnav ul li a:hover
{
background: #a5d5f3;
color: #FFF;
}

.leftcolnav ul li a.leftcatactive
{
background: #a5d5f3;
color: #FFF;
font-weight: bold;
}

.lefttopblock
{
float: left;
width: 400px;
margin: 0px 0px 0px 10px;
padding: 0px;
}

.notification_error2
{
background:#ffcbc9 url(../images/message-error.png) no-repeat 10px 10px;
border:#ed979a 1px solid;
color:#9d4448;
padding: 10px;
margin-top: 20px;
margin-right: auto;
margin-bottom: 15px;
margin-left: auto;
width: 500px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.notification_error2 p
{
float: none;
display: block;
padding: 0px 0px 0px 30px;
margin: 2px 0px 0px 0px;
}

.infoboxes
{
background: #093;
height: 315px; 
margin-top: 20px;
overflow: hidden;
}

.fullwidthcol p
{
margin: 20px 0px;
padding: 0px;
float: none;
display: block;
}


.msg
{
margin: 0px;
}

.msg p
{
float: none;
display: block;
margin: 0px;
}


#personalWrapper
{
width: 500px!important;
border:1px solid #cfdede;
background: #eef2f7;
padding:30px;
text-align: left;
margin: 20px auto 20px auto!important;
-moz-border-radius: 5px;
border-radius: 5px;
}

#personalinfoform .submitdetailsbtn
{
float: left!important;
position: relative!important;
margin: 0px auto!important;
display: block!important;
padding:10px 20px;
background:#2497dd;
border:none;
-webkit-border-radius:30px;
border-radius:30px;
color:#fff;
font:1em;
text-transform:uppercase;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
transition:all 0.2s ease;
text-decoration:none;
white-space:nowrap;
cursor:pointer;
text-shadow: none!important;
text-align: center!important;
}

#personalinfoform .submitdetailsbtn:hover
{
float: left!important;
display: block!important;
position: relative!important;
margin: 0px auto!important;
padding:10px 20px;
background:#333;
border:none;
-webkit-border-radius:30px;
border-radius:30px;
color:#fff;
font:1em;
text-transform:uppercase;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
transition:all 0.2s ease;
text-decoration:none;
white-space:nowrap;
cursor:pointer;
text-shadow: none!important;
text-align: center!important;
}



#personalinfoform .submitnewvehiclebtn
{
float: left!important;
position: relative!important;
margin: 0px auto!important;
display: block!important;
padding:10px 20px;
background:#2497dd;
border:none;
-webkit-border-radius:30px;
border-radius:30px;
color:#fff;
font:1em;
text-transform:uppercase;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
transition:all 0.2s ease;
text-decoration:none;
white-space:nowrap;
cursor:pointer;
text-shadow: none!important;
text-align: center!important;
}

#personalinfoform .submitnewvehiclebtn:hover
{
float: leftt!important;
display: block!important;
position: relative!important;
margin: 0px auto!important;
padding:10px 20px;
background:#333;
border:none;
-webkit-border-radius:30px;
border-radius:30px;
color:#fff;
font:1em;
text-transform:uppercase;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
transition:all 0.2s ease;
text-decoration:none;
white-space:nowrap;
cursor:pointer;
text-shadow: none!important;
text-align: center!important;
}


#personalinfoform label.error { display:block; float:none; font-size:12px; width:auto; font-weight: normal; color: #bb3737; background: #fad6d6; border: 1px solid #bb3737; margin-top: 0px; margin-bottom: 10px; padding: 5px 7px;}
#personalinfoform label.checked { display:none; background: none; border: 0px; margin-top: 0px; padding: 0px; text-indent: -5000px;}
#personalinfoform em { color: #2497dd;}
#personalinfoform .stage { margin-bottom: 20px;}
#personalinfoform .requiredNote { margin: 20px 0px 20px; color: #333; font-weight: bold;}

/*Tables*/
table.usertable { 
  width: 100%; 
  border-collapse: collapse;
  vertical-align: middle!important;
}

.usertable tr
{
background: #f7f7f7;
}

.usertable tr th { 
  padding: 6px!important;
  border-left: 1px solid #333!important;  
}

/* Zebra striping */
.usertable tr:nth-of-type(odd) { 
  background: #eee; 
}
.usertable th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
.usertable td, th { 
  padding: 6px!important; 
  border: 1px solid #ccc; 
  text-align: left; 
  vertical-align: middle!important;

}

.usertable td {
	color: #000;
}

.usertable th.col1, td.col1
{
width: 200px;
text-align: left;
}

.usertable th.col3, td.col3
{
width: 250px;
text-align: left;
}

.usertable th.col4, td.col4
{
width: 150px;
text-align: center;
}

.usertable th.col5, td.col5
{
width: 120px;
text-align: center;
}

.usertable th.col6, td.col6
{
width: 60px;
text-align: center;
}

.usertable th.col7, td.col7
{
width: 120px;
text-align: center;
}

.actionbuttons
{
list-style: none;
margin: 4px auto 0px auto;
padding: 0px;
width: 90px;
}

.actionbuttons li
{
float: left;
display: inline;
margin: 0px;
padding: 0px;
width: 30px;
height: 30px;
}

.actionbuttons li a.editicon
{
width: 30px;
height: 30px;
display: block;
text-indent: -9999px;
background: url(../images/editicon.png) no-repeat left top;
}

.actionbuttons li a.addicon
{
width: 30px;
height: 30px;
display: block;
background: url(../images/addicon1.jpg) no-repeat left top;
}

.actionbuttons li a.viewicon
{
width: 30px;
height: 30px;
display: block;
background: #930 url(../images/viewicon1.png) no-repeat left top;
}

.actionbuttons li a.approveicon
{
	width: 30px;
height: 30px;
display: block;
background: #CC0 url(../images/approveicon1.png) no-repeat left top;
}

.actionbuttons li a.inactiveicon
{
width: 30px;
height: 30px;
display: block;
background: #CC0 url(../images/inactiveicon.png) no-repeat left top;
}

.actionbuttons li a.deleteicon
{
width: 30px;
height: 30px;
display: block;
text-indent: -9999px;
background: url(../images/deleteicon.png) no-repeat left top;
}

/*Tables*/
table.vehicletable { 
  width: 100%; 
  border-collapse: collapse;
  vertical-align: middle!important;
}

.vehicletable tr
{
background: #f7f7f7;
}

.vehicletable tr th { 
  padding: 6px!important;
  border-left: 1px solid #333!important;  
}

/* Zebra striping */
.vehicletable tr:nth-of-type(odd) { 
  background: #eee; 
}
.vehicletable th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
.vehicletable td, th { 
  padding: 6px!important; 
  border: 1px solid #ccc; 
  text-align: left; 
  vertical-align: middle!important;

}

.vehicletable td {
	color: #000;
}

.vehicletable th.col1, td.col1
{
width: 250px;
text-align: left;
}

.vehicletable th.col3, td.col3
{
width: 200px;
text-align: left;
}

.vehicletable th.col4, td.col4
{
width: 150px;
text-align: center;
}

.vehicletable th.col5, td.col5
{
width: 120px;
text-align: center;
}

.vehicletable th.col6, td.col6
{
width: 60px;
text-align: center;
}

.vehicletable th.col7, td.col7
{
width: 120px;
text-align: center;
}

.termsdiv
{
/*border: 1px solid #000;*/
padding: 20px 0px;
text-align: left;
float: left;
}

.motsummary
{
/*border: 1px solid #000;*/
margin: 0px;
}

.motsummaryinner
{
/*border: 1px solid #000;*/
width: 460px;
margin: 20px auto;
background: #b6ddf5 url(../images/motlight.jpg) no-repeat right top;
padding: 20px;
}

.motsummary p
{
display: block;
margin: 5px 0px;
padding: 0px;
width: 100%;
}

.pricetag
{
display: block!important;
font-size: 1.35em!important;
color: #FFF;
font-weight: bold;
padding: 0px 20px;
height: 60px;
line-height: 60px;
width: 260px;
text-align: center!important;
margin: 10px auto!important;
background: #F00!important;
}

/*------------------POPUPS------------------------*/
#fade {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none;
	background: #fff;
	padding: 20px; 	
	border: 10px solid #F00;
	float: left;
	font-size: 12px;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.popup_block h2
{
font-size: 18px;
}

img.btn_close {
	float: right; 
	margin: -55px -55px 0 0;
	border: none;
	opacity: 1!important;
	/*border: 1px solid #F00;*/
}

.close
{
opacity: 1!important;
}

.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}

.termsblock
{
padding: 0px 10px 0px 0px;
font-size: 12px;
width: 700px;
height: 300px;
overflow: auto;
}

.termsblock p
{
width: 600px;
}



input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		width: 600px;
		}
		
.recoverycontainer
{
margin: 20px 0px 0px 0px;
padding: 0px;
/*border: 1px solid #000;*/
}

.recoverycontainer p
{
margin: 0px 0px 20px 0px!important;
}

.recoverycontainer h3
{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 3em;
margin: 0px 0px 20px 10px;
line-height: 1em;
padding: 0px;
color: #2497dd;
text-align: center;
}

.recoverycontainer h4
{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.35em;
margin: 20px 0px 20px 0px;
line-height: 1em;
padding: 0px;
color: #000;
text-align: center;
}

.airconcontainer
{
margin: 20px 0px 0px 0px;
padding: 0px;
/*border: 1px solid #000;*/
}

.airconcontainer p
{
margin: 0px 0px 20px 0px!important;
}

.airconcontainer h3
{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 3em;
margin: 0px 0px 20px 10px;
line-height: 1em;
padding: 0px;
color: #2497dd;
text-align: center;
}

.airconcontainer h4
{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.35em;
margin: 20px 0px 20px 0px;
line-height: 1em;
padding: 0px;
color: #000;
text-align: center;
}
	
		
.vehiclebullets
{
margin: 0px!important;
padding: 0px 0px 0px 20px!important;
/*border: 1px solid #093!important;*/
}

.vehiclebullets li
{
margin: 0px 20px 20px 0px!important;
padding: 60px 5px 10px 5px!important;
float: left!important;
background: #aa6dc7 url(../images/recoverybullets.png) no-repeat 75px 5px!important;
display: inline-block!important;
width: 210px!important;
height: 120px!important;
text-align: center;
color: #FFF;
font-weight: bold;
font-size: 1.25em;
-moz-border-radius: 5px;
border-radius: 5px;
}

.vehiclebullets li.fouthrecoverycol
{
margin: 0px 0px 20px 0px!important;
}



.servicecontainer
{
margin: 20px 0px 0px 0px;
padding: 0px;
/*border: 1px solid #000;*/
}

.servicecontainer p
{
margin: 0px 0px 20px 0px!important;
}

.servicecontainer h3
{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 3em;
margin: 0px 0px 20px 10px;
line-height: 1em;
padding: 0px;
color: #2497dd;
text-align: center;
}

.servicecontainer h4
{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.35em;
margin: 20px 0px 20px 0px;
line-height: 1em;
padding: 0px;
color: #000;
text-align: left;
}
	
		
.servicebullets
{
margin: 0px!important;
padding: 0px 0px 0px 20px!important;
/*border: 1px solid #093!important;*/
}

.servicebullets li
{
margin: 0px 20px 20px 0px!important;
padding: 60px 5px 10px 5px!important;
float: left!important;
background: #ec6241 url(../images/servicebullets.png) no-repeat 75px 5px!important;
display: inline-block!important;
width: 210px!important;
height: 120px!important;
text-align: center;
color: #FFF;
font-weight: bold;
font-size: 1.25em;
-moz-border-radius: 5px;
border-radius: 5px;
}

.servicebullets li.fouthservicecol
{
margin: 0px 0px 20px 0px!important;
}


/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}
	
	@media only screen and (min-width: 768px) and (max-width: 1024px) {
   
   	.parallax-garage, .parallax-mot, .parallax-recovery,  .parallax-service, .parallax-aircon
   	{
	background-size: 1200px;
	/*border: 1px solid #F00;*/
	background-attachment: scroll;
	}
}


	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px)
	{
		
	.topbar
	{
	font-size: 0.65em;
	}
		
	.topaddresssocial
	{
	width: 768px;
	}
	
	.topsociallinks
	{
	float: right;
	width: 100px;
	margin: 0px 5px 0px 0px;
	/*border: 1px solid #0CC;*/
	}
	
	.openingtimes
	{
	width: 262px;
	}

	.addressdetails
	{
	width: 280px;
	}

	.phonenumber
	{
	width: 110px;
	}
	
	.logocontainer
	{
	margin: 20px 0px 10px 0px;
	}
	
	.nav
	{
	/*border: 1px solid #09F;*/
	padding: 0px;
	width: 460px;
	}
	
	.nav li
	{
	margin-right: 5px;
	}
	
	.motmainsection
	{
	background: #009ee0 url(../images/sprites.png) no-repeat -37px -380px;
	}

	.servicingmainsection
	{
	background: #e3432d url(../images/sprites.png) no-repeat -276px -380px;
	}

	.recoverymainsection
	{
	background: #995498 url(../images/sprites.png) no-repeat -517px -380px;
	}

	.airreconmainsection
	{
	background: #bee2e4 url(../images/sprites.png) no-repeat -757px -380px;
	}

	.motmainsection:hover
	{
	background: #009ee0 url(../images/sprites.png) no-repeat -37px -671px;
	}

	.servicingmainsection:hover
	{
	background: #e3432d url(../images/sprites.png) no-repeat -276px -671px;
	}

	.recoverymainsection:hover
	{
	background: #995498 url(../images/sprites.png) no-repeat -517px -671px;
	}

	.airreconmainsection:hover
	{
	background: #bee2e4 url(../images/sprites.png) no-repeat -757px -671px;
	}
	
.bookbutton
{
position: relative;
float: left;
top: 200px;
margin: 0px 0px 0px 14px;
text-decoration:none;
width: 142px;
color:#FFF;
border: 1px solid #FFF;
font-size: 1em;
font-weight: bold;
padding: 0.75em 0px;
text-align: center;
}

.bookbutton a
{
display: block;
color: #FFF;
text-decoration: none;
padding: 0.75em;
}

.breadcrumb
{
width: 768px;
}

.infoboxes
{
height: 249px; 
}

.leftcolnav ul
{
list-style: none;
margin: 0px 0px 10px 0px;
padding: 0px;
width: 170px;
text-align: left;
/*border: 1px solid #F00;*/	
}

.leftcolnav ul li
{
display: block;
margin: 4px 0px;
padding: 0px;
font-size: 0.750em;
font-size: 14px;
}

.leftcolnav ul li a
{
display: block;
width: 170px;
padding: 4px 10px;
background: #33363b;
text-decoration: none;
color: #FFF;
-moz-border-radius: 5px;
border-radius: 5px;
}

.myaccountdivs
{
width: 266px;
}

.activatedivaccount
{
margin: 0px auto 20px auto;
padding: 10px;
width: 554px;
}

.firstdiv
{
margin-left: 0px;
margin-right: 22px;
}

.seconddiv
{
margin-right: 0px!important;
}

.parallax-garage, .parallax-mot, .parallax-recovery, .parallax-service, .parallax-aircon
   	{
	background-size: 1000px;
	/*border: 1px solid #F00;*/
	background-attachment: scroll;
	}
	
.vehiclebullets
{
padding: 0px 0px 0px 10px!important;
}
	
.vehiclebullets li
{
margin: 0px 15px 15px 0px!important;
padding: 60px 5px 10px 5px!important;
float: left!important;
background: #aa6dc7 url(../images/recoverybullets.png) no-repeat 65px 5px!important;
display: inline-block!important;
width: 170px!important;
height: 130px!important;
text-align: center;
color: #FFF;
font-weight: bold;
font-size: 1.15em;
-moz-border-radius: 5px;
border-radius: 5px;
}

.vehiclebullets li.fouthrecoverycol
{
margin: 0px 0px 15px 0px!important;
}

.servicebullets
{
padding: 0px 0px 0px 10px!important;
/*border: 1px solid #093!important;*/
}

.servicebullets li
{
margin: 0px 15px 15px 0px!important;
padding: 60px 5px 10px 5px!important;
float: left!important;
background: #ec6241 url(../images/servicebullets.png) no-repeat 60px 5px!important;
display: inline-block!important;
width: 170px!important;
height: 130px!important;
text-align: center;
color: #FFF;
font-weight: bold;
font-size: 1.15em;
-moz-border-radius: 5px;
border-radius: 5px;
}

.servicebullets li.fouthservicecol
{
margin: 0px 0px 15px 0px!important;
}



}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px)
	{
	.topbar
	{
	display: none;
	}
	
	.logocontainer
	{
	float: left;
	display: inline;
	margin: 20px 0px 0px 10px;
	/*border: 1px solid #000;*/
	}
	
	.navbar-header
	{
	width: 70px;
	margin: 0px;
	float: right;
	position: relative;
	right: 25px;
	}
	
	.navbar-toggle
	{
	background-color:transparent!important;
	background-image:none!important;
	border: 1px solid #2ac5ee!important;
	border-radius: 4px!important;
	margin-top: 32px!important;
	margin-right: 0px!important;
	}

	.navbar-toggle:hover
	{
	background: none!important;
	background-color: #d4edf4!important;
	border: 1px solid #2ac5ee!important;
	}
	
	.navbar-toggle .icon-bar
	{
	background: #2ac5ee!important;
	}
	
	.navbar-collapse
	{
	width: 300px!important;
	border: none!important;
	background: #0C3;
	margin: 15px 0px 0px 0px!important;
	padding: 0px!important;
	float: left;
	}
	
	.nav
	{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: #000;
	width: 300px;
	float: left;
	position: relative!important;
	top: 0px!important;
	left: 0px!important;
	height: auto!important;
	/*border: 1px solid #066;*/
	}

.nav li
{
float: left;
display: block;
width: 300px;
height: auto;
margin: 0px 0px 0px 0px;
padding: 0px;
border-bottom: 1px solid #FFF;
text-align: left;
font-size: 0.75em;
color: #FFF;
}

.nav li.topmot a
{
display: block;
padding: 10px 0px 10px 20px;
color: #FFF;
}

.nav li.topservicing a
{
display: block;
padding: 10px 0px 10px 20px;
color: #FFF;
}

.nav li.toprecovery a
{
display: block;
padding: 10px 0px 10px 20px;
color: #FFF;
}

.nav li.topaircon a
{
display: block;
padding: 10px 0px 10px 20px;
color: #FFF;
}

.nav li.toplogin
{
/*border: 1px solid #F00;*/
width: 300px;
text-align: left;
display: block;
margin: 0px;
height: auto;
}

.nav li.topregister
{
/*border: 1px solid #F00;*/
width: 300px!important;
text-align: left;
display: block;
margin: 0px;
height: auto;
}

.loginicon
{
display: none;
}

.registericon
{
display: none;
}

.logintextlink
{
margin: 0px!important;
/*border: 1px solid #09F;*/
height: auto;
text-align: left;
}

.logintextlink a
{
margin: 0px!important;
/*border: 1px solid #09F;*/
height: auto;
text-align: left;
padding: 10px 0px 10px 20px;
color: #FFF;
text-decoration: none;
}

.registertextlink
{
margin: 0px!important;
/*border: 1px solid #09F;*/
height: auto;
text-align: left;
width: 300px!important;
display: block;
}

.registertextlink a
{
margin: 0px!important;
/*border: 1px solid #09F;*/
height: auto;
text-align: left;
padding: 10px 0px 10px 20px!important;
color: #FFF;
width: 280px!important;
display: block;
text-decoration: none;
}

.placetext
{
margin: 0px;
}

.nav li.topmot
{
background: none;
}
.nav li.topservicing
{
background: none;
}
.nav li.toprecovery
{
background: none;
}
.nav li.topaircon
{
background: none;
}

.nav li.topmot:hover
{
background: none;
}
.nav li.topservicing:hover
{
background: none;
}
.nav li.toprecovery:hover
{
background: none;
}
.nav li.topaircon:hover
{
background: none;
}
	
.container
{
padding: 0px;
}

.homeheader h2
{
/*border: 1px solid #000;*/
color: #FFF;
font-size: 1em;
line-height: 1em;
margin: 0px;
padding: 38px 10px 0px 10px;
}

.motmainsection
	{
	margin-top: 10px!important;
	/*margin-left: 124px!important;
	width: 172px!important;*/
	background: #009ee0 url(../images/sprites.png) no-repeat 26px -380px;
	}

	.servicingmainsection
	{
	margin-top: 10px!important;
	/*margin-left: 124px!important;
	width: 172px!important;*/
	background: #e3432d url(../images/sprites.png) no-repeat -215px -380px;
	}

	.recoverymainsection
	{
	margin-top: 10px!important;
	/*margin-left: 124px!important;
	width: 172px!important;*/
	background: #995498 url(../images/sprites.png) no-repeat -455px -380px;
	}

	.airreconmainsection
	{
	margin-top: 10px!important;
	/*margin-left: 124px!important;
	width: 172px!important;*/
	background: #bee2e4 url(../images/sprites.png) no-repeat -693px -380px;
	}

	.motmainsection:hover
	{
	background: #009ee0 url(../images/sprites.png) no-repeat 26px -671px;
	}

	.servicingmainsection:hover
	{
	background: #e3432d url(../images/sprites.png) no-repeat -215px -671px;
	}

	.recoverymainsection:hover
	{
	background: #995498 url(../images/sprites.png) no-repeat -455px -671px;
	}

.airreconmainsection:hover
{
background: #bee2e4 url(../images/sprites.png) no-repeat -693px -671px;
}
	
.bookbutton
{
position: relative;
float: left;
top: 200px;
margin: 0px 0px 0px 20px;
text-decoration:none;
width: 260px;
color:#FFF;
border: 1px solid #FFF;
font-size: 1.25em;
font-weight: bold;
padding: 0em;
text-align: center;
}

.bookbutton a
{
display: block;
padding: 0.75em;
}
	

.squarepicscontainer
{
width: 100%;
margin: 40px auto 15px auto;
padding: 0px;
text-align: center;
}

.squarepic
{
float: none;
display: block;
margin: 0px auto 10px auto;
}

.squarepic2
{
float: none;
display: block;
margin: 0px auto;
}

.squarepic img, .squarepic2 img
{
width: 220px;
height: 220px;
}

.vosalogoimg
{
text-align: center;
background: #037f71;
width: 280px;
margin: 0px auto;
}

.footerblock
{
height: 740px;
}

.visitusWidget p
{
margin: 0px 0px 0px 10px;
width: 240px;
}

.mainleftfooterlinks
{
float: left;
display: inline;
width: 100%;
margin: 20px 0px 0px 0px;
/*border: 1px solid #0C3;*/
}

.mainleftfooterlinks ul
{
margin: 0px 0px 0px 3px;
padding: 0px;
width: 300px;
/*border: 1px solid #FFF;*/
}

.mainleftfooterlinks ul li
{
float: left;
display: inline;
margin: 0px 0px 20px 10px;
padding: 0px;
width: 130px;
/*border: 1px solid #FFF;*/
}

.mainleftfooterlinks ul li.firstfooterlink
{
margin-left: 10px;
}

.mainleftfooterlinks ul li a.motbtnfooter
{
float: left;
height: 38px;
background: url(../images/motbtnfooter1.png) no-repeat left top;
display: block;
margin: 0px;
padding: 0px;
width: 130px;
text-decoration: none;
background-size: cover!important;
/*border: 1px solid #FFF;*/
}

.mainleftfooterlinks ul li a.motbtnfooter:hover
{
background: url(../images/motbtnfooter1b.png) no-repeat left top;
background-size: cover;
}

.mainleftfooterlinks ul li a.servicingbtnfooter
{
float: left;
height: 38px;
background: url(../images/servicingbtnfooter1.png) no-repeat left top;
display: block;
margin: 0px;
padding: 0px;
width: 130px;
text-decoration: none;
background-size: cover;
}

.mainleftfooterlinks ul li a.servicingbtnfooter:hover
{
background: url(../images/servicingbtnfooter1b.png) no-repeat left top;
background-size: cover;
}

.mainleftfooterlinks ul li a.recoverybtnfooter
{
float: left;
height: 38px;
background: url(../images/recoverybtnfooter1.png) no-repeat left top;
display: block;
margin: 0px;
padding: 0px;
width: 130px;
text-decoration: none;
background-size: cover;
}

.mainleftfooterlinks ul li a.recoverybtnfooter:hover
{
background: url(../images/recoverybtnfooter1b.png) no-repeat left top;
background-size: cover;
}

.mainleftfooterlinks ul li a.airconbtnfooter
{
float: left;
height: 38px;
background: url(../images/airconbtnfooter1.png) no-repeat left top;
display: block;
margin: 0px;
padding: 0px;
width: 130px;
text-decoration: none;
background-size: cover;
}

.mainleftfooterlinks ul li a.airconbtnfooter:hover
{
background: url(../images/airconbtnfooter1b.png) no-repeat left top;
background-size: cover;
}

.footerblockdiv
{
height: 160px;
}

.copyright
{
width: 280px;
float: none;
text-align: center;
/*border: 1px solid #000;*/
padding: 10px 0px;
}

.copyright p
{
width: 280px;
float: none;
line-height: 1em;
text-align: center;
/*border: 1px solid #000;*/
}

.footer-icons
{
float: none;
margin: 0px auto;
}

#social-icons
{
float: none;
width: 200px;
/*border: 1px solid #000;*/
margin: 0 auto;
}

/*----- Google maps -----*/
#map {
    height: 250px;
    width:100%;
}

#contactWrapper
{
width:220px;
border:1px solid #cfdede;
background: #eef2f7;
padding:30px;
text-align: left;
margin: 0px 0px 20px 0px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-right: auto;
margin-left: auto; 
}

#contactWrapper .notes
{
width: 210px;
}

#contactform .submitmotbtn
{
float: left!important;
position: relative!important;
margin-left: -12px!important;
}

#contactform .submitmotbtn:hover
{
float: left!important;
position: relative!important;
margin-left: -12px!important;
}

.breadcrumb
{
width: 300px;
}

.motonlinecontainer h3
{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 2em;
margin: 20px 0px 20px 10px;
line-height: 1em;
padding: 0px;
color: #2497dd;
text-align: center;
}
.motonlinecontainer ul
{
margin: 20px auto 0px auto;
padding: 0px;
/*border: 1px solid #F00;*/
width: 280px;
}

.motonlinecontainer ul li
{
margin: 0px auto 10px auto;
width: 220px;
float: none;
display: block!important;
background: url(../images/motlight.jpg) no-repeat right top;   
padding: 2px 0px 0px 0px;
text-align: center;
}

.motonlinecontainer ul li.firstmotblock
{
margin: 0px auto 10px auto;
}

.motonlinecontainer ul li.lastmotblock
{
margin: 0px auto 10px auto;
}

p.fullwidth
{
width: 200px;
/*border: 1px solid #000;*/
}

.motbtn
{
float: left;
display: inline!important;;
width: 127px!important;
margin: 0px 10px 10px 80px!important;
}

.motbtn a
{
display: block;
margin: 0px;
padding: 0px;
text-align: center;
height: 125px!important;
width: 127px!important;
background: url(../images/mot-btn-1b.png) no-repeat left top;
/*line-height: 302px;*/
color: #FFF;
text-decoration: none;
}

.motbtn a:hover
{
background: url(../images/mot-btn-2b.png) no-repeat left top;
}

.motbtnactive a
{
background: url(../images/mot-btn-2b.png) no-repeat left top;
}

.motcalendar td.activedays
{
padding: 0px;
height: 30px;
width: 60px;
text-align: center;
background: #c5c4c0;
font-size: 1.5em;
font-weight: bold;
line-height: 30px;
color: #FFF;
}

.motcalendar td.inactivedays
{
padding: 0px;
height: 30px;
width: 60px;
text-align: center;
background: #33363b!important;
font-size: 1.5em;
font-weight: bold;
line-height: 34px!important;
color: #7f7f7f!important;
border: 1px solid #c5c4c0;
}

.motcalendar td.motdays
{
padding: 0px 0px 0px 0px;
height: 30px;
width: 60px;
text-align: center;
background: #c2e2f5;
font-size: 1.5em!important;
font-weight: bold;
margin: 1px;
line-height: 30px!important;
border: 1px solid #c5c4c0;
}

.motcalendar td.daymotactive
{
font-size: 1.5em!important;
}

.motcalendar td.monthmot
{
font-size: 1em!important;
height: 30px;
width: 20px;
}


#hor-zebra
{
	font-size: 12px;
	margin: 45px auto;
	padding: 0px;
	width: 300px;
	text-align: left;
	border-collapse: collapse;
}

.loginWrapper
{
width: 220px!important;
float: none;
display: block;
border: 1px solid #cfdede;
background: #eef2f7;
padding: 30px;
text-align: left;
margin: 20px auto 20px auto;
-moz-border-radius: 5px;
border-radius: 5px;
}

.notification_error2
{
width: 220px;
}

#personalWrapper
{
width: 220px!important;
}

.infoboxes
{
height: 205px;
margin-top: 10px!important;
}

.myaccountdivs
{
width: 298px;
}

.activatedivaccount
{
margin: 20px auto 20px auto;
padding: 10px;
width: 298px;
}

.firstdiv
{
margin-left: 0px;
margin-right: 0px;
}

.seconddiv
{
margin-right: 0px!important;
}

.myaccountdivs p
{
float: none;
margin: 4px 0px 0px 20px;
padding: 0px;
color: #000;
display: block;
width: 100%;
}

.leftcolnav ul
{
list-style: none;
margin: 4px 0px 10px 0px;
padding: 0px;
width: 300px;
text-align: left;
/*border: 1px solid #F00;*/
}

.leftcolnav ul li
{
display: block;
margin: 4px 0px;
padding: 0px;
font-size: 0.750em;
font-size: 14px;
}

.leftcolnav ul li a
{
display: block;
width: 300px;
padding: 4px 10px;
background: #33363b;
text-decoration: none;
color: #FFF;
}

.parallax-garage, .parallax-mot, .parallax-recovery, .parallax-service, .parallax-aircon
   	{
	background-size: 600px;
	/*border: 1px solid #F00;*/
	background-attachment: scroll;
	}
	
.vehiclebullets
{
padding: 0px 0px 0px 20px!important;
}
	
.vehiclebullets li
{
margin: 0px 12px 12px 0px!important;
padding: 60px 5px 10px 5px!important;
float: left!important;
background: #aa6dc7 url(../images/recoverybullets.png) no-repeat 105px 5px!important;
display: inline-block!important;
width: 260px!important;
height: 110px!important;
text-align: center;
color: #FFF;
font-weight: bold;
font-size: 1.15em;
-moz-border-radius: 5px;
border-radius: 5px;
}

.vehiclebullets li.secondrecoverycol
{
margin: 0px 0px 12px 0px!important;
}

.vehiclebullets li.fouthrecoverycol
{
margin: 0px 0px 12px 0px!important;
}


.servicebullets
{
padding: 0px 0px 0px 2px!important;
/*border: 1px solid #093!important;*/
}

.servicebullets li
{
margin: 0px 12px 12px 0px!important;
padding: 60px 5px 10px 5px!important;
float: left!important;
background: #ec6241 url(../images/servicebullets.png) no-repeat 105px 5px!important;
display: inline-block!important;
width: 260px!important;
height: 110px!important;
text-align: center;
color: #FFF;
font-weight: bold;
font-size: 1.15em;
-moz-border-radius: 5px;
border-radius: 5px;
}

.servicebullets li.secondservicecol
{
margin: 0px 0px 12px 0px!important;
}


.servicebullets li.fouthservicecol
{
margin: 0px 0px 12px 0px!important;
}


.tickbullets li
{
background: url(../images/bullettick.png) no-repeat left 8px;
margin: 5px;
padding: 10px 0px 10px 25px;
float: left;
display: inline-block;
width: 90%;
/*border: 1px solid #666;*/
}

}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px)
	{
	.navbar-header
	{
	width: 48px;
	margin: 5px 0px 0px 0px;
	float: right;
	position: relative;
	right: 25px;
	}
	
	.navbar-toggle
	{
	background-color:transparent!important;
	background-image:none!important;
	border: 1px solid #2ac5ee!important;
	border-radius: 4px!important;
	margin-top: 32px!important;
	margin-right: 0px!important;
	}

	.navbar-toggle:hover
	{
	background: none!important;
	background-color: #d4edf4!important;
	border: 1px solid #2ac5ee!important;
	}
	
	.navbar-toggle .icon-bar
	{
	background: #2ac5ee!important;
	}
	
	.navbar-collapse
	{
	width: 420px!important;
	border: none!important;
	background: #FFF;
	margin: 0px 0px 0px 0px!important;
	padding: 0px!important;
	float: left;
	}
	
	.nav
	{
	margin: 20px 0px 0px 0px;
	padding: 0px;
	background: #000;
	width: 420px;
	float: left;
	position: relative!important;
	top: 0px!important;
	left: 0px!important;
	height: auto!important;
	/*border: 1px solid #066;*/
	}

.nav li
{
float: left;
display: block;
width: 420px;
height: auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: none;
border-bottom: 1px solid #FFF;
text-align: left;
font-size: 1em;
color: #FFF;
}

.nav li a
{
padding: 10px;
display: block;
text-decoration: none;
color: #FFF;
}

.nav li a:hover
{
background: #F00;
}

.nav li.toplogin
{
/*border: 1px solid #F00;*/
width: 420px;
text-align: left;
display: block;
margin: 0px;
height: auto;
}

.nav li.topregister
{
/*border: 1px solid #F00;*/
width: 420px!important;
text-align: left;
display: block;
margin: 0px;
height: auto;
}

.loginicon
{
display: none;
}

.registericon
{
display: none;
}

.logintextlink
{
margin: 0px!important;
/*border: 1px solid #09F;*/
height: auto;
text-align: left;
}

.logintextlink a
{
margin: 0px!important;
/*border: 1px solid #09F;*/
height: auto;
text-align: left;
padding: 0px;
color: #FFF;
text-decoration: none;
}

.logintextlink a:hover
{
color: #FFF;
}

.registertextlink
{
margin: 0px!important;
/*border: 1px solid #09F;*/
height: auto;
text-align: left;
}

.registertextlink a
{
margin: 0px!important;
/*border: 1px solid #09F;*/
height: auto;
text-align: left;
padding: 0px;
color: #FFF;
width: 420px!important;
display: block;
text-decoration: none;
}

.registertextlink a:hover
{
color: #FFF;
}

.placetext
{
margin: 0px;
}

.nav li.topmot
{
background: none;
}
.nav li.topservicing
{
background: none;
}
.nav li.toprecovery
{
background: none;
}
.nav li.topaircon
{
background: none;
}

.nav li.topmot:hover
{
background: none;
}
.nav li.topservicing:hover
{
background: none;
}
.nav li.toprecovery:hover
{
background: none;
}
.nav li.topaircon:hover
{
background: none;
}
	
.container
{
padding: 0px;
}

.homeheader h2
{
/*border: 1px solid #000;*/
color: #FFF;
font-size: 1em;
line-height: 1em;
margin: 0px;
padding: 38px 10px 0px 30px;
}

.motmainsection
	{
	margin-top: 10px!important;
	margin-left: 60px!important;
	width: 300px!important;
	background: #009ee0 url(../images/sprites.png) no-repeat 26px -380px;
	}

	.servicingmainsection
	{
	margin-top: 10px!important;
	margin-left: 60px!important;
	width: 300px!important;
	background: #e3432d url(../images/sprites.png) no-repeat -215px -380px;
	}

	.recoverymainsection
	{
	margin-top: 10px!important;
	margin-left: 60px!important;
	width: 300px!important;
	background: #995498 url(../images/sprites.png) no-repeat -455px -380px;
	}

	.airreconmainsection
	{
	margin-top: 10px!important;
	margin-left: 60px!important;
	width: 300px!important;
	background: #bee2e4 url(../images/sprites.png) no-repeat -693px -380px;
	}

	.motmainsection:hover
	{
	background: #009ee0 url(../images/sprites.png) no-repeat 26px -671px;
	}

	.servicingmainsection:hover
	{
	background: #e3432d url(../images/sprites.png) no-repeat -215px -671px;
	}

	.recoverymainsection:hover
	{
	background: #995498 url(../images/sprites.png) no-repeat -455px -671px;
	}

	.airreconmainsection:hover
	{
	background: #bee2e4 url(../images/sprites.png) no-repeat -693px -671px;
	}
	
.bookbutton
{
position: relative;
float: left;
top: 200px;
margin: 0px 0px 0px 20px;
text-decoration:none;
width: 260px;
color:#FFF;
border: 1px solid #FFF;
font-size: 1.25em;
font-weight: bold;
padding: 0em;
text-align: center;
}

.bookbutton a
{
display: block;
padding: 0.75em;
}

.vosalogoimg
{
text-align: center;
background: #037f71;
width: 400px;
margin: 0px auto;
}

.footerblockdiv
{
height: 160px;
}

.copyright
{
font-size: 1em;
width: 420px;
float: none;
text-align: center;
/*border: 1px solid #FFF;*/
padding: 10px 0px;
}

.footer-icons
{
float: none;
margin: 0px auto;
width: 160px;
}

#social-icons
{
width: 160px;
}

.copyright p
{
width: 380px;
float: none;
line-height: 1em;
text-align: center;
/*border: 1px solid #9F9;*/
margin: 0px auto;
}

.footerblock
{
height: 780px;
}

.mainleftfooterlinks
{
float: left;
display: inline;
width: 100%;
margin: 23px 0px 0px 0px;
/*border: 1px solid #0C3;*/
}

.mainleftfooterlinks ul
{
margin: 24px 0px 0px 10px;
padding: 0px;
width: 100%;
/*border: 1px solid #039;*/
}

.mainleftfooterlinks ul li
{
float: left;
display: inline;
margin: 0px 0px 20px 20px;
padding: 0px;
width: 190px;
/*border: 1px solid #FFF;*/
}

.mainleftfooterlinks ul li.firstfooterlink
{
margin-left: 10px;
}

.mainleftfooterlinks ul li.firstfooterlinkmobile
{
margin-left: 10px;
}

.mainleftfooterlinks ul li a.motbtnfooter
{
float: left;
height: 49px;
background: url(../images/motbtnfooter1.png) no-repeat left top;
display: block;
margin: 0px;
padding: 0px;
width: 166px;
text-decoration: none;
background-size: cover;
}

.mainleftfooterlinks ul li a.motbtnfooter:hover
{
background: url(../images/motbtnfooter1b.png) no-repeat left top;
background-size: cover;
}

.mainleftfooterlinks ul li a.servicingbtnfooter
{
float: left;
height: 49px;
background: url(../images/servicingbtnfooter1.png) no-repeat left top;
display: block;
margin: 0px;
padding: 0px;
width: 166px;
text-decoration: none;
background-size: cover;
}

.mainleftfooterlinks ul li a.servicingbtnfooter:hover
{
background: url(../images/servicingbtnfooter1b.png) no-repeat left top;
background-size: cover;
}

.mainleftfooterlinks ul li a.recoverybtnfooter
{
float: left;
height: 49px;
background: url(../images/recoverybtnfooter1.png) no-repeat left top;
background-size: cover;
display: block;
margin: 0px;
padding: 0px;
width: 166px;
text-decoration: none;
}

.mainleftfooterlinks ul li a.recoverybtnfooter:hover
{
background: url(../images/recoverybtnfooter1b.png) no-repeat left top;
background-size: cover;
}

.mainleftfooterlinks ul li a.airconbtnfooter
{
float: left;
height: 49px;
background: url(../images/airconbtnfooter1.png) no-repeat left top;
background-size: cover;
display: block;
margin: 0px;
padding: 0px;
width: 166px;
text-decoration: none;
}

.mainleftfooterlinks ul li a.airconbtnfooter:hover
{
background: url(../images/airconbtnfooter1b.png) no-repeat left top;
background-size: cover;
}

#contactWrapper
{
width:340px!important;
border:1px solid #cfdede;
background: #eef2f7;
padding: 30px;
text-align: left;
margin: 0px 0px 20px 0px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-right: auto;
margin-left: auto; 
}

#contactWrapper .notes
{
width: 330px;
height: 100px;
}

.notification_error2
{
width: 340px;
}

#personalWrapper
{
width: 340px!important;
margin: 20px auto 20px auto;
}

#contactform .submitmotbtn
{
float: none!important;
position: relative!important;
margin: 0px auto!important;
}

#contactform .submitmotbtn:hover
{
float: none!important;
position: relative!important;
margin: 0px auto!important;
}

.breadcrumb
{
width: 420px;
}

.motonlinecontainer h3
{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 2em;
margin: 20px 0px 20px 10px;
line-height: 1em;
padding: 0px;
color: #2497dd;
text-align: center;
}
.motonlinecontainer ul
{
margin: 20px auto 0px auto;
padding: 0px;
/*border: 1px solid #F00;*/
width: 400px;
}

.motonlinecontainer ul li
{
margin: 0px auto 10px auto;
width: 220px;
float: none;
display: block!important;
background: url(../images/motlight.jpg) no-repeat right top;   
padding: 2px 0px 0px 0px;
text-align: center;
}

.motonlinecontainer ul li.firstmotblock
{
margin: 0px auto 10px auto;
}

.motonlinecontainer ul li.lastmotblock
{
margin: 0px auto 10px auto;
}

p.fullwidth
{
width: 200px;
/*border: 1px solid #000;*/
}

.motbtn
{
float: left;
display: inline!important;;
width: 127px!important;
margin: 0px 10px 10px 80px!important;
}

.motbtn a
{
display: block;
margin: 0px;
padding: 0px;
text-align: center;
height: 125px!important;
width: 127px!important;
background: url(../images/mot-btn-1b.png) no-repeat left top;
/*line-height: 302px;*/
color: #FFF;
text-decoration: none;
}

.motbtn a:hover
{
background: url(../images/mot-btn-2b.png) no-repeat left top;
}

.motbtnactive a
{
background: url(../images/mot-btn-2b.png) no-repeat left top;
}

.loginWrapper
{
width: 400px!important;
}

.infoboxes
{
height: 288px;
margin-top: 10px!important;
}
	
.myaccountdivs
{
width: 418px;
}

.activatedivaccount
{
margin: 20px auto 20px auto;
padding: 10px;
width: 418px;
}

.myaccountdivs p
{
float: none;
margin: 4px 0px 0px 20px;
padding: 0px;
color: #000;
display: block;
width: 100%;
}

.firstdiv
{
margin-left: 0px;
margin-right: 0px;
}

.seconddiv
{
margin-right: 0px!important;
}

.leftcolnav ul
{
list-style: none;
margin: 4px 0px 10px 0px;
padding: 0px;
width: 420px;
text-align: left;
/*border: 1px solid #F00;*/
}

.leftcolnav ul li
{
display: block;
margin: 4px 0px;
padding: 0px;
font-size: 0.750em;
font-size: 14px;
}

.leftcolnav ul li a
{
display: block;
width: 420px;
padding: 4px 10px;
background: #33363b;
text-decoration: none;
color: #FFF;
}

	.parallax-garage, .parallax-mot, .parallax-recovery, .parallax-service, .parallax-aircon
   	{
	background-size: 860px;
	height: 450px;
	/*border: 1px solid #F00;*/
	background-attachment: scroll;
	}
	
.vehiclebullets
{
padding: 0px 0px 0px 4px!important;
}
	
.vehiclebullets li
{
margin: 0px 12px 12px 0px!important;
padding: 60px 5px 10px 5px!important;
float: left!important;
background: #aa6dc7 url(../images/recoverybullets.png) no-repeat 65px 5px!important;
display: inline-block!important;
width: 200px!important;
height: 110px!important;
text-align: center;
color: #FFF;
font-weight: bold;
font-size: 1.15em;
-moz-border-radius: 5px;
border-radius: 5px;
}

.vehiclebullets li.secondrecoverycol
{
margin: 0px 0px 12px 0px!important;
}

.vehiclebullets li.fouthrecoverycol
{
margin: 0px 0px 12px 0px!important;
}

.servicebullets
{
padding: 0px 0px 0px 4px!important;
/*border: 1px solid #093!important;*/
}

.servicebullets li
{
margin: 0px 12px 12px 0px!important;
padding: 60px 5px 10px 5px!important;
float: left!important;
background: #ec6241 url(../images/servicebullets.png) no-repeat 74px 5px!important;
display: inline-block!important;
width: 200px!important;
height: 110px!important;
text-align: center;
color: #FFF;
font-weight: bold;
font-size: 1.15em;
-moz-border-radius: 5px;
border-radius: 5px;
}

.servicebullets li.secondservicecol
{
margin: 0px 0px 12px 0px!important;
}


.servicebullets li.fouthservicecol
{
margin: 0px 0px 12px 0px!important;
}


		
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (min-width: 301px) and (max-width: 479px)
	{
	.parallax-garage, .parallax-mot, .parallax-recovery, .parallax-service, .parallax-aircon
   	{
	background-size: 600px;
	/*border: 1px solid #F00;*/
	background-attachment: scroll;
	}	
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/