@import url('/content/css/header.css');
@import url('/content/css/menu.css');
@import url('/content/css/footer.css');
@import url('/content/css/products.css');

/* THIS LAYOUT */

@font-face {
font-family: 'MyriadPro-Semibold';
src: url('/content/fonts/myriadpro-semibold.eot');
src: url('/content/fonts/myriadpro-semibold.eot?#iefix') format('embedded-opentype'),
url('/content/fonts/myriadpro-semibold.woff') format('woff'),
url('/content/fonts/myriadpro-semibold.ttf') format('truetype'),
url('/content/fonts/myriadpro-semibold.svg#myriadpro-semibold') format('svg');
font-weight: normal;
font-style: normal;
}

body, input, textarea, select{	
font-family:Verdana, Helvetica, sans-serif;
background-color:#d5083a;
background-image:url();
background-repeat:repeat-x;
color:#ffffff;
}

.Banner-Wrapper{
background-color:#FFFFFF;
border-top:2px solid #333333;
border-bottom:2px solid #333333;
}

.Banner{
width:100%;
}

body{	
background-image:url(/content/images/body_bg.png);
background-repeat:repeat-x;
}

/* BACKGROUNDS */

.BGLeft{
background-image:url();
background-repeat:no-repeat;
}

.BGRight{
background-image:url();
background-repeat:no-repeat;
}

/* LINKS */

a{
color:#ffffff;
text-decoration:undeline;
}

a:hover{
color:#ffffff;
text-decoration:none;
}

.HiddenHeader, .HiddenHeader a{
background-color:#ffffff;
color:#d70739;
font-size:18px;
text-decoration:underline;
padding:5px 0px 0px 0px;
}

.HiddenHeader .details{
padding:3px 0px 0px 0px;
}

.HiddenHeader a:hover{
color:#d70739;
text-decoration:underline;
}


/* CONTENT */

.Content-Wrapper{
background-color:#D5083A;
background-image:url(/content/images/content-wrapper_bg.png);
background-repeat:repeat-x;
color:#;
}

.Content{
background-color:#D5083A;
background-image:url(/content/images/content_bg.png);
background-repeat:repeat-x;
color:#ffffff;
}

.BoxWhite{
background-color:#ffffff;
color:#464646;
}

.BoxWhiteBorder{
border:2px solid #333333;
}

.BoxWhiteBorder a:hover{
color:#464646;
text-decoration:underline;
}

.Logos{
background-color:#d5083a;
}

.HomeText p{
font-size:12px;
}

.hr{
padding:0px;
margin:5px 10px;
background-image:url(/content/images/hr.png);
background-repeat:repeat-x;
}

.logo{
width:100px;
border:1px solid #464646;
margin:10px;
}

.logo hr{
margin-top:10px;
width:80%;
}

.ContactSubmit{
margin-right:38px;
}

.apply input, .apply textarea{
border:1px solid #464646;
background-color:#FFFFFF;
color:#464646;
padding:4px 7px;
}

.apply textarea{
width:350px;
height:300px;
}

.apply .Name{
width:200px;
margin-left:2px;
}

.apply .Email{
width:350px;
margin-left:2px;
}

.apply .Postcode{
width:60px;
margin-left:2px;
}

.apply input.file{
background-color:#ffffff;
border:0px;
}

.Job-Board{
background-color:#FFFFFF;
color:#272425;
}

.Job-Board .Job-Logo{
position:relative;
left:40px;
top:-10px;
}

.Job-Board .hr{
background-image:url(/content/images/job-hr.png);
background-repeat:repeat-x;
font-size:6px;
}

.Job-Board .hrSingle{
background-image:url(/content/images/job-hr-single.png);
background-repeat:repeat-x;
font-size:3px;
}

.Job-Board table{
width:860px;
margin:0px 20px;
}

.Job-Board table tr td{
vertical-align:middle;
}

/* DIRECTORY */

