/* @Page Layout - DIV Structure & Layout */ *, html{font-family:Arial,Geneva,Helvetica,sans-serif;} html, body{height:100%; margin:0; padding:0;} body, form, ul, li, h1, h2, h3, h4, h5, h6{margin:0; padding:0;} body{background:#BFC5C9 url(../img/body.jpg) repeat-x; text-align:center;} a{color:#09C;} a:hover{color:#09C; text-decoration:none;} img{border:none;} td{vertical-align:top;} p{margin:0 0 1.5em 0; padding:0; line-height:1.5em; color:#656565;} p a {color:#656565;} em{color:#333; font-style:normal;} .clear{height:0 !important; line-height:0 !important; clear:both !important; font-size:1px !important; float:none !important; padding:0 !important; margin:0 !important; width:auto !important;} span{text-indent:-9999px; float:left;} .auto{ margin:0 auto;} object{outline:none;} *:focus, button:focus, a:active, input:active{outline:none;} html{font-size:100%;margin:0 auto;} body{font-size:0.6875em;margin:0 auto;} table{font-size:100%;} input, select, textarea, th, td{font-size:1em;} h1, h2, h3{font-size:1.455em; line-height:1.5em;color:#09C; /* margin-bottom:0.6875em; */ margin-bottom:0;} h2{font-size:2.2em; margin:2px 0 0.3em 0px;font-weight:bold;} h3, h4, h5, h6{font-size:1.5em; font-weight:bold; color: #333; /* margin-top:2em; */} h4{clear:left;} .none{margin:0 0 0.6875em 0;} .margin-none{margin-top:0;} #side-nav { width:252px; float:left; background: url(../img/side-nav-bk.jpg) no-repeat; margin:5px 0 0px 23px; padding:4px; text-align:left; display:inline;} #side-nav .side-nav-hdr { float:left; background:url(../img/side-nav-hdr.gif) no-repeat; width:232px; height:19px; padding: 4px 2px 0px 20px; color:#FFF; font-weight:bold; text-align:left;} #side-nav ul { list-style:none; float:left; text-align:left; width:232px;} #side-nav ul li { list-style:none; float:left; width:auto;} #side-nav ul li a { height: auto; width:232px; padding:0.5em 0 0.4em 20px; background:#DFDFE0 url(../img/side-nav-arrow.gif) no-repeat 10px 9px; display:block; border-top: solid 1px #FFF; color:#333; text-decoration:none; } #side-nav ul li a.last { border-bottom: solid 1px #F2F2F2; } #side-nav ul li a:hover { background:#F2F2F2 url(../img/side-nav-arrow.gif) no-repeat 10px 9px; } #side-nav ul li a.selected { background:#FFF url(../img/side-nav-arrow.gif) no-repeat 10px 9px; color:#0099CC; } #side-nav ul li ul { list-style:none; float:left; text-align:left; width:232px;} #side-nav ul li ul li { list-style:none; float:left; width:auto;} #side-nav ul li ul li a { height: auto; width:222px; padding:0.5em 0 0.4em 30px; background:#DFDFE0 url(../img/side-nav-arrow.gif) no-repeat 20px 9px; display:block; border-top: solid 1px #FFF; color:#333; text-decoration:none; } #side-nav ul li ul li a.last { border-bottom: solid 1px #F2F2F2; } #side-nav ul li ul li a:hover { background:#F2F2F2 url(../img/side-nav-arrow.gif) no-repeat 20px 9px; } #side-nav ul li ul li a.selected { background:#FFF url(../img/side-nav-arrow.gif) no-repeat 20px 9px; color:#0099CC; } .side-col-web{margin-top:0 !important;} #side-col p{width:200px;} #side-col{width:212px; float:left; padding:1.5em 20px 0px 20px; text-align:left; clear:both; display:inline; clear:left;} h2.about-us{background:url(../img/h2-about-us.png) no-repeat 0px 0; width:550px; text-indent:-9999px;} h2.about-us-our-network{background:url(../img/h2-about-us-our-network.gif) no-repeat 0px 0; width:550px; text-indent:-9999px;} h2.manufacturer{background:url(../img/h2-manufacturer.gif) no-repeat 0px 0; width:550px; text-indent:-9999px;} h2.manufacturer-services-products, h2.research-services-products{background:url(../img/h2-manufacturer-services-products.gif) no-repeat 0px 0; width:550px; text-indent:-9999px;} h2.manufacturer-brochure{ background:url(../img/h2-manufacturer-brochure.gif) no-repeat 0px 0; width:550px; text-indent:-9999px;} h2.manufacturer-testimonials{ background:url(../img/h2-manufacturer-testimonials.gif) no-repeat 0px 0; width:550px; text-indent:-9999px;} h2.manufacturer-enquire-online{ background:url(../img/h2-manufacturer-enquire-online.gif) no-repeat -3px 0; width:550px; text-indent:-9999px;} h2.research{ background:url(../img/h2-research.gif) no-repeat 0px 0; width:550px; text-indent:-9999px;} h2.research-pre-facts{background:url(../img/h2-research-pre-facts.gif) no-repeat 0px 0; width:550px; text-indent:-9999px;} h2.research-example-charts{background:url(../img/h2-research-example-charts.gif) no-repeat -3px 0; width:550px; text-indent:-9999px;} h2.research-enquire-online{background:url(../img/h2-research-enquire-online.gif) no-repeat -3px 0; width:550px; text-indent:-9999px;} h2.research-enquire-online-geo-mapping{background:url(../img/h2-research-enquire-online-geo-mapping.gif) no-repeat 0px 0; width:550px; text-indent:-9999px;} h2.research-enquire-online-surveys{background:url(../img/h2-research-enquire-online-surveys.gif) no-repeat 0px 0; width:550px; text-indent:-9999px;} h2.web-design{background:url(../img/h2-web-design.gif) no-repeat 0px 0; width:550px; text-indent:-9999px;} h2.web-design-folio{background:url(../img/h2-web-design-folio.gif) no-repeat 0px 0; width:550px; text-indent:-9999px;} h2.web-design-products{background:url(../img/h2-web-design-products.gif) no-repeat 0px 0; width:550px; text-indent:-9999px;} h2.web-design-dealer-demo-site{background:url(../img/h2-web-design-dealer-demo-site.gif) no-repeat 0px 0; width:550px; text-indent:-9999px;} h2.web-design-enquire-online{background:url(../img/h2-web-design-enquire-online.gif) no-repeat 0px 0; width:550px; text-indent:-9999px;} h2.photography{background:url(../img/h2-photography.gif) no-repeat 0px 0; width:550px; text-indent:-9999px;} h2.photography-gallery{background:url(../img/h2-photography-gallery.gif) no-repeat 0px 0; width:550px; text-indent:-9999px;} h2.photography-products{background:url(../img/h2-photography-products.gif) no-repeat 0px 0; width:550px; text-indent:-9999px;} h2.photography-testimonials{background:url(../img/h2-photography-testimonials.gif) no-repeat 0px 0; width:550px; text-indent:-9999px;} h2.photography-cil{background:url(../img/h2-photography-cil.gif) no-repeat 0px 0; width:550px; text-indent:-9999px;} h2.photography-data-transfer{background:url(../img/h2-photography-data-transfer.gif) no-repeat 0px 0; width:550px; text-indent:-9999px;} h2.photography-enquire-online{background:url(../img/h2-photography-enquire-online.gif) no-repeat 0px 0; width:550px; text-indent:-9999px;} h2.training{background:url(../img/h2-training.gif) no-repeat 0px 0; width:550px; text-indent:-9999px;} h2.training-services-courses{background:url(../img/h2-training-services-courses.gif) no-repeat 0px 0; width:550px; text-indent:-9999px;} h2.training-e-cad-calendar{background:url(../img/h2-training-e-cad-calendar.gif) no-repeat 0px 0; width:550px; text-indent:-9999px;} h2.training-online-training{background:url(../img/h2-training-online-training.gif) no-repeat 0px 0; width:550px; text-indent:-9999px;} h2.training-standard-workshop{background:url(../img/h2-training-standard-workshop.gif) no-repeat 0px 0; width:550px; text-indent:-9999px;} h2.training-advanced-workshop{background:url(../img/h2-training-advanced-workshop.gif) no-repeat 0px 0; width:550px; text-indent:-9999px;} h2.training-online-workshop{background:url(../img/h2-training-online-workshop.gif) no-repeat 0px 0; width:550px; text-indent:-9999px;} h2.training-in-house-workshop{background:url(../img/h2-training-in-house-workshop.gif) no-repeat 0px 0; width:550px; text-indent:-9999px;} h2.training-online-booking{background:url(../img/h2-training-online-booking.gif) no-repeat 0px 0; width:550px; text-indent:-9999px;} h2.training-enquire-booking{background:url(../img/h2-training-enquire-booking.gif) no-repeat 0px 0; width:550px; text-indent:-9999px;} h2.autogate{background:url(../img/h2-autogate.gif) no-repeat 0px 0; width:550px; text-indent:-9999px;} h2.autogate-overview{background:url(../img/h2-autogate-overview.png) no-repeat 0px 0; width:550px; text-indent:-9999px;} h2.autogate-products{background:url(../img/h2-autogate-products.gif) no-repeat 0px 0; width:550px; text-indent:-9999px;} h2.autogate-bikes-boats{background:url(../img/h2-autogate-bikes-boats.gif) no-repeat 0px 0; width:550px; text-indent:-9999px;} h2.autogate-autogate-pro{background:url(../img/h2-autogate-autogate-pro.gif) no-repeat 0px 0; width:550px; text-indent:-9999px;} h2.autogate-marine{background:url(../img/h2-autogate-marine.gif) no-repeat 0px 0; width:550px; text-indent:-9999px;} h2.autogate-captiva-demo{background:url(../img/h2-autogate-captiva-demo.gif) no-repeat 0px 0; width:550px; text-indent:-9999px;} h2.autogate-enquire-online{background:url(../img/h2-autogate-enquire-online.gif) no-repeat 0px 0; width:550px; text-indent:-9999px;} h2.contact-us{background:url(../img/h2-contact-us.gif) no-repeat 0px 0; width:550px; text-indent:-9999px;} h2.contact-us-details{background:url(../img/h2-contact-us-details.gif) no-repeat 0px 0; width:550px; text-indent:-9999px;} h2.contact-us-enquire-online{background:url(../img/h2-contact-us-enquire-online.gif) no-repeat 0px 0; width:550px; text-indent:-9999px;} h2.terms{background:url(../img/h2-terms.png) no-repeat 0px 0; width:550px; text-indent:-9999px;} h2.privacy{background:url(../img/h2-privacy.png) no-repeat 0px 0; width:550px; text-indent:-9999px;} h1{display:none;} h3{width:580px; color:#333; font-weight:normal; clear:left;} h4{font-size:1.2em; margin-bottom:0em; line-height:1.5em;} .news-head { width: 200px; padding:0.4em 0 0.4em 15px !important; margin:2px 3px 0 3px; color:#FFF; font-weight:bold; text-align:left; float:left; font-size: 12px; } #container{min-height:100%; min-width:1000px; position:relative; background: url(../img/container.png) repeat-y top center; margin:0 auto; overflow:auto;} #header{background:url(../img/header.jpg) repeat-x; margin:0 auto; width:1000px; text-align:center; padding-bottom:5px; z-index:9999; min-height:133px;} a.logo{background:url(../img/logo.gif) no-repeat; width:233px; height:64px; float:left; margin:41px 0 0px 35px; float:left;} #body{float:right; text-align:center; padding:50px 0px 3em; margin:5px 11px 0px 0px;width:978px;overflow:hidden; background: #FFF url(../img/body-bk.jpg) no-repeat;display:inline; position:relative; border-top:solid 1px #FFF;} #footer{clear:both;bottom:0; width:100%; height:215px;background:#E6E7EA url(../img/footer-image.jpg) repeat-x; margin:0 auto;} #footer p{margin:0; padding:0px;} #content{width:665px; float:left; margin:0px 0 0px 30px; padding:0 0px 30px 0;text-align:left; display:inline;} #content-web-design{width:874px; float:left; margin:0px 0 0px 44px; padding:0 44px 10px 0;text-align:left; display:inline;} #content p{width:620px; clear:left;} #content-home{width:982px; margin:0 auto; background:url(../img/feature-image.jpg) no-repeat 0 0px; overflow:auto; float:left; margin-top:-50px;} #content-home h2{display:none;} #content-about{width:510px; float:left; margin:0px 0 0px 24px;text-align:left;display:inline;} #content-about p{width:510px; padding:0 100px 0px 0;} .content-about-us{background:url(../img/content-about-us.gif) no-repeat 80px 30px; height:100%; float:left; width:970px;} ul#side-icons{margin:0; width:200px; float:right; margin:48px 0px 0 0; padding-right:25px; list-style:none; text-align:left;display:inline;} ul#side-icons li{float:left; margin:0 0 50px 0; display:inline;} ul#side-icons li a{width:180px; height:38px; float:left; display:block; padding:5px 0 0 55px; text-decoration:none;} ul#side-icons li a:hover{opacity:0.8; filter:alpha(opacity=80);} ul#side-icons li a strong{text-decoration:none; font-size:1.3em; font-weight:bold; float:left;} ul#side-icons li a div {color:#656565; text-indent:0; text-decoration:none; margin:5px 0 0 0; font-size:0.813em; width:120px; clear:left; text-align:left; float:left;} a.side-manufacturer-icon{background:url(../img/side-manufacturer-icon.gif) no-repeat; } a.side-research-icon{background:url(../img/side-research-icon.gif) no-repeat;} a.side-webdesign-icon{background:url(../img/side-webdesign-icon.gif) no-repeat;} a.side-photography-icon{background:url(../img/side-photography-icon.gif) no-repeat;} a.side-training-icon{background:url(../img/side-training-icon.gif) no-repeat;} a.side-autogate-icon{background:url(../img/side-autogate-icon.gif) no-repeat;} strong.manufacturer, .manufacturer{color:#66C !important} strong.research, .research{color:#393!important; } strong.webdesign, .webdesign{color:#F90!important; } strong.photography, .photography{color:#C00!important; } strong.training, .training{color:#69C!important; float:left;} strong.autogate, .autogate{color:#13538B!important;} .margin-left{margin-left:40px; display:inline;} .margin-left2 {margin: 1.5em 0 0 0px; display:inline; float:left;} .margin-left2 h4 {margin: 0em 0 0 2em; display:inline; float:left; clear:left;} ul.list{width:110px; float:left; list-style:none; color:#333; padding:15px 0 20px 0px; text-align:left; display:inline;} ul.list li{background:url(../img/list-arrow.gif) no-repeat 0 1px;padding:0.2em 0 0.2em 10px; font-size:0.813em; float:left;clear:left; width:100px;} ul.list li.first{background:none;padding:0.2em 0 0.2em 0px; font-size:1em; float:left; width:100px;} ul.list li.first a{font-weight:bold; color:#333;} ul.list li a{text-decoration:none; color:#666;} ul.list li a:hover{color:#333; text-decoration:underline;} ul.list li ul{list-style:none; color:#333; padding:0.2em 0 0 0; float:left; clear:left; width:110px;} ul.list li ul li{background:url(../img/list-arrow.gif) no-repeat 0 1px;padding:0.2em 0 0.2em 10px; font-size:1em; float:left;clear:left; width:110px;} .footer-list{width:962px; margin:0px auto; clear:both; text-align:center; padding-left:10px;} .footer-list .copyright{clear:both;text-indent:0; text-align:center; color:#666;float:none; margin:1em auto 1em auto; font-size:0.813em; width:750px; position:relative; text-align:left;} .footer-list .copyright span{text-indent:0; line-height:1.8em; margin:0; clear:right;} .footer-list .copyright span a{color:#666;} .footer-list .copyright span a:hover{text-decoration:none;} blockquote{color:#09C; margin:0 0 1.5em 0; font-size:1.2em; line-height:1.2em; clear:both; width:510px; padding:0;} blockquote.testimonial{color:#656565;padding:10px 0 10px; margin:0; font-size:1em; line-height:1.5em; clear:both; width:540px; font-weight:normal; float:left; border-bottom:solid 1px #CCC;} blockquote.testimonialb{color:#656565;padding:10px 0 10px; margin:5px 0 0 0; font-size:1em; line-height:1.5em; clear:both; width:540px; font-weight:normal; float:left; border-bottom:solid 1px #CCC; border-top:solid 1px #CCC;} blockquote.testimonials{color:#656565; padding:0px 0 10px; margin:0; font-size:1em; line-height:1.5em; clear:both; width:540px; font-weight:normal; float:left;border-bottom:solid 1px #CCC;} #side-col blockquote{width:212px;} .blockquote-name{color:#09C; text-indent:0; padding-bottom:10px;} .author{color:#09C; text-indent:0px; padding-bottom:0em; line-height:1.5em; font-weight:normal; font-size:1.1em;} .list-image{background:url(../img/data-list.gif) no-repeat -20px 0; padding-left:2.5em; } .data-list-purple{background:url(../img/data-list-purple.gif) no-repeat -20px -15px;} .data-list-purple li{margin:0 0 0 5em !important; background:url(../img/data-arrow.gif) no-repeat 0 1px; padding:0.2em 0 0.2em 8px;} .data-list-green{background:url(../img/data-list-green.gif) no-repeat -20px -20px; padding-left:2.5em;} .data-list-orange{background:url(../img/data-list-orange.gif) no-repeat;} .data-list-red{background:url(../img/data-list-red.gif) no-repeat;} .data-list-lightblue{background:url(../img/data-list-lightblue.gif) no-repeat;} .data-list-blue{background:url(../img/data-list-blue.gif) no-repeat;} ul.data-list{list-style:none; color:#666; margin:0px 0 1.5em 0; line-height:1.5em; display:inline; float:left; clear:left; width:600px;} ul.data-list li{margin:0 0 0 2.5em; background:url(../img/data-arrow.gif) no-repeat 0 1px; padding:0.2em 0 0.2em 8px; display:inline; clear:left;float:left; width:550px;} ul.data-list2{list-style:none; color:#666; margin:0px 0 0em 0; line-height:1.5em; display:inline; float:left; clear:left; width:600px;} ul.data-list2 li{margin:0 0 0 15px; background:url(../img/data-arrow.gif) no-repeat 0 1px; padding:0.2em 0 0.2em 8px; display:inline; clear:left;float:left; min-width:550px;} .the-customer-stages{width:573px; height:255px; float:left; background:url(../img/the-customer-stages.gif) no-repeat; margin:1em 0 1.5em 0;} .pre-facts-logo{width:212px; height:32px;background:url(../img/pre-facts-logo.gif) no-repeat; margin:0.5em 0em;} a.download-brochure{width:38px; height:38px; background:url(../img/download-brochure-R1.gif) no-repeat; float:left; display:block; margin: 3px 10px 25px 0; text-indent:-9999px;} a:hover.download-brochure{opacity:0.8; filter:alpha(opacity=80);} a.more-testimonials{float:left; color:#036; clear:left; width:200px;} .manufacturer-logos{clear:both; margin:20px auto 4em auto; width:874px; height:196px; background:url(../img/manufacturer-logos.jpg) no-repeat;} #key dl{margin:0.5em 0 25px 35px;padding:0;width:416px; background:url(../img/dl-background.jpg) no-repeat; float:left; display:inline;} #key dt{margin:3px 3px 1px 3px; padding:0.4em 0 0.4em 20px;background:url(../img/dlt-key-services.gif) no-repeat;width:auto; font-weight:bold; color:#FFF;} #key dd{margin:0 3px; width:auto;padding:0.4em 0em 0.4em 20px; background:#F2F2F2; border-top:solid 1px #FFF;} #data-transfer dl{margin:1.5em 0 3em 85px;padding:0;width:416px; background:url(../img/dl-background.jpg) no-repeat; float:left; display:inline;} #data-transfer dt{margin:3px 3px 1px 3px; padding:0.4em 0 0.4em 10px;background:url(../img/dt-data-transfer.gif) no-repeat;width:auto; font-weight:bold; color:#FFF;} #data-transfer dd{margin:0 3px; width:auto;padding:0.4em 0em 0.4em 0px; background:url(../img/data-transfer.jpg) no-repeat 0px 2px; border-top:solid 1px #FFF;height:150px;} #calendar dl{margin:1.5em 0 3em 85px;padding:0;width:416px; background:url(../img/dl-background.jpg) no-repeat; float:left; display:inline;} #calendar dt{margin:3px 3px 1px 3px; padding:0.4em 0 0.4em 10px;background:url(../img/dlt-key-services.gif) no-repeat;width:auto; font-weight:bold; color:#FFF;} #calendar dd{margin:0 3px; width:auto;padding:0.4em 0em 0.4em 10px; background:#F2F2F2; border-top:solid 1px #FFF; overflow:auto;} #calendar dd span{float:left; width:95px;text-indent:0; padding:0; margin:0;} #calendar dd span.location{float:left; width:200px;text-indent:0; padding:0; margin:0;} a.R1{width:157px; padding:0.5em; margin:0 0 1.5em 0; display:block; float:left; background:url(../img/R1.jpg) no-repeat; color:#FFF !important; text-decoration:none; font-weight:bold; text-indent:45px;} a:hover.R1{background:url(../img/R1.jpg) no-repeat 0 -25px; color:#FFF;} a.datamotive{float:left; width:15px; height:16px; margin:0 5px; background:url(../img/datamotive-icon.gif) no-repeat; text-indent:-9999px;} .breadcrumb{font-size:9px; margin:37px 0 30px 46px;color:#FFF; height:10px; background:none; float:left; text-align:left; width:600px;display:inline;} .breadcrumb a{color:#FFF;} a.learn-more-R1{width:1px; float:left; margin:127px 0 0 96px; padding:10px 0px 0em 0px;} a:hover.learn-more-R1{ cursor:pointer;} .auotgate-logon-R1{width:250px; height:50px; float:left; clear:left; margin:45px 0 10px 40px;text-indent:-9999px;} .features{width:928px; float:left; margin:-1.7em 0 0em 50px;text-align:left; display:inline;} .feature-col{width:614px; float:left; text-align:left;} .feature-panel{width:300px; float:left; margin:0 0 0em 5px; display:inline; overflow:auto; padding-bottom:1.5em;} .feature-panel p{width:155px; float:left; margin-bottom:0;} a.icon{width:80px; height:80px; display:block; float:left; background:none; margin:-15px 0 0 20px; text-indent:-9999px;} .features-one{background:url(../img/features-one.jpg) no-repeat 160px 5px;} .features-two{background:url(../img/features-two.gif) no-repeat 160px 5px;} .features-three{background:url(../img/features-three.jpg) no-repeat 160px 5px;} .features-four{background:url(../img/features-four.jpg) no-repeat 160px 5px;} .features-five{background:url(../img/features-five.gif) no-repeat 165px 5px;} .features-six{background:url(../img/features-six.jpg) no-repeat 150px 5px;} .features h3, .feature-panel h3, .feature-panel h4, .feature-panel h5, .feature-panel h6{width:auto;margin-top:0; color:#53AACB; margin-bottom:0;} .features h3 a{ color:#53AACB; text-decoration:underline; display:block;} .features h3 a:hover{ text-decoration:none;} #content h3 a{color:#333;} .affliated{width:314px; float:left;} ul.affliated-list{width:290px; float:left; list-style:none;} ul.affliated-list li{width:115px; float:left; padding:2px 0;} ul.affliated-list li a{padding:0 0 0 25px; color:#036; text-decoration:none; float:left; height:16px; line-height:1.5em;} ul.affliated-list li a:hover{text-decoration:underline;} a.carsales{background:url(../img/carsales.gif) no-repeat;} a.bikesales{background:url(../img/bikesales.gif) no-repeat;} a.constructionhub{background:url(../img/constructionhub.gif) no-repeat;} a.truckhub{background:url(../img/truckhub.gif) no-repeat;} a.boatsales{background:url(../img/boatsales.gif) no-repeat;} a.minehub{background:url(../img/minehub.gif) no-repeat;} a.quicksales{background:url(../img/quicksales.gif) no-repeat;} a.forestryhub{background:url(../img/forestryhub.gif) no-repeat;} a.carpoint{background:url(../img/carpoint.gif) no-repeat;} a.factoryhub{background:url(../img/factoryhub.gif) no-repeat;} a.bikepoint{background:url(../img/bikepoint.gif) no-repeat;} a.ihub{background:url(../img/ihub.gif) no-repeat;} a.boatpoint{background:url(../img/boatpoint.gif) no-repeat;} a.discountnewcars{background:url(../img/discountnewcars.gif) no-repeat;} a.rvpoint{background:url(../img/rvpoint.gif) no-repeat;} a.discountusedcars{background:url(../img/discountusedcars.gif) no-repeat;} a.horsepoint{background:url(../img/horsepoint.gif) no-repeat;} a.prestigenewcars{background:url(../img/prestigenewcars.gif) no-repeat;} a.farmhub{background:url(../img/farmhub.gif) no-repeat;} a.discountnewbikes{background:url(../img/discountnewbikes.gif) no-repeat;} div.get-a-quote{ width:108px;float:right; margin:0px 0 0 0; position:absolute; left:780px; background:url(../img/get-a-quote-R1.gif) no-repeat; top:0;} a.get-a-quote{width:112px; height:129px; float:right; margin:0px 0px 0 0; display:inline; text-indent:-9999px; } .portfolio{background:url(../img/portfolio-icon.gif) no-repeat; padding:5px 0 0px 35px; height:45px;margin:0 0 0 -15px; float:left; width:212px; color:#09C; display:inline;} .gallery{background:url(../img/gallery-icon.gif) no-repeat 0 2px;} ul.portfolio-list{margin:-10px 0 0 15px; padding:0; list-style:none; float:left;width:212px;} ul.portfolio-list li{margin:0; padding:0 0 0 0px; line-height:1.5em;} ul.portfolio-list lia{margin:0;color:#333; background:url(../img/arrow.gif) no-repeat 0px 5px; padding:0.2em 0 0.2em 12px;} ul.portfolio-list li a:hover{text-decoration:none; color:#09C;} .web-design-folio-feature{width:582px; height:410px; display:inline; float:left;} .margin-top{margin-top:0; clear:both;} .blue { color:#333; font-size:2em; margin: 0px 0 0em 0; } /* @Wrapper */ #wrapper{ width: 596px; margin:0 auto; float:left; background:url(../img/feature-background.jpg) no-repeat 35px 0; padding:10px 0 10px 0;} .wrapper-short{width:620px !important;} .img-short{width:400px !important;} .img-short.galleria_wrapper{overflow:hidden; width:390px; height:218px;} .img-short.galleria_wrapper img{overflow:hidden; height:218px; clip:rect(0px,390px,218px,0px);} #img{width:510px; height:272px; margin:0 auto; text-align:left; position:relative;} #img #pre{position:absolute;z-index:2;} #img #post{position:absolute;z-index:1;} #gallery{/*height:40px;*/} #wrapper, #img, #gallery li{} #gallery ul, #gallery2 ul{margin:0;padding:0;} #gallery2 li, #gallery li{float:left; margin:0 8px 0 0; display:inline; padding:3px 3px 3px 3px; background:#DAD9DF url(../i/ajax-loader-small.gif) 50% 50% no-repeat;border: solid 1px #B1B0B7;cursor:pointer;} .caption{ display:block; position:absolute; bottom:0;left:0; width:95.9%; height:30px;padding:0px 2%; background:#000; opacity:0.8; line-height:2.5em; margin-left:3px; display:inline; text-indent:0; float:left; text-align:center;} .caption a {text-decoration:underline; color: #0099CC !important;} .caption a:hover {color: #FFF; text-decoration:none;} .photo #img span.caption { display:none !important;} .galleria_wrapper, .replaced{margin:0 auto; text-align:center;} .galleria_wrapper img{margin:0 auto; text-align:center;} .margin-bottom{margin-bottom:1em;} h3.margin-bottom{margin-bottom:0.5em;} #content a.R1{padding:0.4em;} /* @Form Short */ #theformshort {width:248px; float:left; background:url(../img/folio-background-short.gif) no-repeat; height:auto; clear:left; font-family:Arial,Geneva,Helvetica,sans-serif; padding:0; line-height:1.5em; margin:0;} #theformshort dl{padding:0 0 0 15px; width:233px; margin:0; border-bottom:solid 1px #FFF; float:left; display:inline; background:none; } #theformshort dd{width:212px; float:left;padding:0.5em 0 0em 0em; margin:0 15px 0 0; display:inline;background:none;} #theformshort textarea { height:40px; width:212px; border:solid 1px #C6D6E3; padding:0.2em;} #theformshort input{border:solid 1px #C6D6E3; width:212px; padding:0.2em 0.2em 0.2em 0.2em; float:left;} #theformshort .headings{width:233px; padding:0.4em 0 0.4em 15px !important; margin:3px 3px 0 3px; color:#FFF; font-weight:bold; text-align:left; float:left; background: url(../img/folio-heading-short.gif) no-repeat top left;} /* @Form */ #theform{width:500px; float:left; background:url(../img/folio-background.jpg) no-repeat; height:auto; clear:left; font-family:Arial,Geneva,Helvetica,sans-serif; padding:0; line-height:1.5em; margin:0 0 25px 2.5em;} #theform h3{background:#42AB2E; width:480px; padding:0.3em 0 0.5em 20px; float:left; margin:0; max-width:none; color:#FFF;} #theform .headings{width:479px; padding:0.4em 0 0.4em 15px !important; margin:3px 3px 0 3px; color:#FFF; font-weight:bold; text-align:left; float:left; background: url(../img/folio-heading.gif) no-repeat top left;} /* .header-purple{background: url(../img/folio-heading-purple.gif) no-repeat top left;} .header-green{background: url(../img/folio-heading-green.gif) no-repeat top left;} .header-orange{background: url(../img/folio-heading-orange.gif) no-repeat top left;} .header-red{background: url(../img/folio-heading-red.gif) no-repeat top left;} .header-lightblue{background: url(../img/folio-heading-lightblue.gif) no-repeat top left;} .header-blue{background: url(../img/folio-heading-blue.gif) no-repeat top left;} */ dl, dd{margin:0px; padding:0;} #theform dl{padding:0 0 0 15px; width:480px; margin:0 0 0 0px; border-bottom:solid 1px #FFF; float:left; display:inline; background:none;} #theform dd{width:145px; float:left;padding:1em 0 1em 0em; margin:0 15px 0 0; display:inline;background:none;} #theform dd.long{width:494px; float:left; padding:1em 0 1em 0em; clear:both;} #theform dd.long label{width:494px;} #theform dd #send {margin-top:-1em;} checkbox{border:0 !important;} #theform label{color:#424242; text-indent:0; padding:0 0 2px 0; text-align:left; padding:0.1em 0 0 0; font-weight:bold; font-size:0.875em; float:left; width:143px; font-family:Arial,Geneva,Helvetica,sans-serif; font-size:1em;} #theform input{border:solid 1px #C6D6E3; width:143px; padding:0.2em 0.2em 0.2em 0.2em; float:left;} #theform input.radio{ width:15px; height:15px; float:left; margin:0.2em 0.5em 0 0; display:inline;} #theform select{width:150px;} .rate{ width:146px; float:left; margin:5px 10px 0 0; padding:0 !important; display:inline;} .radiolong{ width:50px; float:left; margin:5px 10px 0 0; padding:0 !important; display:inline;} .radiolonger{ width:495px; float:left; margin:5px 10px 0 0; padding:0 !important; display:inline;} .radiolonger div{padding:0 20px !important;} form dd #comments, form dd .comments,form dd textarea{height:100px; width:466px; border:solid 1px #C6D6E3; padding:0.2em;} #theform input:focus, form textarea:focus, #theformshort input:focus, #theformshort textarea:focus{border:solid 1px #3CF;} #theform i{font-style:normal; font-weight:normal;} #send{width:157px; padding:2px 0 2px 0; height:26px; margin:0 0 3em -15px; display:block; float:left; background:#FFF url(../img/R1.jpg) no-repeat; color:#FFF; text-decoration:none; font-weight:bold; text-indent:45px; border:0; font-size:1em; cursor:pointer;} #send:hover{background:url(../img/R1.jpg) no-repeat 0 -25px; color:#FFF;} #theform dd.long p{width:474px; float:left;} /* Nav */ .aboundnav, .aboundnav *{margin:0; padding:0; list-style:none; font-family:Arial,Helvetica,sans-serif;} .aboundnav{line-height:1.0;} .aboundnav ul{position:absolute; top:-999em; width:280px;} .aboundnav ul li, .aboundnav li li a{width:150px;} .aboundnav li{float:left; position:relative;} .aboundnav a{display:block; cursor:pointer} .aboundnav li a{display:block; cursor:pointer;} .aboundnav li:hover ul, .aboundnav li:focus ul, ul.aboundnav li.sfHover ul{left:0; top:36px;} .aboundnav li:hover li ul, .aboundnav li:focus li ul, .aboundnav li.sfHover li ul{top:-999em;} .aboundnav li li:hover ul, .aboundnav li li:focus ul, ul.aboundnav li li.sfHover ul{left:280px; top:-1px;} .superfish li:hover ul, .superfish li:focus ul, .superfish li li:hover ul{top:-999em;} .aboundnav{font-size:11px; float:left;} .aboundnav a span{position:absolute; text-indent:-9999px;} .aboundnav .tab{} .aboundnav li{white-space:nowrap;} .aboundnav a{color:#333; padding:0; text-decoration:none;} .aboundnav li li a{padding:8px 0 10px 0; height:10px; text-indent:10px;} .aboundnav li li.lastli{border:0; border-bottom:solid 1px #FFF; border-right:solid 1px #FFF; border-left:solid 1px #555;} .aboundnav li li.lastli a{} .aboundnav li li a:hover, .aboundnav li li a:focus{background:#000; color:#FFF} .aboundnav li li{border-bottom:solid 1px #FFF; border-right:solid 1px #FFF; border-left:solid 1px #555; width:160px;} .aboundnav li ul{width:162px;} .aboundnav li ul il ul{float:left;} .aboundnav li li{text-align:left;} #sitenav .aboundnav li ul li:hover ul, #sitenav .aboundnav li ul li:focus ul, #sitenav ul.aboundnav li ul li.sfHover ul{left:160px; top:0px;} #sitenav .aboundnav li:hover ul, #sitenav .aboundnav li:focus ul, #sitenav ul.aboundnav li.sfHover ul{left:0; top:28px;} #sitenav .aboundnav .tab{padding:8px 0 10px 10px; height:10px;} #sitenav .aboundnav li ul{background:#999;} #sitenav .aboundnav li{background:url(../img/nav.gif) no-repeat 0px 0px; height:28px;} #sitenav .aboundnav li li{background:none; margin:0;padding:0; height:28px;} #sitenav .aboundnav li li a{background:#C6C6C6 url(../img/side-nav-arrow.gif) no-repeat scroll 10px 11px; padding-left:10px; font-weight:normal; } #sitenav .aboundnav li li a:hover, #sitenav .aboundnav li li a:focus{background:#BFE8F6 url(../img/side-nav-arrow.gif) no-repeat scroll 10px 11px; color:#373737;} #sitenav .aboundnav li.menu1{width:89px; background-position:0px 0px;} #sitenav .aboundnav li.menu2{width:100px; background-position:-89px 0px;} #sitenav .aboundnav li.menu3{width:130px; background-position:-189px 0px;} #sitenav .aboundnav li.menu4{width:104px; background-position:-319px 0px;} #sitenav .aboundnav li.menu5{width:119px; background-position:-423px 0px;} #sitenav .aboundnav li.menu6{width:126px; background-position:-542px 0px;} #sitenav .aboundnav li.menu7{width:94px; background-position:-668px 0px;} #sitenav .aboundnav li.menu8{width:104px; background-position:-762px 0px;} #sitenav .aboundnav li.menu9{width:116px; background-position:-866px 0px;} #sitenav .aboundnav li.menu1:hover, #sitenav .aboundnav li.menu1:focus, #sitenav .aboundnav li.menu1:active, body.hostingpage.aboundnav li.menu1{background-position:0px -28px;} #sitenav .aboundnav li.menu2:hover, #sitenav .aboundnav li.menu2:focus, #sitenav .aboundnav li.menu2:active, body.whymtpage.aboundnav li.menu2{background-position:-89px -28px;} #sitenav .aboundnav li.menu3:hover, #sitenav .aboundnav li.menu3:focus, #sitenav .aboundnav li.menu3:active, body.companypage.aboundnav li.menu3{background-position:-189px -28px;} #sitenav .aboundnav li.menu4:hover, #sitenav .aboundnav li.menu4:focus, #sitenav .aboundnav li.menu4:active, body.weblogpage.aboundnav li.menu4{background-position:-319px -28px;} #sitenav .aboundnav li.menu5:hover, #sitenav .aboundnav li.menu5:focus, #sitenav .aboundnav li.menu5:active, body.supportpage.aboundnav li.menu5{background-position:-423px -28px;} #sitenav .aboundnav li.menu6:hover, #sitenav .aboundnav li.menu6:focus, #sitenav .aboundnav li.menu6:active, body.contactpage.aboundnav li.menu6{background-position:-542px -28px;} #sitenav .aboundnav li.menu7:hover, #sitenav .aboundnav li.menu7:focus, #sitenav .aboundnav li.menu7:active, body.contactpage.aboundnav li.menu7{background-position:-668px -28px;} #sitenav .aboundnav li.menu8:hover, #sitenav .aboundnav li.menu8:focus, #sitenav .aboundnav li.menu8:active, body.contactpage.aboundnav li.menu8{background-position:-762px -28px;} #sitenav .aboundnav li.menu9:hover, #sitenav .aboundnav li.menu9:focus, #sitenav .aboundnav li.menu9:active, body.contactpage.aboundnav li.menu9{background-position:-866px -28px;} #nav{width:982px; margin:0 auto;} #sitenav .aboundnav li li li{border-left:solid 1px #FFF !important;} .aboundnav li li.lastlisub a{background:#C6C6C6 url(../img/nav-lastsub.gif) no-repeat 10px 11px !important;} .aboundnav li li.lastlisub ul li a{background:#C6C6C6 url(../img/side-nav-arrow.gif) no-repeat scroll 10px 11px !important;} .aboundnav li li.lastlisub a:hover{background:#BFE8F6 url(../img/nav-lastsub.gif) no-repeat 10px 11px !important;} .aboundnav li li.lastlisub ul li a:hover{background:#BFE8F6 url(../img/side-nav-arrow.gif) no-repeat scroll 10px 11px !important;} /* @Extra */ .border-top{border-top:solid 1px #ccc; margin-top:10px !important;} strong.tele{float:left; width:6.1em;} .padding-bottom{padding-bottom:0;} h3 img{vertical-align:bottom;} a.dealer-demo-site{width:212px; height:155px; float:left; background:url(../img/dealer-demo-site.jpg) no-repeat; text-indent:-9999px; margin-top:10px; display:block;} #content a.arrow-R1{background:url(../img/arrow-R1.gif) no-repeat 0 3px; padding:0.2em 0.2em 0.2em 12px; color:#09C; line-height:1.5em;} a.arrow-R1, #side-col a.more-testimonials{background:url(../img/arrow-R1.gif) no-repeat 0 4px; padding:0.2em 0.2em 0.2em 12px;color:#09C;} a:hover.arrow-R1, #side-col a:hover.more-testimonials{ color:#09C;} #content a{color:#656565;} #side-col a{padding-top: 0.3em;} .margin-gap { margin-top:2em;} .date { width:80px; float:left; line-height:1.5em; color:#53AACB; clear:both; padding-top: 10px; padding-left: 5px; } .update { width: 145px; float:left; line-height:1.5em; color: #656565; margin:0 0 2em; padding-top: 10px; } a.banner { width: 468px; height:60px; float:right; margin: 33px 10px 0 0; display:inline; text-indent:-9999px; background:url(../img/erg-banner.jpg) no-repeat } .galleria_wrapper, .replaced { width:512px; height:272px; display:block; } a.before-retouching-R1 { width:80px; height:30px; display:inline; float:left;color:#09C !important; background:url(../img/before-retouching-R1.gif) no-repeat; margin: 10px 0 0 160px; padding-left: 35px; text-align:left; } a:hover.before-retouching-R1 { text-decoration: none; background:url(../img/before-retouching-R1.gif) no-repeat 0 -29px;} a.after-retouching-R1 { width:80px; height:30px; display:inline; float:left; color:#09C !important; background:url(../img/after-retouching-R1.gif) no-repeat; margin: 10px 0 0 50px;padding-left: 35px; text-align:left; } a:hover.after-retouching-R1 {text-decoration: none; background:url(../img/after-retouching-R1.gif) no-repeat 0 -29px; } .top-bar { height: 25px; width:100%; /* background: url(../img/top-bar.gif) repeat; */ background: url(../img/csnnav2_bg.gif) repeat; margin:0 auto; min-width: 100%; position:absolute;left:0;} /* @Top Bar Nav */ .top-bar ul { width:978px; margin:0 auto; height:24px; list-style:none; } .top-bar ul li { float:left; } .top-bar ul li a { text-indent:-9999px; background-image:url(../img/top-bar-nav.gif); display:block; float:left; height:24px; } a.cars-R1 { width: 53px; background-position: 0 0; } a:hover.cars-R1 { background-position: 0 -35px;} a.bikes-R1 { width: 58px; background-position: -53px 0px; } a:hover.bikes-R1 { background-position: -53px -35px;} a.boats-R1 { width: 58px; background-position: -113px 0px; } a:hover.boats-R1 { background-position: -113px -35px;} a.trucks-R1 { width: 58px; background-position: -171px 0px; } a:hover.trucks-R1 { background-position: -171px -35px;} a.rvs-R1 { width: 42px; background-position: -229px 0px; } a:hover.rvs-R1 { background-position: -229px -35px;} a.machinery-R1 { width: 140px; background-position: -271px 0px; } a:hover.machinery-R1 { background-position: -271px -35px;} a.general-R1 { width: 119px; background-position: -411px 0px; } a:hover.general-R1 { background-position: -411px -35px;} a.real-R1 { width: 78px; background-position: -531px 0px; } a:hover.real-R1 { background-position: -531px -35px;} a.network-R1 { width: 154px; background-position: -825px 0px; margin-left:213px; height:30px !important; display:inline; } a:hover.network-R1 { background-position: -825px -35px;} #gallery ul, #gallery2 ul { list-style:none; } #gallery ul li,#gallery2 ul li { background:none; padding:0; width:268px; height:150px; float:left; border:solid 2px #CCC; margin:0 10px 10px 0; display:inline;} #gallery ul li:hover,#gallery2 ul li:hover {border:solid 2px #3CF;} div.terms{text-align:left;padding:0 20px;line-height:15px;} .terms div{margin:0 0 10px 0;} .terms ul{ /*list-style:block; */ margin:5px 10px 10px;padding:0 10px 10px;} #lastname{display:none;} /* @NEW NAV */ #csnnav a:focus { outline-color:-moz-use-text-color; outline-style:none; outline-width:0; } #csnnav-container ul { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(../img/csnnav2_bg.gif) repeat-x scroll 0 0; clear:both; height:29px; margin:0 auto; padding:0; } #csnnav-container ul li { display:block; float:left; list-style-type:none; margin:0; padding:0; } #csnnav-container ul li a, #csnnav-container ul li span { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(../img/csnnav2.gif) no-repeat scroll 0 0; height:29px; margin:0; padding:0; text-decoration:none; text-indent:-1000em; } #csnnav-container ul li a { display:block; } #csnnav-container ul li#cars_csnnav a, #csnnav-container ul li#cars_csnnav span { background-position:-12px -4px; width:64px; } #csnnav-container ul li#cars_csnnav a:hover { background-position:-12px -86px; } #csnnav-container ul.cars_csnnav_selected li#cars_csnnav span { background-position:-12px -47px; display:block; } #csnnav-container ul li#bikes_csnnav a, #csnnav-container ul li#bikes_csnnav span { background-position:-77px -4px; width:61px; } #csnnav-container ul li#bikes_csnnav a:hover { background-position:-77px -86px; } #csnnav-container ul.bikes_csnnav_selected li#bikes_csnnav span { background-position:-77px -47px; display:block; } #csnnav-container ul li#boats_csnnav a, #csnnav-container ul li#boats_csnnav span { background-position:-138px -4px; width:61px; } #csnnav-container ul li#boats_csnnav a:hover { background-position:-138px -86px; } #csnnav-container ul.boats_csnnav_selected li#boats_csnnav span { background-position:-138px -47px; display:block; } #csnnav-container ul li#caravans_csnnav a, #csnnav-container ul li#caravans_csnnav span { background-position:-199px -4px; width:85px; } #csnnav-container ul li#caravans_csnnav a:hover { background-position:-199px -86px; } #csnnav-container ul.caravans_csnnav_selected li#caravans_csnnav span { background-position:-199px -47px; display:block; } #csnnav-container ul li#trucks_csnnav a, #csnnav-container ul li#trucks_csnnav span { background-position:-284px -4px; width:68px; } #csnnav-container ul li#trucks_csnnav a:hover { background-position:-284px -86px; } #csnnav-container ul.trucks_csnnav_selected li#trucks_csnnav span { background-position:-284px -47px; display:block; } #csnnav-container ul li#farm_csnnav a, #csnnav-container ul li#farm_csnnav span { background-position:-352px -4px; width:58px; } #csnnav-container ul li#farm_csnnav a:hover { background-position:-352px -86px; } #csnnav-container ul.farm_csnnav_selected li#farm_csnnav span { background-position:-352px -47px; display:block; } #csnnav-container ul li#construction_csnnav a, #csnnav-container ul li#construction_csnnav span { background-position:-410px -4px; width:101px; } #csnnav-container ul li#construction_csnnav a:hover { background-position:-410px -86px; } #csnnav-container ul.construction_csnnav_selected li#construction_csnnav span { background-position:-410px -47px; display:block; } #csnnav-container ul li#realestate_csnnav a, #csnnav-container ul li#realestate_csnnav span { background-position:-511px -4px; width:117px; } #csnnav-container ul li#realestate_csnnav a:hover { background-position:-511px -86px; } #csnnav-container ul.realestate_csnnav_selected li#realestate_csnnav span { background-position:-511px -47px; display:block; } #csnnav-container ul li#general_csnnav a, #csnnav-container ul li#general_csnnav span { background-position:-628px -4px; width:148px; } #csnnav-container ul li#general_csnnav a:hover { background-position:-628px -86px; } #csnnav-container ul.general_csnnav_selected li#general_csnnav span { background-position:-628px -47px; display:block; } #csnnav-container ul li#csnlogo_csnnav { margin-left:7px; display:inline; } #csnnav-container ul li#csnlogo_csnnav a { background-position:-810px -4px; height:29px; width:208px; } #csnnav-container ul li#csnlogo_csnnav a:hover { background-position:-810px -86px; } #csnnav-container ul li span, #csnnav-container ul.cars_csnnav_selected li#cars_csnnav a, #csnnav-container ul.bikes_csnnav_selected li#bikes_csnnav a, #csnnav-container ul.boats_csnnav_selected li#boats_csnnav a, #csnnav-container ul.caravans_csnnav_selected li#caravans_csnnav a, #csnnav-container ul.trucks_csnnav_selected li#trucks_csnnav a, #csnnav-container ul.farm_csnnav_selected li#farm_csnnav a, #csnnav-container ul.construction_csnnav_selected li#construction_csnnav a, #csnnav-container ul.realestate_csnnav_selected li#realestate_csnnav a, #csnnav-container ul.general_csnnav_selected li#general_csnnav a { display:none; } .nz { margin-left:36px; display:inline; clear:both; margin-top:3px; }