@charset "utf-8";

@media all {

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0; padding:0; border:0; outline:0; font-style:normal; font-size:100%; font-family:Helvetica, Arial, sans-serif; vertical-align:baseline; }
body { margin:5px 0; font-size:12px; line-height:19px; color:#333; text-align:left; background-color:#B4BAC8; }
ol, ul { list-style:none; }
img { display:block; }
a { text-decoration:none; }
table { border-collapse:separate; border-spacing:0; }
caption, th, td { font-weight:normal; text-align:left; }

}

@media screen, projection, tv {

#container { margin:0 auto; width:990px; }
#content { overflow:hidden; width:980px; padding:20px 5px 0; background-color:#fff; }

/* header */

#header { position:relative; height:255px; background:url(http://amvargroup.com/i/design/header-background.png) no-repeat 0 0; }
#fork-trucks #header { background-image:url(http://amvargroup.com/i/design/forklift-background.png); }
#storage-projects #header { background-image:url(http://amvargroup.com/i/design/storage-background.png); }
#workplace-solutions #header { background-image:url(http://amvargroup.com/i/design/workplace-background.png); }
#logo { position:absolute; top:64px; left:20px; }
#logo a, #logo li { display:block; width:298px; height:97px; text-indent:-9999px; }
#logo li { float:left; }
#logo li#storage-logo { margin:0 15px 0 0; background:url(http://amvargroup.com/i/design/amvar-storage-and-workplace-solutions.png) no-repeat 0 0; }
#logo li#forklift-logo { background:url(http://amvargroup.com/i/design/amvar-forklift-trucks.png) no-repeat 0 0; }
#header img { position:absolute; top:64px; right:5px; }
#navigation { position:absolute; top:37px; left:20px; margin:0; }
#navigation li { display:inline; list-style:none; border-right:1px solid #fff; }
#navigation li.contact { border:none; }
#navigation a { padding:0 5px; color:#fff; font-weight:bold; font-family:Verdana,Helvetica, Arial, sans-serif; }
#navigation #on a { color:#333; }
#telephone { position:absolute; top:32px; right:20px; font-size:24px; color:#fff; font-weight:bold; font-family:Verdana,Helvetica, Arial, sans-serif; }
#tag-line { position:absolute; top:220px; left:268px; color:#fff; font-size:24px; font-weight:bold; }
#header span { color:#666; }
#fork-trucks #header span { color:#79B542; }
#storage-projects #header span { color:#346AC5; }
#workplace-solutions #header span { color:#F9A100; }

/* Sub navigation */

#sub-navigation { position:relative; float:left; width:230px; }
#sub-navigation div { margin:0 0 15px; }
#sub-navigation ul { margin:0; padding:5px 0; border:1px solid #C0C4CA; border-width:0 1px; }
#sub-navigation ul ul, #sub-navigation ul ul ul { padding:0; border:none; }
#sub-navigation ul a { display:block; padding:0 10px; line-height:14px; font-size:10px; color:#333; font-family:Verdana,Arial,Helvetica,sans-serif; }
#sub-navigation ul ul a { padding:0 10px 0 20px; }
#sub-navigation ul ul ul a { padding:0 10px 0 30px; }
#sub-navigation ul a:hover, #sub-navigation ul a:focus { text-decoration:underline; }
#sub-navigation .selected a, #sub-navigation .selected .selected a, #sub-navigation .selected .selected .selected a { font-weight:bold; }
#sub-navigation .selected ul li a, #sub-navigation .selected .selected ul li a { font-weight:normal; }
#sub-navigation p { padding:0; }
#sub-navigation p a { display:block; height:30px; padding:0 10px; line-height:30px; text-decoration:none; font-family:Geneva,Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; color:#fff; background-repeat:no-repeat; background-image:url(http://amvargroup.com/i/design/sub-navigation.png); }
#sub-navigation #workplace { margin:0 0 30px; }
#forklifts a.section-up { background-position:0 0; }
#forklifts a.section-down { background-position:0 -90px; }
#storage a.section-up { background-position:0 -30px; }
#storage a.section-down { background-position:0 -120px; }
#workplace a.section-up { background-position:0 -60px; }
#workplace a.section-down { background-position:0 -150px; }
#shadow { height:5px; margin:0 0 15px; background:url(http://amvargroup.com/i/design/sub-navigation-gradient.png) no-repeat 0 0; }

/* Copy */

#copy { position:relative; float:left; width:720px; padding:0 0 0 30px; }
#homepage #copy { float:none; width:980px; padding:15px 0 0; }
#contact-us { position:absolute; top:0px; right:0px; }
#contact-us a { display:block; width:250px; height:52px; padding:7px 0px 0 60px; line-height:16px; color:#fff; font-weight:bold; background:url(http://amvargroup.com/i/design/contact-us.png) no-repeat 0 0; }
#fork-trucks #contact-us a { width:230px; padding:7px 20px 0 60px; background-image:url(http://amvargroup.com/i/design/fork-truck-enquiry.png); }
#storage-projects #contact-us a { background-image:url(http://amvargroup.com/i/design/storage-enquiry.png); }
.align-right { float:right; margin:0 0 30px 30px; }
.align-left { float:left; margin:0 30px 30px 0; }
.photo { padding:5px; background-color:#eee; border:1px solid #C0C4CA; }
#copy .caption { padding:15px; text-align:center; font-style:italic; }
.key { font-weight:normal; }

/* Online shop */

#online-shop { position:absolute; top:5px; right:0px; padding:0; }
#online-shop a, #sub-navigation #shop a { display:block; width:280px; height:45px; padding:0 0 0 30px; line-height:40px; font-weight:bold; background:url(http://amvargroup.com/i/design/online-shop.png) no-repeat 0 0; }
#sub-navigation #shop { padding:30px 0 0; border-top:1px solid #C0C4CA; }
#sub-navigation #shop a { width:200px; height:80px; padding:25px 0 0 30px; line-height:22px; font-size:18px; color:#333; background:url(http://amvargroup.com/i/design/view-online-shop.png) no-repeat 0 0; }
#sub-navigation #shop a:hover, #sub-navigation #shop a:focus { text-decoration:underline; }

/* Section list */

#copy #section-list { overflow:hidden; margin:0; }
#copy #section-list li { float:left; width:160px; height:186px; margin:0 30px 25px 0; list-style:none; }
#section-list h2 { margin:0; font-size:12px; line-height:18px; }
#section-list h2 a { display:block; height:43px; padding:7px 10px 0 10px; color:#fff; font-family:Geneva,Arial,Helvetica,sans-serif; background:url(http://amvargroup.com/i/design/section-list-h2.png) no-repeat 0 0; }
#section-list span { display:block; width:160px; height:129px; padding:5px 0 0; background:url(http://amvargroup.com/i/design/section-list-background.png) no-repeat 0 0; }
#section-list img { margin:0 auto; }
#fork-trucks #section-list li { height:166px; }
#fork-trucks #section-list h2 a { height:23px; background-image:url(http://amvargroup.com/i/design/forktrucks-section-list-h2.png); }
.window { display:none; position:absolute; top:30px; z-index:2; width:361px; height:170px; padding:30px 0 0; background:url(http://amvargroup.com/i/design/window.png) no-repeat 0 0; }
.show-right { background:url(http://amvargroup.com/i/design/window-right.png) no-repeat 0 0; }
#copy .window ul { margin:0 0 0 160px; }
#copy #section-list .window li { float:none; width:180px; height:auto; margin:0; font-size:12px; line-height:20px; font-weight:bold; }
#one .window { left:190px; }
#two .window { left:380px; }
#three .window { left:50px; }

/* Footer */

#footer { position:relative; height:90px; padding:0 5px 15px; font-size:11px; background:#fff url(http://amvargroup.com/i/design/footer-background.png) no-repeat 0 100%; }
#footer p { padding:15px 0 0; color:#666; border-top:1px solid #ccc; }
#footer li { display:inline; list-style:none; color:#666; }
#footer a { color:#666; }
#footer #midlands, #footer #linkedin { position:absolute; top:10px; right:0; }
#footer #linkedin { top:17px; right:185px; }

/* Homepage */

#welcome { position:relative; min-height:70px; }
#welcome p { padding:0; color:#666; font-size:14px; }
#welcome h1 { width:auto; margin:0; }
#sign-post { height:255px; }
#sign-post div { position:relative; overflow:hidden; float:left; width:310px; height:255px; margin:0 25px 0 0; }
#sign-post #forklift-trucks { background:url(http://amvargroup.com/i/design/forklift-trucks.jpg) no-repeat 0 0; }
#sign-post #storage-projects { background:url(http://amvargroup.com/i/design/storage-projects.jpg) no-repeat 0 0; }
#sign-post #workplace-solutions { margin:0; background:url(http://amvargroup.com/i/design/workplace-solutions.jpg) no-repeat 0 0; }
#sign-post h2 { text-indent:-9999px; }
#sign-post ul { position:absolute; top:85px; left:17px; margin:0; }
#sign-post li { list-style:none; color:#fff; }
#sign-post p { position:absolute; top:205px; left:17px; }
#sign-post p#used-trucks { top:-75px; right:15px; left:auto; }
#sign-post a { color:#fff; }
#sign-post p a { display:block; height:30px; text-indent:-9999px; background-color:#ccc; }
#sign-post #forklift-trucks p a { width:105px; background:url(http://amvargroup.com/i/design/new-trucks.png) no-repeat 0 0; }
#sign-post p#used-trucks a { width:170px; height:75px; background:url(http://amvargroup.com/i/design/used-trucks.png) no-repeat 0 0; }
#sign-post #storage-projects p a { width:120px; background:url(http://amvargroup.com/i/design/view-projects.png) no-repeat 0 0; }
#sign-post #workplace-solutions p a { width:120px; background:url(http://amvargroup.com/i/design/view-products.png) no-repeat 0 0; }
#sign-post #forklift-trucks p a:hover, #sign-post #forklift-trucks p a:focus,
#sign-post #storage-projects p a:hover, #sign-post #storage-projects p a:focus,
#sign-post #workplace-solutions p a:hover, #sign-post #workplace-solutions p a:focus { background-position:0 -30px; }
#sign-post p#used-trucks a:hover, #sign-post p#used-trucks a:focus { background-position:0 -75px; }
#introduction, #side-bar { float:left; }
#introduction { width:645px; margin:0 25px 0 0; }
#side-bar, #latest-blog { width:310px; }
#top, #bottom { height:10px; background:url(http://amvargroup.com/i/design/homepage-blog-corners.png) no-repeat 0 0; }
#bottom { height:15px; background-position:0 100%; }
#middle { padding:5px 15px 0; background:url(http://amvargroup.com/i/design/homepage-blog.png) repeat-y 0 0; }
.read-more { padding:0; }
.read-more a, .range { display:block; width:80px; height:30px; text-indent:-9999px; }
.blog { background:url(http://amvargroup.com/i/design/blog-read-more.png) no-repeat 0 0; }
.range { margin:0 auto; background:url(http://amvargroup.com/i/design/forktruck-view-range.png) no-repeat 0 0; }
#more-information { overflow:hidden; width:980px; clear:both; margin:0 0 15px; padding:15px 0 0; }
#more-information div { float:left; width:265px; }
#fork-truck-services { padding:0 25px 0 200px; background:url(http://amvargroup.com/i/design/flexi-truck.jpg) no-repeat 30px 0; }
#handling-equipment { padding:0 200px 0 25px; background:url(http://amvargroup.com/i/design/sack-truck.jpg) no-repeat 310px 25px; }
#more-information h2 { font-size:16px; line-height:20px; }
#call-us { padding:0 0 15px 60px; background:url(http://amvargroup.com/i/design/call-us.png) no-repeat 0 5px; }
#call-us span { display:block; padding:5px 0 0; font-size:16px; line-height:20px; }

 /* Products */

.product { position:relative; overflow:hidden; width:678px; padding:15px 0 0; border:1px solid #C0C4CA; border-width:1px 1px 0; }
.product img { float:left; margin:0 0 15px 15px; }
.product h2, .product p { width:385px; margin:0 0 0 170px; padding:0 0 15px; }
.product strong { font-weight:normal; }
.product .view-range { position:absolute; top:50%; right:15px; width:auto; margin:-15px 0 0; padding:0; }
.product .view-range a { display:block; width:90px; height:30px; text-indent:-9999px; background:url(http://amvargroup.com/i/design/view-range.png) no-repeat 0 0; }
#workplace-solutions .view-range a { background-position:0 -30px; }
.product-shadow { width:680px; height:6px; margin:0 0 9px; background:url(http://amvargroup.com/i/design/product-shadow.png) no-repeat 0 0; }

/* Fork trucks */

.columns { overflow:hidden; margin:0 0 15px; }
.fork-left, .fork-right { float:left; width:345px; margin:0 15px 0 0; }
.fork-right { margin:0 0 0 15px; }
.fork-right img { margin:0 auto; }
#copy #standards { overflow:hidden; margin:0 0 15px; }
#copy #standards p { padding:0; }
#copy #standards h3 { background:#CAE6B0 url(http://amvargroup.com/i/design/standards.png) no-repeat 0 0; }
#copy #standards li { float:left; width:200px; min-height:220px; margin:0 15px 0 0; padding:15px; list-style:none; border-radius:9px; -webkit-border-radius:9px; -moz-border-radius:9px; background-color:#CAE6B0; }
#copy #standards li.premier h3 { background-position:-200px 0; }
#copy #standards li.plus { margin:0; }
#copy #standards li.plus h3 { background-position:-400px 0; }
.service div { width:352px; background-color:#CAE6B0; }
.service-left, .service-right { float:left; width:352px; margin:0 8px 0 0; }
.service-right { margin:0 0 0 8px; }
.service-top, .service-bottom { height:10px; background:url(http://amvargroup.com/i/design/service-corners.png) no-repeat 0 0; }
.service-bottom { background-position:0 -10px; }
.service h3, .service p, #copy .service ul { margin:0; padding:0 15px 15px }
#copy .service ul { margin:0 0 15px 20px; }
#row-one .service-middle { min-height:250px; }
#row-two .service-middle { min-height:190px; }

/* Contact us */

#copy .talk { margin:0 0 30px; padding:15px 0 0; }
#copy .talk h1 { width:auto; margin:0; }
#copy .talk li { float:left; width:auto; padding:0 34px 0 0; list-style:none; line-height:30px; }
#copy .talk li#tel { padding:0 34px; background:url(http://amvargroup.com/i/design/telephone.png) no-repeat 0 50%; }
#copy .talk #email { padding:0 34px; background:url(http://amvargroup.com/i/design/email.png) no-repeat 0 50%; }
#copy .talk #fax { margin:0; padding:0 34px; background:url(http://amvargroup.com/i/design/fax.png) no-repeat 0 50%; }

.left, .middle, .right, .talk li { float:left; width:345px; margin:0 15px 0 0; }
.right, .talk li { margin:0; }

#directions { overflow:hidden; margin:0 0 15px; }
#directions label { font-weight:bold; margin:0 0 5px; }
#directions input { width:auto; }
#directions input#mapsUkSaddr { width:240px; color:#666; }

.staff { margin:0 0 30px; }
.staff li h2 { padding:10px 0 0; }
#copy .staff ul { float:left; width:280px; margin:0 50px 0 0; }
#copy .staff li { overflow:hidden; margin:0 0 10px; list-style:none; }
#copy .staff li.last { margin:0; }
.staff img { float:left; margin:0 15px 0 0; padding:4px; background-color:#fff; border:1px solid #C0C4CA; }
.staff em { display:block; padding:10px 0 5px; font-size:14px; font-style:normal; font-weight:bold; }

#enquiry-form { float:left; width:350px; }
#enquiry-top, #enquiry-bottom { height:10px; background:url(http://amvargroup.com/i/design/enquiry-form-corners.png) no-repeat 0 0; }
#enquiry-bottom { background-position:0 -10px; }
#enquiry-middle { padding:0 15px; border:1px solid #CBCFEF; border-width:0 1px; background-color:#E6E8F7; }
#enquiry-middle fieldset input, #enquiry-middle fieldset textarea { width:300px; }
#contact-details { margin:0 15px 0 0; }
#comments { height:100px; }

/* Forms */

legend { margin:0 0 15px; color:#333; font-weight:bold; }
label { display:block; }
input, textarea, select { width:250px; margin:0 0 15px; font-size:12px; font-family:Helvetica, Arial, sans-serif; }
select { width:auto; margin:0 0 15px; }
textarea { overflow:auto; }
#postcode { width:100px; }
.button { width:auto; }
.error-message { color:#f00; font-weight:bold; }

/* Blog */

#blog #copy { float:left; width:460px; padding:0 30px; }
#side-bar { float:left; width:230px; }
#side-bar-top, #side-bar-bottom { height:10px; background:url(http://amvargroup.com/i/design/side-bar.png) no-repeat 0 0; }
#side-bar-bottom { height:15px; background-position:0 100%; }
#side-bar-middle { padding:20px 15px 5px; background:url(http://amvargroup.com/i/design/side-bar-middle.png) repeat-y 0 0; }
#side-bar h3, #side-bar ul { margin:0 0 15px; }
.post { overflow:hidden; margin:0 0 15px; padding:30px 0 0; border-top:1px solid #C0C4CA; }
#post-links { padding:0; }
#post-links a { float:left; display:block; margin:0 15px 0 0; padding:0 0 15px; }
.alignright { float:right; margin:0 0 15px 15px; }
.alignleft { float:left; margin:0 15px 15px 0; }
.post img { padding:4px; border:1px solid #C0C4CA; background-color:#eee; }
#rss { padding:0 0 15px 34px; line-height:24px; background:url(http://amvargroup.com/i/design/rss.png) no-repeat 0 0; }
#copy #post-details { margin:0 0 15px; }
#copy #post-details li { display:inline; padding:0 5px 0 0; border-right:1px solid #C0C4CA; }
.enty-posted { font-style:italic; }

/* Warehouse trucks */

#copy #horizontal-list { overflow:hidden; width:700px; margin:0 0 15px; }
#copy #horizontal-list li { float:left; width:160px; height:280px; margin:0 15px 0 0; padding:15px 0 0; list-style:none; text-align:center; background:url(http://amvargroup.com/i/design/horizontal-list-background.png) no-repeat 0 0; }
#copy #horizontal-list h2 { margin:0; font-size:18px; line-height:22px; }
#copy #horizontal-list img { margin:15px auto; }

/* Quotes */

blockquote { margin:0 0 30px; padding:30px 0 0; }
#sub-navigation blockquote p { padding:0 15px 15px 50px; font-style:italic; }
#homepage blockquote { width:250px; }
.quote { background:url(http://amvargroup.com/i/design/quote.png) no-repeat 0 0; }
.cite { font-weight:bold; }

/* Tables */

table { margin:0 0 30px; font-size:11px; }
tbody td, tbody th { border-top:1px solid #fff; }
td, tbody th { background-color:#79B542; color:#fff; line-height:18px; padding:3px 15px; }
tbody th { color:#333; }
th { background-color:#79B542; color:#333; font-weight:bold; line-height:18px; padding:3px 15px; text-transform:uppercase; }
th span { font-weight:normal; text-transform:lowercase; }

/* Used trucks */

#product-list { margin:0 0 15px; padding:15px; border-radius:9px; -webkit-border-radius:9px; -moz-border-radius:9px; background-color:#e4e4e4; }
#product-list table { width:100%; margin:0; border:1px solid #ddd; border-width:1px 0 0 1px; }
#product-list td { padding:5px; vertical-align:middle; font-size:14px; line-height:18px; font-weight:bold; border:1px solid #ddd; border-width:0 1px 1px 0; background-color:#f4f4f4; }
#product-list tr:hover td { background-color:#fff; }
.truck-image { width:50px; }

#product { overflow:hidden; margin:0 0 30px; }
#product-content { float:left; width:315px; }
#product-content table, #product-content h2, #product-content h3 { margin:0 0 10px; }
#product-content h3 span, #product-content h3 em { font-size:14px; line-height:18px; font-weight:normal; }
#product-content p { padding:0 0 10px; }
#call-to-action { float:left; width:350px; margin:0 30px 0 0; padding:0; border:none; }
#call { padding:10px 20px; text-align:center; border:1px solid #CBCFEF; border-width:0 1px 1px; background-color:#E6E8F7; }
#call h2 { margin:0 0 5px; font-size:20px; line-height:24px; }
#call p { padding:0; font-size:14px; line-height:18px; }
#call strong { font-size:16px; line-height:18px; }
#call a { font-weight:bold; }

/* Rounded corners on specification tables */

#specifications thead tr th:first-child, #specifications thead tr td:first-child { border-top-left-radius:9px; -webkit-border-top-left-radius:9px; -moz-border-radius-topleft:9px; }
#specifications thead tr th:last-child, #specifications thead tr td:last-child { border-top-right-radius:9px; -webkit-border-top-right-radius:9px; -moz-border-radius-topright:9px; }
#specifications tbody tr:last-child td:first-child, #specifications tbody tr:last-child th { border-bottom-left-radius:9px; -webkit-border-bottom-left-radius:9px; -moz-border-radius-bottomleft:9px; padding-bottom:3px; }
#specifications tbody tr:last-child td:last-child { border-bottom-right-radius:9px; -webkit-border-bottom-right-radius:9px; -moz-border-radius-bottomright:9px; }

/* Site map */

#copy .site-map div { float:left; width:330px; padding:0 30px 0 0; }
#copy .site-map ul { margin:0 0 15px; }
#copy .site-map ul ul { margin:0 0 0 20px; }
#copy .site-map li { list-style:none; }

/* Type */

h1, h2, h3, h4, h5, h6 { margin:0 0 15px; font-weight:bold; }
h1 { width:390px; margin:15px 0 30px; font-size:26px; line-height:30px; letter-spacing:-1px; }
h1 span { font-size:14px; line-height:18px; display:block; letter-spacing:0px; }
h2 { font-size:20px; line-height:24px; }
h3, #directions label { font-size:16px; line-height:20px; }
h4 { font-size:14px; line-height:18px; }
p, li { line-height:18px; }
p { padding:0 0 15px; }
#copy ul { margin:0 0 15px 30px; }
#copy li { list-style-type:disc; }
em { font-style:italic; }
a { color:#333; }
a:hover, a:focus { text-decoration:underline; }
abbr, acronym, .help { border:0; cursor:help; }

}

@media print {

body { font-size:11pt; line-height:15pt; color:#000; }

h1, h2, h3, h4, h5 { font-weight:bold; margin:0 0 15px; }
h1 { font-size:24pt; line-height:28pt; }
h2, #logo { font-size:20pt; line-height:24pt; }
h3, #homepage h2, #storage-projects h1 { font-size:18pt; line-height:22pt; }
h4, .product h2 { font-size:16pt; line-height:20pt;}
h5, #section-list li h2 { font-size:14pt; line-height:18pt;}
p { margin:0 0 15px; }
ul { margin:0 0 15px 30px; }
li { list-style-type:disc; }
a { color:#000; }

#header, #content { margin:0 0 15px; border-bottom:1px solid #000; }
#logo { margin:0 0 15px; }
#logo li { list-style:none; font-weight:bold; }

#section-list { overflow:hidden; margin:0; }
#section-list li { float:left; width:190px; height:190px; margin:0 15px 15px 0; padding:5px; list-style:none; border:1px solid #000; }

table { margin:0 0 15px; border:1px solid #000; border-width:1px 0 0 1px; }
th, td { padding:2px; border:1px solid #000; border-width:0 1px 1px 0; }

.product { overflow:hidden; padding:15px 0 0; border-top:1px solid #999; }
.product img { float:left; margin:0 15px 15px 0; }

.staff, .maps { overflow:hidden; margin:0 0 15px; }
.staff li { float:left; margin:0 15px 15px 0; list-style:none; }

.maps .left, .maps .middle, .maps .right { float:left; width:159px; }
.maps .middle, .maps .right { width:228px; margin:0 15px 0 0; }
.maps .right { margin:0; }

/* Goodbye! */

#header img, #header #navigation, #online-shop, #sign-post, #side-bar,
#sub-navigation, #contact-us, #directions,
#enquiry-top, #enquiry-form, #enquiry-bottom,
#footer ul { display:none; }
	
}