.Directory{
background-color:#FF9900;
height:30px;
}
.Directory ul{
width:100%;
z-index:5000;
margin:0px;
padding:0px;
}
.Directory ul li{
float:left;
list-style-type:none;
margin:0px;
padding:0px;
}
.Directory ul a{
display:block;
padding:5px;
text-decoration:none;
}
.Directory ul a:hover{
text-decoration:none;
}
.Directory ul li div.Directory-Menu{
background:#ffffff;
position:absolute;
left:-9999px;
width:900px;
padding-bottom:20px;
z-index:5000;
}
.Directory ul li:hover div.Directory-Menu{
position:absolute;
left:0px;
}
.Directory ul li:hover a{
text-decoration:underline;
}
.Directory ul li:hover div.Directory-Menu a{
text-decoration:none;
}
.Directory ul li:hover div.Directory-Menu ul li{
clear:both;
display: block;
padding-left:20px;
list-style-type:decimal;
font-size:12px;
}
.Directory ul li:hover div.Directory-Menu ul li a:hover{
text-decoration:underline;
}

/* BLOG */

/********************* MAIN BLOG *********************
	<div class="Blog">
    	<h2 class="Blog-Title"></h2>
        <div class="Blog-Date right"></div>
        <div class="clear"></div>
		<div class="Blog-Data"></div>
		<hr />
        <!-- Social media -->
	</div>
********************* MAIN BLOG *********************/

/********************* BLOG NAVIGATION *********************
<ul>
 <li><a href="javascript:void(0);" class="Blog-Year">2013</a>
  <ul>
   <li><a href="javascript:void(0);" class="Blog-Month">December</a>
    <ul>
     <li><a href="javascript:void(0);" class="Blog-Item" rel="20121210102908">10th - Item Name</a></li>
     <li><a href="javascript:void(0);" class="Blog-Item" rel="20121210102543">10th - Item Name</a></li>
     <li><a href="javascript:void(0);" class="Blog-Item" rel="20121210102511">10th - Item Name</a></li>
    </ul>
   </li>
  </ul>
 </li>
</ul>
********************* MAIN NAVIGATION *********************/

/* GALLERY */

.Gallery{
padding:10px 5px 10px 10px;
}

.Gallery .GalleryItem{
width:200px;
height:200px;
float:left;
overflow:hidden;
margin:5px;
}

/* FORMS */

form{
margin-left:35px;
}

form input[type=text], form textarea{
background-color:#ffffff;
border:1px solid #000000;
width:200px;
padding:7px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
form input[type=submit]{
background-color:#000000;
border:1px solid #000000;
color:#ffffff;
padding:7px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
form textarea{
resize:vertical;
}
form input[type=text], form textarea{
color:#000000;
text-align:right;
}
form .Error{
color:#ffffff;
}
form div.Statement{
font-weight:bold;
}

.Cookie a{
color:#464646;
}

/* MENU */

.Menu-Wrapper{
background-color:#;
background-image:url(/content/images/menu-wrapper_bg.png);
background-repeat:repeat;
color:#;
}

.Menu{
background:none;
background-repeat:repeat-x;
font-size:17px;
font-weight:bold;
height:56px;
}

.Menu a{
color:#ffffff;
font-size:17px;
text-decoration:none;
}

.Menu .MenuItems div.Menu-Item div{
margin:10px 0px 0px 0px;
padding:9px 15px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}

.Menu .MenuItems div.Menu-Item div a{
color:#d5d5d5;
}

.Menu .MenuItems div.Menu-Spacer div{
color:#595757;
padding:5px 0px;
font-size:32px;
visibility:hidden;
}

.MenuActiveBackground{
background-color:#595757;
}

.MenuActiveBackground a{
color:#ffffff;
text-decoration:none;
}

.MenuActiveBackground a:hover{
color:#ffffff;
text-decoration:none;
}

.SubMenu{
top:48px;
background-color:#c5d7dd;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}

/* FOOTER */

.Footer-Wrapper{
background-color:#dedede;
background-image:url(/content/images/footer-wrapper_bg.png);
background-repeat:repeat-x;
}

.Footer{
background-color:#;
background-image:url(/content/images/content_bg.png);
color:#595757;
min-height:100px;
font-size:14px;
}

.Footer p{
font-size:14px;
}

.Footer a{
color:#595757;
text-decoration:none;
}

.Footer a:hover{
color:#595757;
text-decoration:underline;
}