/* @override http://morrison.springbud.co.uk/wp-content/themes/morrison/style.css http://www.morrison.com/wp-content/themes/morrison/style.css */ /* Theme Name: Morrison Freight Theme URI: http://www.springbud.co.uk/ Description: Morrison Freight Theme Version: 1.6 Author: Spring Bud Author URI: http://www.springbud.co.uk/ Tags: */ html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, code,del, dfn, em, img, q, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline}body { line-height: 1.5; } /* END OF RESET */ body { font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; margin: 0; padding: 0; text-align: center; color: #000000; font-size:12px; background:url(/images/background.png) center center repeat-y} #mainContent {text-align:left;font-size:12px;color:#a9a9a9;} #sidebar-wordpress {display:none;} #mainContent div.homepage{font-size:19px;} #mainContent {padding:0 38px 0 38px;background:#fff;margin-top:83px;} /*IE SPECIFIC */ div.ie6 #mainContent {margin-top:0px;} #mainContent p {} #mainContent div.homepage p em {font-style: normal;color:#da931d} div.home-image p {text-align:center;margin-right:30px;} div.home-image a {color:#bdb9b6;font-size:13px;text-align:center;text-decoration:none;background:url(/images/arrow-grey.png) right top no-repeat;padding-right:20px;} /* IE SPECIFIC */ div.ie7 #mainContent div.homepage { position: relative; top: 30px;padding-bottom: 45px;} div.ie6 div.home-image a {color:#bdb9b6;font-size:13px;text-align:center;text-decoration:none;background:url(/images/arrow.gif) right top no-repeat;padding-right:20px;} div.home-image a:hover { /*background-position:right bottom;*/ text-decoration:underline } h2 {color:#57135c;font-size:26px;text-align:left;} h3 {color:#57135c;font-size:18px;text-align:left;} div.home-image {float:left;width:332px;margin-bottom:40px; } div#container { width: 848px; margin:0 auto; border:1px solid #ccc;border-top:none;border-bottom:none;background:#dcddde;position:relative} /* IE SPECIFIC */ div#header {height:265px} div#header img {display:block} div#header div.header-flash{height: 180px;} p.tel {font-size:20px; letter-spacing:1px;color:#555;position:absolute;right:16px;top:45px;} #nav {background:#6f2e74;height:83px;} /*IE SPECIFIC */ #nav {background:#6f2e74;height:83px;width: 848px;} /*IE SPECIFIC */ div.ie6 #nav {overflow: hidden;height:115px;width: 848px;} #nav div.main-nav ul {list-style-type:none;float:left;height:42px;width:100%;margin-top:10px;background:#fff;margin-bottom:0px;} #nav div.main-nav ul li { float:left;text-transform:uppercase;margin:0 9px 0 11px;height:42px;} div.ie6 #nav div.main-nav ul li {margin: 0 8px 0 8px;} #nav div.main-nav ul li a {padding:6px;text-decoration:none;color:#57135c;height:16xpx;display:block;padding-top:12px;padding-bottom:12px;} #nav div.main-nav ul li a:hover {text-decoration:underline;} #nav div.main-nav ul li.current_page_item a {background: url(/images/nav-bg.gif) top left repeat-x;color:#fff} #nav div.main-nav ul li.current_page_parent a {background: url(/images/nav-bg.gif) top left repeat-x;color:#fff} #nav #de-nav div.main-nav ul li a {font-size: 12px;padding:13px 7px 13px 7px} #nav #en-nav div.main-nav ul li a {font-size: 12px;padding:13px 4px 13px 7px} #nav #de-nav div.main-nav ul li {margin: 0 5px 0 5px;} #nav #it-nav div.main-nav ul li a {font-size: 12px;padding:13px 7px 13px 7px} div.secondary-nav hr {height:1px;margin:0;padding:0;border:none;border-top:1px solid #bdb9b6;width:816px;margin:0 auto;} #nav div.secondary-nav {width:100%;background:#fff;float:left;} #nav div.secondary-nav ul {height:41px;background:#fff;padding:8px 0 0 0px;float:left;list-style:none;} #nav div.secondary-nav ul li { float:left;text-transform:uppercase;margin:0 10px 0 15px;} #nav div.secondary-nav ul li a {color:#bdb9b6;text-decoration:none;} #nav div.secondary-nav ul li.current_page_item a,#nav div.secondary-nav ul li a:hover {color:#57135c} #nav div.hide ul li a {display:none;} div.two_columns {width:100%;float:left;margin-bottom:45px;margin-top:20px; font-size:12px;color:#666;position: relative;} div.two_columns p {line-height:16px} div.two_columns h2, div.two_columns h3 {color:#975c9c} div.two_columns h3 {margin-top:10px} div.two_columns div.one{width:496px;float:left;padding-right:45px;background:url(/images/dot.png) top right repeat-y;;} div.two_columns div.one p {margin-bottom:15px;} div.two_columns div.one p.mainimage {margin:0px;} div.two_columns div.one p.mainimage img {border:4px solid #dcdddf;display:block;} div.two_columns div.two{float:left;padding-left:40px;width:190px;} #mainContent div.two_columns div.two h3{margin: 0;padding: 0;border: none;} div.two_columns div.two a {color:#da931d} div.two_columns div.two p {margin-bottom: 10px;font-size: 14px;line-height:1.5;color: #bdb9b6;} div.two_columns div.one ul li {padding-bottom: 5px;list-style-type: square;color: #666;} div.two_columns div.one ul li span {color: #666;} div.two_columns div.one ul ul {padding-top: 10px;} div.two_columns div.one ul ul li {list-style-type: circle;} div.two_columns div.one a {color: #da931d;} div.two_columns div.one h3 {padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #dcdddf;} div.two_columns div.contact_details h3 {margin-bottom: 4px;} div.two_columns div.contact_details p {font-size: 14px;line-height: 1.4;} div.two_columns div.contact_details a {text-decoration:none;color:#bdb9b6; padding:5px 20px 2px 0; background:url(/images/arrow-grey.png) right 2px no-repeat;;font-size: 12px;} div.two_columns div.contact_details a:hover {background-position:right -101px;color:#57135c} div.two_columns div.archive ul, div.two_columns div.archive ul li {list-style: none;margin: 0 0 0 0 !important; padding: 0 0 0 0 !important;} div.two_columns div.archive ul li a {color: #bdb9b6;} div.news_columns h2 a, div.news_columns h3 a{color: #975c9c !important;text-decoration: none;} div.news_columns div.one h3{border: none;padding: 0;margin-bottom:0;} div.news_columns small {font-size: 13px;font-weight: normal;color: #a9a9a9;padding-bottom: 8px;display: block;border-bottom:1px solid #dcdddf;margin-bottom: 10px;} p.postmetadata {display: none;} div.post{margin-bottom: 50px;} div.transit-map {margin: 10px 0 0 0;} div.view_switcher {position: absolute;right: 0px;top: 10px;} div.view_switcher a {text-decoration:none;color:#bdb9b6; padding:5px 20px 2px 0; background:url(/images/arrow-grey.png) right 2px no-repeat;font-size: 12px;} div.view_switcher a:hover {background-position:right -101px;color:#57135c} a.enlarge {text-decoration:none;color:#bdb9b6 !important; background:url(/images/enlarge.png) right 2px no-repeat;font-size: 12px;padding:7px 25px 5px 0;} a.lightbox img{margin-bottom: 5px;} a.enlarge:hover {background-position:right bottom;color:#57135c !important;} div.contacts-list{margin-top:30px} div.contacts-list hr{border: 0;height: 1px;background-color: #dcdddf;margin: 34px 0 34px 0;} h4{color: #57135c;font-size: 20px;} h5{color: #975c9c;font-size: 20px;} h6 {font-size: 12px;font-weight: bold;color: #975c9c;} div.contacts-list table td{padding:22px 10px 0px 0;margin-top: 11px;} div.contacts-list table td p{font-size: 14px;line-height: 1.4;} div.contacts-list table td a{color: #da931d;} #final-word h3 {padding-bottom: 0;margin-bottom:0;border-bottom: none} #mainContent ul{margin:0px 0px 20px 20px;} #mainContent h4{margin: 0;font-weight: bold;} #mainContent div.two_columns div.one strong {font-size: 120%;line-height: 1.5;} div#final-word {height:200px;background:url(/images/dot.png) top left repeat-x;clear:both;margin-bottom:22px;} /* IE SPECIFIC */ div.three-columns {height:100%;width:100%;background:url(/images/dot.png) bottom left repeat-x;padding-bottom:20px;} div.three-columns .one {width:220px;padding-right:28px;float:left;background:url(/images/dot.png) top right repeat-y;} div.three-columns .two {width:200px;padding-right:42px;padding-left:22px;float:left;} div.three-columns .three {width:220;padding-left:28px;float:left;background:url(/images/dot.png) top left repeat-y;} div#final-word div.three-columns .three h3 a{color:#a9a9a9} div.three-columns .one, div.three-columns .two, div.three-columns .three {height:160px;margin-top:30px;} div#final-word h2 {font-size:18px;} div#final-word h2 a {text-decoration:none;color:#178cc2; padding-right:20px; background:url(/images/arrow.png) right top no-repeat} /* IE SPECIFIC */ div.ie6 div#final-word h2 a {text-decoration:none;color:#178cc2; padding-right:20px; background:url(/images/arrow.gif) right top no-repeat} div#final-word h2 a:hover {background-position:right bottom;color:#57135c} div.box {border:1px solid #da931d;padding:7px 10px 10px 10px;width:200px;height:95px; background:url(/images/box-bg.gif) top left repeat-x;margin-top:8px;} div.box ul {margin-top:8px; list-style-position:inside} div.box p, div.box ul {font-size:12px;} div.box-transit-map, div.box-transit-map-de, div.box-transit-map-it {border:1px solid #da931d;padding:0px 0px 0px 0px;width:220px;height:112px; background:url(/images/ads-map-en.jpg) top left repeat-x;margin-top:8px;} div.box-transit-map a, div.box-transit-map-de a, div.box-transit-map-it a{width: 100%;height: 100%;display: block;} div.box-transit-map a span, div.box-transit-map-de a span, div.box-transit-map-it a span {position: absolute;left: -9999px;} div.box-transit-map-de {background:url(/images/ads-map-de.jpg) top left repeat-x;} div.box-transit-map-it {background:url(/images/ads-map-it.jpg) top left repeat-x;} div.box-hauliers-enquiry, div.box-hauliers-enquiry-de, div.box-hauliers-enquiry-it {border:1px solid #da931d;padding:0px 0px 0px 0px;width:220px;height:112px; background:url(/images/ads-hauliers.jpg) top left repeat-x;margin-top:8px;} div.box-hauliers-enquiry a, div.box-hauliers-enquiry-de a, div.box-hauliers-enquiry-it a{width: 100%;height: 100%;display: block;} div.box-hauliers-enquiry a span, div.box-hauliers-enquiry-de a span, div.box-hauliers-enquiry-it a span {position: absolute;left: -9999px;} div.box-hauliers-enquiry-de {background:url(/images/ads-hauliers-de.jpg) top left repeat-x;} div.box-hauliers-enquiry-it {background:url(/images/ads-hauliers-it.jpg) top left repeat-x;} div.box-transit-map, div.box-transit-map-de, div.box-transit-map-it, div.box-hauliers-enquiry, div.box-hauliers-enquiry-de, div.box-hauliers-enquiry-it {} .navigation .alignleft{float: left;} .navigation .alignright{float: right;} div.post h2 {clear:both;padding-top: 15px;} div.sitemap ul li a {} div.sitemap ul li {list-style-type: square;} div.sitemap ul ul li {list-style-type: circle;} a.pdf, a.adobe {text-decoration:none;color:#bdb9b6;font-size:12px;margin-top:20px;} a.adobe {font-size:10px;display:block;margin-top:20px;padding-left:80px;background:url(/images/get_adobe_reader.gif) center left no-repeat} a.pdf em, a.adobe em {font-style:normal;border-bottom:1px dashed #ccc;} a.pdf:hover, a.adobe:hover {color:#57135c} a.pdf {padding-left:50px;padding-top:10px;display:block; background:url(/images/pdficon.gif) center left no-repeat;} div#footer {background:#fff;padding-top:20px} div.ie7 div#footer { height: 130px; } div.post img {border: 4px solid #dcdddf;} div.three-columns div.three ol {list-style:none;font-size:12px;width:226px} div.three-columns div.three ol li {padding-top:8px;} div.three-columns div.three ol li h3{font-size:12px;color:#77797a;font-weight: bold;} div.three-columns div.three ol li p {font-size:12px} div.three-columns div.three ol li a {color:#bdb9b6;text-decoration:none;} #mainContent div.three-columns div.three ol li p a span {color:#bdb9b6; text-decoration:underline} #mainContent div.three-columns div.three ol li p a:hover span {color:#57135c} /* footer */ div.columns {position:relative;float:left;width:100%;margin-bottom:20px} div.columns div {height:100px;} div.columns div.one {width:110px;float:left;color:#000;font-size:9px;padding-right:16px;} div.columns div.one p, div.columns div.two p {padding-bottom:8px;} div.columns div.two {width:110px;float:left;color:#000;font-size:9px;padding-left:16px;padding-right:16px;border-left:1px solid #dcdddf;border-right:1px solid #dcdddf} div.columns div.three, div.columns div.four {font-size:10px;text-transform:uppercase;width:130px;float:left;padding-left:20px;} div.columns div.five {position:absolute;width:200px;right:0px;} div.columns div.five a {font-size:10px;text-transform:uppercase;color:#bdb9b6;text-decoration:none;position:absolute;right:0px;bottom:13px;width:120px;text-align: right;} div.columns ul {margin-top:12px;list-style:none;} div.columns ul a {color:#bdb9b6;text-decoration:none;} div.columns ul a:hover{text-decoration:underline} div.ie6 {} div#language_switcher{ position: absolute;left: 50px;top: 100px; } #mainContent div.footer-nav ul {margin-left: 0;margin-bottom: 0px;margin-top: 12px;padding-left: 0;} body.it div.three-columns {height: 220px;} body.it div#footer {margin-top:45px} body.it div.three-columns div.one, body.it div.three-columns div.three {height: 191px;} ul#language {width:200px;text-transform:uppercase;font-weight:bold;font-size:10px;color:#959595} div#language_switcher_german {position: absolute;right: 0px;width: 215px;} div#language_switcher_english {position: absolute;right: 0px;width: 200px;} div#language_switcher_italian {position: absolute;right: 0px;width: 195px;} div#language_switcher_german li.select {font-size: 9px;} ul#language li {float:left; list-style:none;} ul#language li.select {padding-top:8px;padding-right:5px;} ul#language li.select span.english {display: none;} ul#language li.select span.german {display: none;} ul#language li.select span.italian {display: none;} #language_switcher_english ul#language li.select span.english {display: inline;} #language_switcher_german ul#language li.select span.german {display: inline;} #language_switcher_italian ul#language li.select span.italian {display: inline;} ul#language li.English, ul#language li.German, ul#language li.Italian, ul#language li.Englisch, ul#language li.Deutsch, ul#language li.Italienisch, ul#language li.Inglese, ul#language li.Tedesco, ul#language li.Italiano {width:30px;height:30px;text-indent:-9999px;} ul#language li.English a {display:block;width:30px;height:30px;background: url(/images/flag-uk.png) bottom left no-repeat;} ul#language li.German a {display:block;width:30px;height:30px;background: url(/images/flag-germany.png) top left no-repeat;} ul#language li.Italian a {display:block;width:30px;height:30px;background: url(/images/flag-italy.png) top left no-repeat;} ul#language li.Englisch a {display:block;width:30px;height:30px;background: url(/images/flag-uk.png) top left no-repeat;} ul#language li.Deutsch a {display:block;width:30px;height:30px;background: url(/images/flag-germany.png) bottom left no-repeat;} ul#language li.Italienisch a {display:block;width:30px;height:30px;background: url(/images/flag-italy.png) top left no-repeat;} ul#language li.Inglese a {display:block;width:30px;height:30px;background: url(/images/flag-uk.png) top left no-repeat;} ul#language li.Tedesco a {display:block;width:30px;height:30px;background: url(/images/flag-germany.png) top left no-repeat;} ul#language li.Italiano a {display:block;width:30px;height:30px;background: url(/images/flag-italy.png) bottom left no-repeat;} div.post small {text-transform: capitalize;} div.archive li a {text-transform: capitalize} /*ul#language {width:200px;position:absolute;right:0px;text-transform:uppercase;font-weight:bold;font-size:10px;color:#959595} ul#language li {float:left; list-style:none;}*/ #lang_sel {height:32px; position:relative; z-index:99; font-weight:normal;text-transform:none} /* hack to correct IE5.5 faulty box model */ * html #lang_sel {width:12em; w\idth:12em;} /* remove all the bullets, borders and padding from the default list styling */ #lang_sel ul, #lang_sel li {padding:0 !important; margin:0 !important; list-style-type:none !important;} #lang_sel li:before{content:'' !important}; #lang_sel ul ul {width:149px;} /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */ #lang_sel li {float:left;width:149px;position:relative;} /* style the links for the top level */ #lang_sel a, #lang_sel a:visited {display:block;font-size:12px;text-decoration:none !important; color:#fff; border:1px solid #ccc; background:#ccc; padding-left:10px; line-height:18px;} /* a hack so that IE5.5 faulty box model is corrected */ * html #lang_sel a, * html #lang_sel a:visited {width:149px; w\idth:138px;} /* hide the sub levels and give them a positon absolute so that they take up no room */ #lang_sel ul ul {visibility:hidden;position:absolute;height:0;top:19px;left:0; width:149px;border-top:1px solid #ccc;} /* another hack for IE5.5 */ * html #lang_sel ul ul {top:18px;t\op:19px;} /* style the table so that it takes no ppart in the layout - required for IE to work */ #lang_sel table {position:absolute; top:0; left:0; border-collapse:collapse;;} /* style the second level links */ #lang_sel ul ul a, #lang_sel ul ul a:visited {background:#eee; color:#000 !important; height:auto; line-height:1em; padding:3px 10px;border-width:0 1px 1px 1px;} /* yet another hack for IE5.5 */ * html #lang_sel ul ul a, * html #lang_sel ul ul a:visited {width:150px;w\idth:128px;} /* style the top level hover */ #lang_sel a:hover, #lang_sel ul ul a:hover{color:#000; background:#ccc;} #lang_sel :hover > a, #lang_sel ul ul :hover > a {color:#000; background:#ccc;} #lang_sel a.lang_sel_sel{ background:url() #ddd right no-repeat; color:#000; } #lang_sel a.lang_sel_sel:hover{ text-decoration: none; color:#000; } /* make the second level visible when hover on first level list OR link */ #lang_sel ul li:hover ul, #lang_sel ul a:hover ul{visibility:visible; } /* IE SPECIFIC */ div.ie6 ul#language li.English a {background: url(/images/flag-uk.gif) bottom left no-repeat;} div.ie6 ul#language li.Italian a {background: url(/images/flag-italy.gif) top left no-repeat;} div.ie6 ul#language li.German a {background: url(/images/flag-germany.gif) top left no-repeat;} /*ul#language li a span {position:absolute;left:-9999px;}*/ /* Forms */ form.contact-form {margin-top: 50px;} form.contact-form h4{position:relative} form.contact-form h4 span.required small {font-size: 10px;color: red; position: absolute;right: 0;top: 0px;} span.required {color: red;} form.contact-form {font-size: 12px;} form.contact-form fieldset div.legend {color: #975c9c;height: auto;width: 100%;margin-bottom: 15px;margin-top: 40px;} form.contact-form fieldset h4 {display: block;border-bottom: 1px solid #dcdddf;width: 100%;padding-bottom: 2px;font-size: 13px !important;color: #975c9c;font-weight: normal !important;} form.contact-form label {display: block;} form.contact-form input {display: inline;margin-top: 0px;margin-bottom: 14px;width: 196px;} form.contact-form label input {display: block;margin-top: 0px;margin-bottom: 20px;width: 196px;} form.contact-form label.opt {padding: 0;display:block;margin: 0;} form.contact-form label.opt input {display: inline;margin-top: 0px;width: 15px;margin-right:10px;padding: 0;} /* IE SPECIFIC */ * html form.contact-form label {position: relative;} * html form.contact-form label span {position: absolute;top: 0px;} *:first-child+html form.contact-form label {position: relative;} *:first-child+html form.contact-form label span {position: absolute;top: 0px;} /* IE SPECIFIC */ form.contact-form div.form_two_columns, form.contact-form div.form_three_columns {margin:0px 0 30px 0;} form.contact-form div.form_two_columns div.alpha {width: 250px;float: left;display: inline;} form.contact-form div.form_two_columns div.beta {width: 200px;float: left;display: inline;} form.contact-form div.form_three_columns label {height: 30px;} form.contact-form div.form_three_columns div.alpha {width: 165px;float: left;display: inline;} form.contact-form div.form_three_columns div.beta {width: 165px;float: left;display: inline;} form.contact-form div.form_three_columns div.gamma {width: 165px;float: left;display: inline;} form.contact-form input.text-mini{width: 20px;display:inline;margin-right: 10px;} form.contact-form input.submit {padding-bottom: 0px;margin-top: 40px;width: auto;} form.contact-form div.enquiry p {margin-bottom: 5px;} form.contact-form div.enquiry {clear: both; padding-top: 40px;}