/*  ------------------------- Clock --------------------------  */


        #clockHolder
        {	 float: right;
			 background: url("../images/clock_bg.png") no-repeat scroll 0 0 transparent;
			width: 86px;
            height: 86px;
            margin: 15px 28px 0 0;
            position:relative;

        }
        
        #sec
        {
            display:block;
            position:absolute;
        }
        #min
        {
            display:block;
            position:absolute;
        }
        #hour
        {
            display:block;
            position:absolute;
        }
        
        .rotatingWrapper
        {
            position:absolute;
            width:86px;
            height:86px;
            top:0px;
            left:0px;
        }


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




#home_container { width:100%; clear:both; position:relative; display:block;float: left;height: 695px; margin: 0 0; }

 
#home_footer {
	/* background: url("../images/footer-sprite.png") repeat-x scroll 0 0 transparent;*/
    height: 268px;
    margin: 0 auto;
    position: relative;
    width: 100%;
    z-index: 1000;
}

#home_footer #footer_inner { width:1020px; margin:0 auto; position:relative; height: 268px;}

#home_footer  .footer_side { margin:112px 5px 0 20px;}

#home_footer  .footer_center { margin: 45px 0 0 0;  width: 404px;}
#home_footer  .footer_center p {   color: #FFFFFF;
    font-size: 12px;
    line-height: 16px;
    padding: 10px 0;
	
    width: 330px;}
#home_footer .addthis_toolbox { margin: 10px 0 0 26px;}
.addthis_toolbox .icons {    display: block;
    height: 32px;
	float:left;
    line-height: 32px !important;
    overflow: hidden;
	margin-left:2px;
	cursor:pointer;
    width: 32px;}
	
.addthis_toolbox .yt_icon { background: url("../images/youtube.png") no-repeat scroll 0 0 transparent;}
.addthis_toolbox .yt_icon:hover { opacity:0.8; }
.addthis_toolbox .fb_icon { background: url("../images/fb-icon.png") no-repeat scroll 0 0 transparent;}
.addthis_toolbox .fb_icon:hover { opacity:0.8; }
.addthis_toolbox .tw_icon { background: url("../images/tw-icon.png") no-repeat scroll 0 0 transparent;}
.addthis_toolbox .tw_icon:hover { opacity:0.8; }
/*  ---------------------------------------------------- LEFT NAV--------------------------------------------------------------  */

#left_nav { width:178px; height:501px; background:url(../images/nav-bg.png) no-repeat 0 0; float:left; position:relative; z-index:100;   margin:07px 0 0;}
ul.pumpnav { float:right;   margin: 23px 10px 0 0;}
ul.pumpnav li {    margin: -13px 0 0;}
ul.pumpnav li a {display:block;  font-size:0px; line-height:0; text-indent:-999em;  background: url("../images/nav.png") no-repeat scroll 0 0 transparent;    height: 50px;
    width: 124px;}


ul.pumpnav li a.tyre { background-position: 0 -6px;}
ul.pumpnav li a.exhausts { background-position: 0 -53px;}
ul.pumpnav li a.servicing { background-position: 0 -100px;}
ul.pumpnav li a.brakes { background-position: 0 -148px;}
ul.pumpnav li a.mot { background-position: 0 -195px;}
ul.pumpnav li a.andmore { background-position: 0 -242px;}

ul.pumpnav li a.tyre:hover { background-position: right -6px;}
ul.pumpnav li a.exhausts:hover { background-position: right -53px;}
ul.pumpnav li a.servicing:hover { background-position: right -100px;}
ul.pumpnav li a.brakes:hover { background-position: right -148px;}
ul.pumpnav li a.mot:hover { background-position: right -195px;}
ul.pumpnav li a.andmore:hover { background-position: right -242px;}



/*  ---------------------------------------------------- OBJECT Classes--------------------------------------------------------------  */



