/* 
	Site Name: Abnormal Loads
	Site URI: http://www.abnormal-loads.com/
	Version: 1.0
	Author: Maria Theodoropoulou, http://www.bluestormnewmedia.co.uk

	main css document
	
	#######Colors######
	red: 	EA1C18
	grey: 	222222
	blue: 	0A2043
	yellow:	FAC113
*/

body {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #222222;
background-color: #FFF;
font-size: 10px;
text-align: center;
}
a {
text-decoration: none;
color: #EA1C18;
font-weight: normal;
}
h1,h2,h3,h4,h1 a,h2 a,h3 a,h4 a {
color: #0A2043;
font-weight: normal;
}
h1 {
font-size: 2.4em;
margin-bottom: 15px;
}
body#home h1 {
color: #FFF;
background-color: #E02D28;
display: inline;
padding: 5px;
padding-left: 20px;
padding-right: 40px;
}
h1.wwfm {
background-repeat: no-repeat;
background-image: url(/skin/h1wwfm.jpg);
background-position: right center;
padding-top: 15px;
padding-bottom: 15px;
margin-top: -25px;
margin-bottom: 10px;
}
h1.pfc {
background-repeat: no-repeat;
background-image: url(/skin/h1pfc.jpg);
background-position: right center;
padding-top: 15px;
padding-bottom: 15px;
margin-top: -25px;
margin-bottom: 10px;
}
h1.algff {
background-repeat: no-repeat;
background-image: url(/skin/h1algff.jpg);
background-position: right center;
padding-top: 15px;
padding-bottom: 15px;
margin-top: -25px;
margin-bottom: 10px;
}
h1.scs {
background-repeat: no-repeat;
background-image: url(/skin/h1scs.jpg);
background-position: right center;
padding-top: 15px;
padding-bottom: 15px;
margin-top: -25px;
margin-bottom: 10px;
}
h1.cel {
background-repeat: no-repeat;
background-image: url(/skin/h1cel.jpg);
background-position: right center;
padding-top: 15px;
padding-bottom: 15px;
margin-top: -25px;
margin-bottom: 10px;
}
h2 {
font-size: 2.1em;
margin-bottom: 10px;
}
h3 {
font-size: 1.8em;
margin-bottom: 10px;
}
h4 {
font-size: 1.6em;
margin-bottom: 5px;
}
a img {
border: none;
}
p, li, td, th {
font-size: 1.3em;
line-height: 1.6em;
}
p,ul,ol {
margin-bottom: 15px;
}
div#intro p {
font-size: 1.4em;
}
/* Layout */
div#wrap {
width: 960px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
div#branding {
background-color: #0A2043;
color: #FFF;
padding: 15px;
overflow: hidden;
background-image: url(/skin/header.jpg);
background-repeat: no-repeat;
background-position: right bottom;
margin-bottom: 20px;
}
div#sec_content {
width: 280px;
background-color: #0A2043;
float: left;
margin-bottom: 20px;
background-image: url(/skin/sidebar.jpg);
background-repeat: no-repeat;
background-position: right top;
}
div#main_content {
width: 660px;
padding-left: 20px;
float: right;
margin-bottom: 20px;
}
div#header {
width: 660px;
height: 210px;
position: relative;
margin-bottom: 20px;
}
body#home div#header {
height: 290px;
}
div#header.default {
background-image: url(/skin/defaultheader.jpg);
background-repeat: no-repeat;
background-position: left top;
}
div#footer {
clear: both;
padding: 20px;
background-color: #0A2043;
color: #FFF;
overflow: hidden;
background-image: url(/skin/footer.jpg);
background-repeat: no-repeat;
background-position: right bottom;
}
/* Header */
a#logo {
display: block;
width: 200px;
height: 80px;
float: left;
}
ul#localeselector {
float: right;
width: 280px;
overflow: hidden;
margin-top: 50px;
}
ul#localeselector li {
display: block;
float: left;
width: 26px;
height: 20px;
margin-right: 5px;
}
ul#localeselector li a {
display: block;
text-indent: -99999px;
width: 26px;
height: 20px;
}
ul#localeselector li#en a {
background-image: url(/skin/locale_en_n.jpg);
background-repeat: no-repeat;
background-position: center center;
}
ul#localeselector li#en a:hover {
background-image: url(/skin/locale_en.jpg);
background-repeat: no-repeat;
background-position: center center;
}
ul#localeselector li#fr a {
background-image: url(/skin/locale_fr_n.jpg);
background-repeat: no-repeat;
background-position: center center;
}
ul#localeselector li#fr a:hover {
background-image: url(/skin/locale_fr.jpg);
background-repeat: no-repeat;
background-position: center center;
}
ul#localeselector li#de a {
background-image: url(/skin/locale_de_n.jpg);
background-repeat: no-repeat;
background-position: center center;
}
ul#localeselector li#de a:hover {
background-image: url(/skin/locale_de.jpg);
background-repeat: no-repeat;
background-position: center center;
}
ul#localeselector li#it a {
background-image: url(/skin/locale_it_n.jpg);
background-repeat: no-repeat;
background-position: center center;
}
ul#localeselector li#it a:hover {
background-image: url(/skin/locale_it.jpg);
background-repeat: no-repeat;
background-position: center center;
}
ul#localeselector li#es a {
background-image: url(/skin/locale_es_n.jpg);
background-repeat: no-repeat;
background-position: center center;
}
ul#localeselector li#es a:hover {
background-image: url(/skin/locale_es.jpg);
background-repeat: no-repeat;
background-position: center center;
}
ul#localeselector li#zh a {
background-image: url(/skin/locale_zh_n.jpg);
background-repeat: no-repeat;
background-position: center center;
}
ul#localeselector li#zh a:hover {
background-image: url(/skin/locale_zh.jpg);
background-repeat: no-repeat;
background-position: center center;
}
ul#localeselector li#nl a {
background-image: url(/skin/locale_nl_n.jpg);
background-repeat: no-repeat;
background-position: center center;
}
ul#localeselector li#nl a:hover {
background-image: url(/skin/locale_nl.jpg);
background-repeat: no-repeat;
background-position: center center;
}
ul#localeselector li#ru a {
background-image: url(/skin/locale_ru_n.jpg);
background-repeat: no-repeat;
background-position: center center;
}
ul#localeselector li#ru a:hover {
background-image: url(/skin/locale_ru.jpg);
background-repeat: no-repeat;
background-position: center center;
}
ul#localeselector li#ro a {
background-image: url(/skin/locale_ro_n.jpg);
background-repeat: no-repeat;
background-position: center center;
}
ul#localeselector li#ro a:hover {
background-image: url(/skin/locale_ro.jpg);
background-repeat: no-repeat;
background-position: center center;
}
/* Sidebar */
div#sec_content ul, div#sec_content div {
padding: 20px;
border-bottom: 15px solid #FFF;
margin-bottom: 0;
}
/* Navigations */
ul.activity_list li {
margin-bottom: 10px;
padding-right: 50px;
font-size: 1.4em;
}
ul.nav li {
margin-bottom: 5px;
padding-right: 30px;
font-size: 1.4em;
}
ul.nav li a, ul.contact_list li a {
background-image: url(/skin/bullet_arrow_red.jpg);
background-repeat: no-repeat;
background-position: left 5px;
padding-left: 12px;
display: block;
}
ul.activity_list li a {
color: #FFF;
}
ul.nav li a, ul.contact_list li a,div#sec_content ul.nav li.current ul li a {
color: #FFF;
background-image: url(/skin/bullet_arrow_red.jpg);
background-repeat: no-repeat;
}
ul.activity_list li.current a,ul.activity_list li a:hover, ul.nav li.current a, ul.nav li a:hover, ul.contact_list li.current a , ul.contact_list li a:hover, div#sec_content ul.nav li.current ul li.current a,div#sec_content ul.nav li.current ul li a:hover {
color: #FAC113;
}
ul.nav li.current a, ul.nav li a:hover, ul.contact_list li.current a, ul.contact_list li a:hover, div#sec_content ul.nav li.current ul li.current a,div#sec_content ul.nav li.current ul li a:hover {
background-image: url(/skin/bullet_arrow_yellow.jpg);
background-repeat: no-repeat;
background-position: left 5px;
}
div#sec_content ul.nav li ul {
margin: 0;
margin-left: 10px;
margin-top: 5px;
padding: 0;
border: none;
}
div#sec_content ul.nav li ul li {
font-size: 1em;
}
/* Main Content Area */
div#main_content p.date {
font-size: 1.1em;
margin-bottom: 5px;
color: #666666;
padding-left: 0;
}
p#breadcrumb {
font-size: 1.1em;
margin-bottom: 20px;
}
div#intro {
padding: 20px;
background-color: #FAC113;
margin-bottom: 15px;
padding-bottom: 5px;
margin-top: 5px;
}
div#intro p {
font-size: 1.5em;
line-height: 1.4em;
font-weight: bold;
}
div#main_content ul li {
padding-left: 13px;
background-image: url(/skin/bullet.jpg);
background-repeat: no-repeat;
background-position: left 6px;
}
div#main_content img {
float: right;
clear: right;
margin-bottom: 10px;
margin-left: 10px;
border: 2px solid #CCCCCC;
}
div#main_content div#header img {
float: none;
margin: 0;
border: none;
}
div#main_content a:hover {
color: #FAC113;
}
/* Homepage Latest News */
div#latest_news div.head {
background-color: #E02D28;
padding: 10px;
position: relative;
margin-bottom: 15px;
}
div#latest_news div.head h2 {
color: #FFF;
font-size: 1.7em;
margin-bottom: 0;
}
div#latest_news div.head a#rss {
color: #ffffff;
display: block;
position: absolute;
top: 10px;
right: 10px;
font-size: 1.1em;
padding: 3px;
padding-right: 22px;
background-image: url(/skin/rss.jpg);
background-repeat: no-repeat;
background-position: right center;
}
div#latest_news {
overflow: hidden;
margin-top: 20px;
clear: both;
}
div#main_content div#latest_news div.img p {
padding-left: 85px;
}
div#main_content div#latest_news p.date {
font-size: 1.1em;
margin-bottom: 5px;
color: #666666;
padding-left: 0;
}
div#main_content div#latest_news div.img p.date {
padding-left: 0;
}
div#main_content div#latest_news h3 {
font-size: 1.5em;
color: #EF4135;
}
div#main_content div#latest_news h3 a {
color: #EF4135;
}
div#main_content div#latest_news img {
float: left;
margin: 0;
margin-right: 10px;
border: solid 2px #ccc;
}
div.main_footer_callout {
color: #002B54;
font-size: 1.5em;
border: solid 1px #f4f4f4;
padding: 10px;
padding-bottom: 0;
margin-top: 20px;
clear: both;
font-weight: bold;
}
div#mini_signup {
background-color: #FAC113;
overflow: hidden;
padding: 15px;
}
div#mini_signup form label {
font-size: 1.3em;
margin-bottom: 5px;
display: block;
}
div.right input {
float: left;
margin: 2px 8px 0 0;
}
div#mini_signup form label.nomargin {
margin: 0 0 5px 0;
}
div#mini_signup form input {
padding: 5px;
}
div#mini_signup form input.textinput {
margin-top: 8px;
width: 80%;
border: solid 1px #E02D28;
}
div#mini_signup form input.button {
background-color: #E02D28;
color: #fff;
border: none;
font-size: 1.3em;
margin-top: 10px;
margin-bottom: 0;
}
div.affiliate,div.location {
overflow: hidden;
margin-bottom: 10px;
border-bottom: solid 1px #f3f3f3;
padding-bottom: 10px;
}
div#main_content div.divider {
overflow: hidden;
margin-bottom: 20px;
border-bottom: solid 1px #f3f3f3;
}
/* Footer */
div#footer a {
color:#FAC113;
}
div#footer a:hover {
color:#FFFFFF;
}
ul.footnav li {
display:block;
float: left;
margin-right: 10px;
}
/* Common Elements */
div#main_content p.readmore {
padding-left: 10px;
background-image: url(/skin/bullet_red.jpg);
background-repeat: no-repeat;
background-position: left center;
}
div.left {
float: left;
width: 325px;
}
div.right {
float: right;
width: 325px;
}
div#mini_signup div.left, div#mini_signup div.right {
width: 310px;
}
.odd {
background-color: #f4f4f4;
}
div.pagination {
margin-top: 30px;
margin-bottom: 20px;
font-size: 1.2em;
overflow: hidden;
clear: both;
}
div.pagination span, div.pagination a {
display: block;
padding: 5px;
float: left;
margin-right: 5px;
border: solid 1px #eaeaea;
}
div.pagination span:hover, div.pagination a:hover {
background-color: #eaeaea;
}
div.pagination span.current {
background-color: #D2D2D2;
color: #2d2d2d;
}
p.built {
text-align:right;
}
div#main_content ul#sitemap li {
font-size: 1.4em;
}
div#main_content ul#sitemap li ul {
margin-top: 5px;
}
div#main_content ul#sitemap li ul li {
font-size: 1em;
}
div#main_content ul.dl {
margin-left: 0;
}
div#main_content ul.dl li {
list-style: none;
padding-top: 2px;
padding-bottom: 2px;
}
div#main_content ul.dl li.pdf {
padding-left: 20px;
background-image: url(/skin/icon_pdf.jpg);
background-repeat: no-repeat;
background-position: left center;
}
div#main_content ul.dl li.zip {
padding-left: 20px;
background-image: url(/skin/icon_zip.jpg);
background-repeat: no-repeat;
background-position: left center;
}
div#main_content ul.dl li.xls, div#main_content ul.dl li.xlsx {
padding-left: 20px;
background-image: url(/skin/icon_excel.gif);
background-repeat: no-repeat;
background-position: left center;
}
div#main_content ul.dl li.doc, div#main_content ul.dl li.docx {
padding-left: 20px;
background-image: url(/skin/icon_word.gif);
background-repeat: no-repeat;
background-position: left center;
}
div#sec_content div.callouts {
width: 280px;
padding: 0;
margin: 0;
background-image: none;
border: none;
}
div#sec_content div.callouts div.callout {
padding: 10px;
padding-left: 95px;
background-repeat: no-repeat;
background-position: left center;
background-color: #FAC113;
}
div#sec_content div.callouts div.callout p {
margin-bottom: 0;
line-height: 1.3em;
}
form#enquiry_form {
width: 600px;
display: inline;
margin: 20px 0 20px 0;
float: left;
}
form#enquiry_form fieldset {
border: 1px solid #0A2043;
padding: 5px 10px 10px 20px;
margin: 10px 0 10px 0;
}
form#enquiry_form legend {
color: #1B1464;
font-size: 1.6em;
padding: 4px 8px;
}
form#enquiry_form label {
font-size: 1em;
}
form#enquiry_form label.interst {
font-size: 1.3em;
margin-right: 20px;
}
form#enquiry_form select {
font-size: 1em;
padding: 3px;
border: 1px solid #b2b2b2;
margin-top: 5px;
margin-bottom: 5px;
color: #222222;
width: 300px;
}
form#enquiry_form input#area_of_interest, form#enquiry_form input#area_of_interest2, form#enquiry_form input#enquiry_newsletter {
width: 20px;
border: none;
}
form#enquiry_form input, form#enquiry_form .text_area {
font-size: 1em;
padding: 3px;
border: 1px solid #b2b2b2;
margin-top: 5px;
margin-bottom: 5px;
width: 95%;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #222222;
}
form#enquiry_form label.interest {
font-size: 1.3em;
}
form#enquiry_form label.interest input {
width: 20px;
}
form#enquiry_form input:focus, form#enquiry_form .text_area:focus {
border: solid 1px #666;
color: #222222;
}
form#enquiry_form span.mand {
color: #E02D28;
}
form#enquiry_form input#submitbutton {
background-color: #E02D28;
color: #fff;
border: 1px solid #E02D28;
font-weight: bold;
cursor: pointer;
float: left;
width: 100%;
font-size: 1.2em;
padding: 5px;
margin-top: 30px;
}
form#enquiry_form input#submitbutton:hover, form#direct input.submit:hover {
color: #fff;
background-color: #f06f6b;
border: 1px solid #E02D28;
}
form#enquiry-form div.withError input.text_field {
border: 1px solid #CC0000;
color: #CC0000;
}
form#enquiry-form div.withError label {
color: #cc0000;
}
span.formError {
color: #CC0000;
background: url(/skin/warning_small.gif) 0 2px no-repeat;
padding-left: 20px;
padding-bottom: 10px;
display: block;
font-size: 1em;
margin-top: 10px;
}
div#error.flash {
background: url(/skin/warning_large.gif) 10px 50% no-repeat;
border: 2px solid #cc0000;
padding: 25px;
padding-left: 70px;
color: #cc0000;
margin-bottom: 10px;
margin-top: 20px;
width: 550px;
font-size: 1.2em;
}
div#main_content p.left img{
float: left;
clear: left;
margin-bottom: 10px;
margin-right: 10px;
}
div#main_content p.right img{
clear:right;
float:right;
margin-bottom:10px;
margin-left:10px;
}
div#main_content p.block img{
display: block;
margin-left: auto;
margin-right: auto;
}