﻿img, div { behavior: url(/javascripts/iepngfix.htc) }

body { background-image: url('../images/background_image.jpg'); background-repeat: repeat-x; background-color:#ffffff; margin: 0 0 0 0 }

/* ---------------------------------------------------------------------
            				INDEX PAGE
------------------------------------------------------------------------ */

/* Top Area & Logo */

.top_background_image { height: 125px; width: 794px; background-color: #707070; background-image: url('../images/border_top_image.gif'); background-position: top center; background-repeat:repeat-x; }
.top_logo_image   { margin: 15px 0 20px 0; text-align: left }

.top_contact { width: 380px; height: 87px; background-image: url('../images/topcontact_background.jpg'); background-position: right; background-repeat:repeat-y }
.top_contact_text { font-family: Arial; font-weight: bold; font-size: 21px; letter-spacing: -0.1em; color: #FFFFFF; text-align: right; padding: 11px 14px 0 0 }
.top_contact_number { font-family: Arial; font-weight: bold; font-size: 51px; color: #FFFFFF; text-align: right; padding: 0 14px 0 0; letter-spacing: -3px; line-height: 40px }

.border_left { width: 10px; height: 610px; background-image: url('../images/background_border_left.png'); background-position: top; background-repeat:repeat-y; }
.border_right { width: 10px; height: 610px; background-image: url('../images/background_border_right.png'); background-position: top center; background-repeat:repeat-y; }
.border_bottom_left { width: 40px; height: 35px; background-image: url('../images/border_bottom_left_image.gif'); background-position: center; background-repeat:repeat-y; }
.border_bottom_right { width: 45px; height: 35px; background-image: url('../images/border_bottom_right_image.gif'); background-position: center; background-repeat:repeat-y; }


/* Links */

.links { margin: 0; width: 750px; height: 44px; background-image: url('../images/linksbackground.jpg'); background-position: center; background-repeat:repeat-y; }
.links_text { font-family: Arial, Verdana; font-size: 20px; color: #FFFFFF; text-align: center }
.links_text a { text-decoration: none; color: #FFFFFF} 
.links_text a:hover { text-decoration: underline; color: #FFFFFF} 


/* Welcome Area */

.welcome_text_large h1 { font-family: Arial, Verdana; font-size: 29px; font-weight: bold; color: #ffffff; text-align: left; margin: 8px 18px 7px 18px }
.welcome_text_intro h2 { font-family: Arial, Verdana; font-size: 14px; font-weight: bold; color: #ffffff; text-align: left; margin: 0 18px 10px 18px }
.welcome_contactnum { margin: 5px 0 10px 18px; text-align: left }
.roundcont { width: 472px; background-color: #1B7EA2; background-image: url('../images/welcomehomepage_background.jpg'); background-position: top; background-repeat:repeat-x; }
.roundcont_text  { font-family: Arial, Verdana; font-size: 12px; color: #ffffff; margin: 0 18px 0 18px; padding-bottom: 3px; text-align: left }
.roundcont_text a { text-decoration: none; color: #000000 } 
.roundcont_text a:hover { text-decoration: underline; color: #000000 }
.roundtop { background: url('../images/homepage_topright.gif') no-repeat top right }
.roundbottom { background: url('../images/homepage_bottomright.gif') no-repeat top right }
img.corner { width: 6px; height: 6px; border: none; display: block !important; }


/* Adverts Area */
.advert_motservice_container { width: 268px; height: 35px; margin: 0; padding: 0; font-family: Arial, Verdana; font-size: 20px; color: #ffffff; font-weight: bold; background-image:url(../images/homepage_adverts_motservice.jpg); background-repeat: no-repeat }
.advert_motservice_containertitle { margin: 0 0 5px 0; padding: 6px 0 0 10px; font-family: Arial, Verdana; font-size: 20px; color: #ffffff; font-weight: bold; text-align: left }
.advert_motservice_image { width: 268px; height: 122px; margin: 0; padding: 0 }
.advert_motservice_textcontainer { width: 268px; height: 120px; margin: 0; background-image:url(../images/homepage_adverts_motserviceback.jpg); background-repeat: no repeat }
.advert_motservice_smalltext h1 { margin: 0; padding: 5px 0 0 10px; font-family: Arial, Verdana; font-size: 14px; color: #ffffff; font-weight: bold; text-align: left }
.advert_motservice_largetext { margin: 0; padding: 0 0 0 10px; font-family: Arial, Verdana; font-size: 72px; color: #ffffff; font-weight: bold; letter-spacing: -3px; line-height: 66px; text-align: left }
.advert_motservice_vattext { margin: 0; padding: 0 22px 0 0; font-family: Arial, Verdana; font-size: 10px; color: #ffffff; text-align: right }

.advert_cards_container { width: 268px; height: 41px; margin: 0; padding: 0; font-family: Arial, Verdana; font-size: 18px; color: ffffff; font-weight: bold; background-image:url(../images/homepage_adverts_cardstitle.jpg); background-repeat: no repeat }
.advert_cards_containertitle { margin: 0; padding: 13px 0 7px 10px; font-family: Arial, Verdana; font-size: 18px; color: ffffff; font-weight: bold; text-align:left }
.advert_cardlogos_image { width: 268px; height: 85px; margin: 0; padding: 0 }


/* ---------------------------------------------------------------------
          				    FLASH
------------------------------------------------------------------------ */

/* Flash */
.flash_container { width: 750px; height: 268px; margin: 0 0 10px 0; padding: 0; background-image:url(../images/flash_background.jpg); background-repeat: no repeat }


/* ---------------------------------------------------------------------
          				OUR SERVICES INFO
------------------------------------------------------------------------ */

/* Services Info Text */

.services_header_text { font-family: Arial, Verdana; font-size: 29px; font-weight: bold; color: #ffffff; padding: 15px 0 10px 15px }
.service_mot_back { width: 715px; height: 120px; background-image:url(../images/ourservices_mot_back.png); background-repeat:no-repeat; margin: 0 0 10px 16px }
.service_service_back { width: 715px; height: 120px; background-image:url(../images/ourservices_servicing_back.png); background-repeat:no-repeat; margin: 0 0 10px 16px }
.service_carsales_back { width: 715px; height: 120px; background-image:url(../images/ourservices_carsales_back.png); background-repeat:no-repeat; margin: 0 0 10px 16px }

.service_services_title h1 { font-family: Arial, Verdana; font-size: 30px; font-weight: bold; color: #ffffff; margin: 0; padding: 8px 0 0 195px }
.service_services_info h2 { font-family: Arial, Verdana; font-size: 18px; color: #ffffff; padding: 0 20px 0 195px; margin: 0; }
.service_supplements_info { font-family: Arial, Verdana; font-size: 11px; color: #FFFFFF; font-weight: bold; padding: 0px 0 10px 18px }
.service_services_booking { font-family: Arial, Verdana; font-size: 14px; font-weight: bold; color: #ffffff; padding: 6px 20px 0 195px; margin: 0; }
.service_services_booking a { text-decoration: none; color: #ffffff }
.service_services_booking a:hover { text-decoration: underline; color: #ffffff }

.servicescont { width: 715px; background-color: #4D98B3; color: #000; margin: 0 0 5px 15px; background-image: url('../images/services_otherservices_back.jpg'); background-position: top; background-repeat: no-repeat }
.servicescont_text { font-family: Arial, Verdana; font-size: 12px; color: ffffff; margin: 0 18px 0 18px; padding-bottom: 4px }
.servicescont_text a { text-decoration: none; color: #000000 } 
.servicescont_text a:hover { text-decoration: underline; color: #000000 }
.servicestop { background: url('../images/services_topright.gif') no-repeat top right }
.servicesbottom { background: url('../images/services_bottomright.gif') no-repeat top right }
img.corner { width: 6px; height: 6px; border: none; display: block !important; }

.services_title { font-family: Arial, Verdana; font-size: 12px; font-weight: bold; color: #000000; padding: 10px 0 0 15px }
.services_list { font-family: Arial, Verdana; font-size: 17px; color: #ffffff; padding: 0 0 0 18px }
.services_list ul { margin: 0 0 8px 15px; padding: 0; }
.services_list li { margin: 4px 0 0 0 }


/* ---------------------------------------------------------------------
          				CONTACT US
------------------------------------------------------------------------ */

/* Contact Us Text */

.contact_container { margin: 0; padding: 0; background-image:url(../images/contact_background.jpg); background-repeat: no-repeat; background-position: top }
.contactcont { background-color: #1D7FA2; color: #000 }
.contactbottom { background: url('../images/homepage_bottomright.gif') no-repeat top right; margin: 0 }
img.corner { width: 6px; height: 6px; border: none; display: block !important; }
.contact_mapbackground { height: 360px; margin-left: 6px; padding: 6px 0 0 6px; background-image:url(../images/mapbackground.png); background-repeat: no-repeat }
.contact_header_text { font-family: Arial, Verdana; font-size: 29px; font-weight: bold; color: #ffffff; padding: 15px 0 0 15px }
.contact_header_text_emailasp { font-family: Arial, Verdana; font-size: 25px; font-weight: bold; color: #ffffff; padding: 15px 0 10px 15px }
.contact_headersmall_text { font-family: Arial, Verdana; font-size: 29px; font-weight: bold; color: #ffffff; padding: 10px 0 6px 15px }
.contact_mapaddress_text { font-family: Arial, Verdana; font-size: 14px; color: #ffffff; padding: 16px 0 0 0 }
.contact_tobookcall { font-family: Arial, Verdana; font-size: 20px; font-weight: bold; color: #ffffff; padding: 8px 0 0 15px; line-height: 22px }
.contact_telnumber { font-family: Arial, Verdana; font-size: 17px; color: #ffffff; padding: 1px 0 1px 15px }
.contact_telnumber a { text-decoration: none; color: #ffffff }
.contact_telnumber a:hover { text-decoration: underline; color: #ffffff }
.contact_formtext1 { font-family: Arial, Verdana; font-size: 13px; color: #ffffff; padding: 4px 0 0 15px }
.contact_formtext1 a { text-decoration: none; color: #ffffff }
.contact_formtext1 a:hover { text-decoration: underline; color: #ffffff }
.contact_formtext { font-family: Arial, Verdana; font-size: 13px; color: #ffffff; padding: 4px 0 10px 15px }
.contact_formtext a { text-decoration: none; color: #ffffff }
.contact_formtext a:hover { text-decoration: underline; color: #ffffff }
.contact_formtextmessage { font-family: Arial, Verdana; font-size: 13px; color: #ffffff; padding: 4px 20px 10px 15px }
.textbox_back { background-image:url(../images/form_bg.jpg); background-repeat:repeat-x; border:1px solid #808080; width: 250px; color:#414141; margin:5px 2px 4px 2px; font-family: tahoma, arial, sans-serif; }
.textbox_enquiry { background-image:url(../images/form_bg.jpg); background-repeat:repeat-x; border:1px solid #808080; width: 605px; color:#414141; margin:5px 2px 4px 2px; font-family: tahoma, arial, sans-serif; }
.contact_send_button { background-color: #8CC2CE; margin-left: 5px; padding-left:6px; padding-right:6px; padding-top:3px; padding-bottom:3px; color: #FFFFFF; border:1px solid #1D7FA2; background-image: url(../images/button_bg.jpg); }
.contact_send_button:hover { background-color: #8CC2CE;	border:1px solid #8CC2CE; background-image: url(../images/button_bg_over.jpg) }
.contact_conapply_text { font-family: Verdana, Arial; font-size: 11px; color: #ffffff; padding: 4px 0 10px 15px }
.contact_required_text { font-family: Verdana, Arial; font-size: 11px; color: #ffffff; padding: 4px 0 0 15px }




/* ---------------------------------------------------------------------
		      				TERMS & WEB
------------------------------------------------------------------------ */

/* Terms & Web */

.copyroundcont { width: 750px; background-color: #1B7EA2; margin: 8px 0 0 0; padding-bottom: 8px }
.copyroundtop { background: url('../images/copyright_topright.gif') no-repeat top right }
img.copycorner { width: 6px; height: 6px; border: none; display: block !important; }
.termsservice_text { font-family: Arial, Verdana; font-size: 11px; color: #FFFFFF; font-weight: bold; padding: 6px 0 5px 18px; text-align: left }
.terms_text { font-family: Arial, Verdana; font-size: 11px; color: #FFFFFF;padding: 5px 18px 0 18px; text-align: left }
.terms_text a { text-decoration: none; color: #FFFFFF }
.terms_text a:hover { text-decoration: underline; color: #FFFFFF }
.webdesign_text { font-family: Arial, Verdana; font-size: 11px; color: #FFFFFF;padding: 5px 18px 0 18px; text-align: right }
.webdesign_text a { text-decoration: none; color: #FFFFFF }
.webdesign_text a:hover { text-decoration: underline; color: #FFFFFF }