.window {     background: url("../images/window.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 135px;
    margin:34px 0 0 46px;
    padding: 5px;
    width: 458px; }
.window_inner { position:relative; overflow:hidden;width: 458px;height: 135px; }

.plane { /*background:url(../images/plane.png) no-repeat 0 0; */
        width:295px; height:58px; display:block; position:absolute; top:20px; left:-300px;}

a.door { background:url(../images/door.png) no-repeat 0 0;     position: relative;
    width: 119px;
    z-index: 10; height:253px; display:block; float:right;  margin: 38px 40px 0 0;}
a.door:hover { background-position:right 0;}


.board { background:url(../images/board.png) no-repeat 0 0; width:108px; height:115px; display:block; margin: 36px 0 0 45px;   padding: 25px 0 0;}
.board ul { padding:0 8px;}
.board ul li {margin: 5px 0 0; border-top:1px solid #39946d; padding: 5px 0 0; line-height:8px; }

.board ul li a {     font-size: 9px;
     text-transform:uppercase; color:#f6f2d0;  }
	
.board ul li:first-child{ border-top:0; }
.board ul li a:hover { color:#ffff00; }


.chair { 
    background: url("../images/chair.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 150px;
    left: 141px;
    position: absolute;
    top: 197px;
    width: 170px; }


.tyre_rack {    background: url("../images/tyre-rack.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 170px;
    left: 386px;
    position: absolute;
    top: 184px;
    width: 190px; }


.radiator {
    background: url("../images/radiator.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 80px;
    left: 263px;
    position: absolute;
    top: 223px;
    width: 150px;
}


.toy_car {
    background: url("../images/toy-car.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 75px;
    left: 447px;
    position: absolute;
    top: 374px;
    width: 150px;}


.desk {
    background: url("../images/desk2.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 325px;
    left: 540px;
    position: absolute;
    top: 177px;
    width: 380px;
	 z-index: 100;}
	

	.bell {
    background: url("../images/bell.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 20px;
    left: 202px;
    position: absolute;
    top: 137px;
    width: 20px;
    z-index: 100;
	}
	
	.services_signs { float:left; background:url("../images/services-signs-shadow.png") no-repeat scroll 0 0 transparent;
						width:140px; height:70px; margin:85px 0 0 20px;  }
	
	.services_sign-1 {
		float:left; background:url("../images/services-sign-1.png") no-repeat scroll 0 0 transparent;
		width:50px; height:70px; outline: none; }
		.services_sign-2 {
		float:left; background:url("../images/services-sign-2.png") no-repeat scroll 0 0 transparent; margin-left:-8px;
		width:50px; height:70px; outline: none;  }
			.services_sign-3 {
			float:left; background:url("../images/services-sign-3.png") no-repeat scroll 0 0 transparent;  margin-left:-8px;
			width:50px; height:70px; outline: none;  }
			
	
	
	
.pot_tabel {
    background: url("../images/tabel.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 220px;
    position: absolute;
    right: -4px;
    top: 228px;
    width: 120px;
	 z-index: 13;
	}
	
.tabel2 {
    background: url("../images/tabel2.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 215px;
    left: -170px;
    position: absolute;
    top: 270px;
    width: 170px;
    z-index: 13;
}

.plant {
    background: url("../images/plant.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 155px;
    position: absolute;
    right: -70px;
    top: 154px;
    width: 100px;
    z-index: 13;
}	
	
.harry_june { background:url(../images/harry-june.png) no-repeat 345px 0;  float: left;
    height: 280px;
    left: -342px;
    position: absolute;
    top: -13px;
    width: 725px; }
	.harry_june .fence { position:absolute; top:50ppx; bottom: 0; z-index:100;}	
	.harry_june .flowers {     background: url("../images/flowers.png") no-repeat scroll 0 0 transparent;
								display: block;
								height: 68px;
								position: absolute;
								right: 108px;
								top: 135px;
								width: 48px;
								z-index: 13;}
	
	
.booking_pole {
    background: url("../images/booking-pole.png") no-repeat scroll 0 0 transparent;
    bottom: 0;
    display: block;
    height: 218px;
/*    left: 2px;*/
    left: 46px;
    position: absolute;
/*    width: 135px;*/
    width: 220px;
    z-index: 100;
}

.booking_board {
 background: url("../images/booking-board.png") no-repeat scroll 0 0 transparent;
/*    background: url("../images/booking-board-easter.png") no-repeat scroll 0 0 transparent;*/
    display: block;
    height: 192px;
/*    left: 0;*/
/*    left: -42px;*/
    position: absolute;
    top: 0px;
    width: 135px;
/*    width: 220px;*/
}



.television {
    background: url("../images/tv.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 310px;
    position: absolute;
    right: 15px;
    bottom: 0px;
    width: 210px;
    z-index: 113;
}



.agent_board {
    background: url("../images/mainboard.png") no-repeat scroll 0 0 transparent;
    bottom: 0;
    display: block;
    height: 193px;
    left: 183px;
    padding: 27px 0 0 17px;
    position: absolute;
    width: 604px;
    z-index: 110;
}

.trust_pilot_wd {}
.hp_service { margin:10px 0 0 25px;}
.hp_mot { margin:10px 0 0 24px;}

/*.hp_service img , .hp_mot img { width: 170px;}*/

/*
.agent_board a { margin:0  0 0 20px;}
.agent_board a:first-child { margin:0;}
*/


.typewriter {
    background: url("../images/typewriter.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 152px;
    position: absolute;
    left: 215px;
    top: 284px;
    width: 143px;
    z-index: 113;
}

.typing {
    background: url("../images/typing.gif") no-repeat scroll 0 0 transparent;
    float: left;
    height: 60px;
    margin: 7px 0 0 47px;
    width: 60px;
}
.typing:hover { }

/* ------------------------------------------------- Animated -------------------------------------------------*/

.windy {
    bottom: 5px;
    left: 11px;
    position: absolute;
}

.newspaper { 
    background: url("../images/newspaper.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: right;
    height: 36px;
    margin: 50px 56px 0 0;
    width: 48px;}
	
	.newspaper_hidden { 
    background: url("../images/newspaper.gif") no-repeat scroll 0 0 transparent; display:none; }
	
.newspaper:hover { background:url(../images/newspaper.gif) no-repeat 0 0;}
	
.tv {
	background: url("../images/tv.gif") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 100px;
  margin: 135px 0 0 41px;
    width: 125px;}

.tv:hover { }


.phone {      background: url("../images/phone-ringing.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 60px;
    left: 225px;
    position: absolute;
    top: 98px;
    width: 75px;}
/*
.phone:hover { background:url(../images/phone.png) no-repeat 0 0;}
*/
.callus-sign { position:absolute; right:24px; top:100px;  z-index: 12;}
	

/* ------------------------------------------------- Buubles -------------------------------------------------*/
.bubble { position:absolute; display:none; 
  }

.bubble_newspaper { background:url(../images/bubble-newspapers.png) no-repeat 0 0; width:179px; height:88px;  right: 297px;    top: 165px;    z-index: 110;}
.bubble_tweets { display: block; left: 195px; top: -37px; z-index: 801;
background: url("../images/bubble-tweets.png") no-repeat scroll 0 0 transparent;
width:215px; height:128px;

}
.bubble_tweets .tweet {
    color: #666666;
    float: left;
	font-weight:bold;
    font-family: comic Sans MS;
    font-size: 14px;
    height: 68px;
    margin: 15px 0 0;
    overflow: hidden;
    padding: 15px 35px 20px 47px;
	text-align:center;
    width: 130px;
}

	.bubble_tweets .tweet span {
		color: #CC0000;
		display: block;

		font-size: 12px;
		text-align: center;
	}

.bubble_tea {right: 300px;        top: 165px;    z-index: 110;}
.bubble_toys {right: 300px;       top: 165px;   z-index: 110;}

.bubble_testimonials {right: 300px;       top: 165px;   z-index: 110;}

.bubble_tv {
    right: 0px;
    top: 523px;
    z-index: 120;
}

.bubble_welcome {
    display: block;
    right: 297px;
    top: 176px;
    z-index: 110;
}

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

.newsletter {
    color: #FCF8B4;
    font-size: 13px;
    font-weight: bold;
    position: absolute;
    right: -77px;
    top: 194px;
    width: 337px;
}/*
.newsletter {
    color: #FCF8B4;
    font-size: 13px;
    font-weight: bold;
    position: absolute;
    right: -47px;
    top: 194px;
    width: 280px;
}*/

.newsletter label {     display: block;
    font-size: 10px;
    padding: 3px 0 5px;
    text-align: left; }
.newsletter input[type="text"]  { background:#fcf8b4; border:0; height: 24px; color:#757152; font-size:12px; font-weight:bold; padding: 0 5px;}
.newsletter input.name  {width: 85px; }
.newsletter input.email { width: 118px; }


.newsletter .go-btn {
    background: url("../images/go-btn.png") no-repeat scroll center center transparent;
    border: 0 none;
    cursor: pointer;
    font-size: 0;
    height: 24px;
    line-height: 0;
    text-indent: -999em;
    width: 49px;
}