/* 
Site Name:CPD plc Corporate
Site URI:http://www.cpdplc.co.uk/
Version:1.0
Author:Ricki Self,http://www.bluestormnewmedia.co.uk
main css document
*/
body {
font-size: 10px;
font-family: "Lucida Grande","Lucida Sans",Helvetica,Arial,Verdana,sans-serif;
color: #666666;
background-color: #fff;
text-align: center;
}
a {
color: #842986;
text-decoration: none;
}
a:hover {
color: #842986;
text-decoration: underline;
}
#container {
width: 960px;
background-color: #fff;
margin: 0 auto 0 auto;
text-align: left;
}
div#content_main {
width: 712px;
float: right;
margin: 0 0 20px 10px;
}
body#home div#content_main {
float: left;
width: 490px;
margin: 0 10px 20px 0;
}
body#home div#sidebar {
float: right;
width: 420px;
margin: 0;
}
div#sidebar {
float: left;
width: 218px;
margin: 0;
padding-right: 15px;
}
#header {
width: 960px;
background: #fff url(../skin/headerspots.jpg) 100% 0 no-repeat;
height: 150px;
border-bottom: 5px solid #662e68;
position: relative;
}
a#logo {
position: absolute;
top: 20px;
border: none;
left: 0;
}
body#profile a#logo img,a#logo img {
float: none;
border: none;
margin: 0;
}
/* @group Nav */
ul#main_navigation {
display: inline;
position: absolute;
top: 125px;
margin: 0;
font-size: 1.5em;
}
ul#main_navigation li {
display: inline;
margin-right: 20px;
}
ul#main_navigation li a {
color: #767778;
font-weight: normal;
text-decoration: none;
}
ul#main_navigation li.current a,ul#main_navigation li a:hover {
color: #842986;
text-decoration: none;
}
form#sidesearch {
position: absolute;
top: 60px;
right: 0;
width: 230px;
}
form#sidesearch label {
position: absolute;
text-indent: -10000px;
}
form#sidesearch input.text {
background: transparent url(/skin/search_field.gif) 0 0 no-repeat;
border: none;
width: 169px;
height: 17px;
padding: 4px 0 0 25px;
margin: 0 10px 0 0;
float: left;
cursor: text;
}
form#sidesearch input.submit {
margin: 0;
float: right;
}
h1,h2,h3,h4 {
font-family: "Lucida Grande","Lucida Sans," Helvetica,Arial,Verdana,sans-serif;
font-weight: normal;
}
h1 {
font-size: 2.4em;
line-height: 1.1em;
color: #842986;
margin-bottom: 20px;
margin-top: 20px;
clear: left;
}
h2 {
font-size: 1.8em;
line-height: 1.1em;
color: #842986;
margin-bottom: 10px;
margin-top: 10px;
}
.latest_news h2 {
background: #842986 url(/skin/callout_hrss.jpg) 0 0 no-repeat;
width: 410px;
padding: 10px 0 8px 20px;
color: #fff;
font-size: 1.7em;
}
.latest_news h2 span {
font-size: .7em;
margin: 0 0 0 50px;
}
.latest_news h2 a {
color: #fff;
}
div#sidebar h2 {
margin: 10px 0 0 0;
}
div.signup {
margin-left: 10px;
width: 400px;
}
div.signup h2 {
margin: 10px 0 10px 0;
background: #fff url(/skin/env.jpg) 0 0 no-repeat;
padding-left: 53px;
padding-bottom: 15px;
color: #842986;
font-size: 2.2em;
border-bottom: 1px solid #E0E0E0;
}
h3 {
font-size: 1.5em;
line-height: 1.1em;
color: #842986;
margin: 5px 0;
}
div#newsletter h2 {
margin: 0 0 10px 0;
}
div#login h3 {
background: url(/skin/logintop.jpg) 0 0 no-repeat;
padding: 10px 10px 0 10px;
color: #777;
font-weight: bold;
margin: 0;
}
.signup h3 {
font-size: 1.6em;
color: #842986;
margin: 15px 0 5px 0;
}
h2.callouth {
background: #842986 url(/skin/callout_h.jpg) 0 0 no-repeat;
color: #fff;
font-size: 1.7em;
font-weight: normal;
padding: 12px 8px 8px 16px;
}
.callout h2 {
margin: 0 0 10px 0;
}
div#content_main p {
font-size: 1.3em;
margin-bottom: 15px;
line-height: 1.5em;
}
div#content_main div#intro p {
font-weight: bold;
font-size: 1.4em;
margin-bottom: 20px;
}
div#content_main img {
float: right;
border: 5px solid #e5e5e5;
margin: 0 0 10px 10px;
}
div#content_main img.left {
float: left;
border: 5px solid #e5e5e5;
margin-top: 0;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 0;
}
div#content_main img.block {
float: none;
border: 5px solid #e5e5e5;
margin: 0;
}
body#profile img {
float: left;
border: 3px solid #e5e5e5;
margin: 0 10px 10px 0;
}
div#content_main p.bigtext {
font-size: 2em;
}
div#content_main span {
color: #842986;
}
div#content_main span.caps {
color: #842986;
text-transform: uppercase;
}
div.callout {
border-bottom: 1px solid #E0E0E0;
padding-bottom: 10px;
margin-bottom: 10px;
}
div#content_main div.callout img {
float: left;
margin: 0 10px 10px 0;
border: none;
}
div#content_main div.last {
border: none;
}
div#content_main p#breadcrumb {
margin: 15px 0 0 0;
font-size: 1em;
}
div#content_main ul,div#content_main ol {
font-size: 1.3em;
margin-bottom: 15px;
}
div#content_main ul li {
background: url(/skin/list_bullet.jpg) 0 5px no-repeat;
margin-bottom: 5px;
padding-left: 15px;
}
#content_main ul li.pdf {
background: url(/skin/icon_pdf.jpg) 0 0 no-repeat;
padding-left: 23px;
}
#content_main ul li.doc {
background: url(/skin/icon_word.gif) 0 0 no-repeat;
padding-left: 23px;
}
#content_main ul li.xls {
background: url(/skin/icon_excel.gif) 0 0 no-repeat;
padding-left: 23px;
}
#content_main ul li.zip {
background: url(/skin/icon_zip.jpg) 0 0 no-repeat;
padding-left: 23px;
}
body#sitemap div#content_main ul li,body#links div#content_main ul li {
background: none;
}
body#sitemap div#content_main ul li a,body#links div#content_main ul li a {
color: #7C7C7C;
text-decoration: none;
border-left: 5px solid #e0e0e0;
padding-left: 10px;
background: none;
}
body#sitemap div#content_main ul li a:hover,body#links div#content_main ul li a:hover {
color: #842986;
border-left: 5px solid #ab6dac;
}
body#sitemap div#content_main ul ul {
font-size: 1em;
margin: 10px 0 10px 0;
}
body#sitemap div#content_main ul ul a {
}
body#sitemap div#content_main ul ul a:hover {
color: #842986;
}
div#content_main p.date,div.news p.date {
font-size: 1.1em;
}
div#content_main p.readmore {
clear: both;
}
div#content_main p.readmore a {
display: block;
font-weight: bold;
background: #e0e0e0 url(/skin/arrow.jpg) 98% 50% no-repeat;
padding: 3px 0 3px 10px;
color: #842986;
border: 1px solid #cecece;
}
div#content_main p.readmore a:hover {
background: #cecece url(/skin/arrow_hov.gif) 98% 50% no-repeat;
text-decoration: none;
color: #6e1f70;
border: 1px solid #bcbcbc;
}
div.divider {
width: 100%;
margin: 10px 0 10px 0;
overflow: hidden;
}
div#content_main div.divider img {
float: left;
border: 3px solid #e5e5e5;
margin: 0 10px 10px 0;
}
body#brands div#content_main ul {
}
body#brands div#content_main ul li {
padding: 5px;
margin: 0 20px 20px 0;
height: 100px;
width: 125px;
text-align: center;
float: left;
border: 3px solid #ccc;
background-image: none;
text-align: center;
}
body#brands div#content_main ul li img {
float: none;
margin: 0;
border: none;
}
body#brands div#content_main ul li h2 {
font-size: 1.3em;
}
#map {
background-color: #e5e5e5;
border: 5px solid #e5e5e5;
margin: 0 0 30px 0;
}
body#location img {
border: none;
}
div.googledir {
width: 670px;
font-size: 1.2em;
}
form#direct {
margin-bottom: 20px;
}
form#direct fieldset {
margin: 0 0 20px 0;
padding: 6px 10px 15px 25px;
border: 1px solid #ccc;
width: 650px;
}
form#direct legend {
font-weight: normal;
margin: 0px 0 0 0;
padding: 5px;
color: #842986;
font-size: 1.6em;
}
form#direct label {
font-size: 1.2em;
}
form#direct input#saddr {
border: solid 1px #cccccc;
margin-left: 10px;
padding: 4px;
font-size: 1.2em;
width: 350px;
margin-right: 10px;
}
form#direct input:focus {
border: solid 1px #a7a7a7;
}
form#direct input.submit {
background-color: #842986;
color: #fff;
border: 1px solid #6e1f70;
padding: 5px;
font-size: 1.2em;
font-weight: bold;
cursor: pointer;
}
form#direct input.submit:hover {
color: #fff;
background-color: #ab6dac;
border: 1px solid #842986;
}
div#slideshow {
width: 430px;
position: relative;
height: 420px;
}
div.slide {
	position: absolute;
	left: 0;
	top: 0;
}
div.slide img {
margin-top: 25px;
border: 5px solid #e5e5e5;
margin-right: 0px;
}
div.strapline {
	position:absolute;
	left:5px;
	bottom:20px;
	padding:10px;
	padding-bottom: 15px;
	font-size:1.6em;
	margin-right:25px;
	background-image: url(/skin/strapline.png);
	background-position: left top;
	color: #Ffffff;
}
div.strapline a {
	color:#FFF;
	text-decoration:none;
	padding-bottom: 2px;
	border-bottom: 1px dotted #FFF;
}
div.latest_news {
width: 430px;
border-bottom: 1px solid #E0E0E0;
padding-bottom: 20px;
margin-bottom: 20px;
float: left;
margin-top: 10px;
}
div.news {
float: left;
width: 205px;
margin: 20px 10px 0 5px;
}
div.latest_news div.last {
margin: 20px 5px 0 0;
}
div.news p {
font-size: 1.2em;
margin: 0;
}
div.news p.readmore {
margin-top: 5px;
}
div#newsletter {
float: left;
width: 420px;
}
div#newsletter p {
font-size: 1.2em;
line-height: 1.2em;
margin: 10px 0;
}
div#newsletter img {
float: left;
margin: 0 10px 50px 0;
}
div#testimonial {
background: #fff url(/skin/66.jpg) 0 0 no-repeat;
margin-bottom: 20px;
margin-top: 20px;
}
blockquote {
font-size: 1.3em;
font-style: italic;
padding-top: 50px;
background: url(/skin/99.jpg) 100% 100% no-repeat;
width: 210px;
}
blockquote span {
font-weight: bold;
font-style: normal;
padding-top: 10px;
}
ul.nav {
margin: 20px 0 70px 0;
font-size: 1.5em;
}
ul.nav li {
margin-bottom: 10px;
}
ul.nav li a {
color: #7C7C7C;
text-decoration: none;
border-left: 5px solid #e0e0e0;
padding-left: 10px;
display: block;
}
ul.nav li a:hover,ul.nav li.current a {
color: #842986;
border-left: 5px solid #ab6dac;
}
ul.nav ul {
font-size: .9em;
margin: 10px 0 0 10px;
}
ul.nav li.current ul li a {
color: #7C7C7C;
border: none;
background: #fff url(/skin/nav_arrow.jpg) 0 6px no-repeat;
padding-left: 12px;
}
ul.nav li.current ul li a:hover,ul.nav li.current ul li.current a {
color: #842986;
background: #fff url(/skin/nav_arrow_hov.jpg) 0 6px no-repeat;
}
div.signup input {
font-size: 1em;
padding: 3px;
border: solid 1px #cccccc;
margin-top: 5px;
margin-bottom: 5px;
color: #808080;
width: 300px;
font-family: "Lucida Grande","Lucida Sans," Helvetica,Arial,Verdana,sans-serif;
}
div.signup input:focus {
border: solid 1px #a7a7a7;
color: #808080;
}
div.signup p {
font-size: 1.2em;
margin-bottom: 15px;
}
div.signup label {
color: #767778;
font-size: 1.3em;
margin-top: 40px;
margin-right: 40px;
}
div.signup input {
margin-right: 10px;
font-size: 1.2em;
padding: 5px;
border: solid 1px #cccccc;
}
div.signup input.tick {
margin-right: 10px;
width: 20px;
}
div.signup input.submit {
background-color: #842986;
color: #fff;
border: 1px solid #6e1f70;
font-size: 1.2em;
font-weight: bold;
padding: 4px 0;
margin: 15px 0 0 0;
width: 100%;
cursor: pointer;
}
div.signup input.submit:hover {
color: #fff;
background-color: #ab6dac;
border: 1px solid #842986;
}
#footer {
clear: both;
width: 960px;
padding-bottom: 20px;
border-top: 5px solid #662e68;
}
#footer_content {
width: 500px;
float: left;
margin-top: 10px;
}
#footer_content p {
font-size: 1.2em;
line-height: 1.3em;
}
#footer_content a {
color: #842986;
text-decoration: none;
}
#footer_content a:hover {
text-decoration: underline;
}
ul.footnav {
font-size: 1.2em;
margin-top: 5px;
}
ul.footnav li {
display: inline;
border-right: 1px solid #842986;
margin: 0 7px 0 0;
padding: 0 7px 0 0;
}
ul.footnav .last {
border: none;
}
div#login {
background: #efefef url(/skin/loginbottom.jpg) 0 100% no-repeat;
float: right;
width: 428px;
padding: 0 0px 10px 0px;
margin-top: 10px;
margin-bottom: 10px;
}
div#login p {
font-size: 1.2em;
margin-top: 5px;
}
div#login img {
float: left;
margin: 10px 10px 10px 10px;
border: none;
}
div#built {
margin: 0px 0 10px 0;
float: right;
clear: both;
}
form#enquiry-form {
width: 500px;
display: inline;
margin: 20px 0 20px 0;
float: left;
}
form#enquiry-form fieldset {
border: 1px solid #e0e0e0;
padding: 5px 10px 10px 20px;
margin: 10px 0 10px 0;
}
form#enquiry-form legend {
color: #842986;
font-size: 1.6em;
padding: 4px 8px;
}
form#enquiry-form p.purple {
color: #842986;
font-size: 1.6em;
margin-bottom: 5px;
}
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: solid 1px #cccccc;
margin-top: 5px;
margin-bottom: 5px;
color: #808080;
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: solid 1px #cccccc;
margin-top: 5px;
margin-bottom: 5px;
color: #808080;
width: 95%;
font-family: "Lucida Grande","Lucida Sans," Helvetica,Arial,Verdana,sans-serif;
}
form#enquiry-form input:focus {
border: solid 1px #a7a7a7;
color: #808080;
}
form#enquiry-form input#submitbutton {
background-color: #842986;
color: #fff;
border: 1px solid #6e1f70;
font-weight: bold;
cursor: pointer;
float: left;
width: 100%;
font-size: 1.2em;
padding: 5px;
}
form#enquiry-form input#submitbutton:hover {
color: #fff;
background-color: #ab6dac;
border: 1px solid #842986;
}
form#enquiry-form input.checkbox {
padding: 4px 0 0 0;
border: none;
width: 20px;
}
body#pages #right p.note {
font-size: 1.1em;
clear: both;
margin-top: 10px;
}
form#enquiry-form span {
color: #cc0000;
}
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/bullet_error.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/alert.gif) 10px 50% no-repeat;
border: 2px solid #cc0000;
padding: 25px;
padding-left: 70px;
color: #cc0000;
margin-bottom: 10px;
margin-top: 20px;
float: left;
width: 400px;
font-size: 1.2em;
}
div#notice.flash {
background-color: #e0e0e0;
color: #842986;
font-size: 1.2em;
padding: 5px;
border: 1px solid #cecece;
width: 400px;
margin-bottom: 20px;
font-weight: bold;
}
table {
width: 100%;
margin-bottom: 10px;
}
td,th {
font-size: 1.3em;
text-align: left;
}
td {
padding: 5px;
}
div#content_main td img {
float: none;
margin: 0;
}
div#twitter {
height: 120px;
background-image: url(/skin/twitterbird.jpg);
background-repeat: no-repeat;
background-position: right bottom;
}
div#twit {
margin: 20px;
background-image: url(/skin/twit.jpg);
background-position: center top;
background-repeat: no-repeat;
width: 386px;
}
div#twit div.inner {
width: 356px;
padding: 15px;
background-image: url(/skin/twitinner.jpg);
background-position: center bottom;
background-repeat: no-repeat;
overflow: hidden;
font-size: 1.2em;
}
div#twit div.inner img {
float: left;
margin-right: 10px;
}
div#content_main div#twit {
line-height: 1.8em;
}
div#content_main p#follow {
text-align: right;
padding-right: 75px;
font-size: 1.1em;
margin-bottom: 0;
margin-top: -10px;
}
div#content_main p.twiterror {
text-align: center;
font-size: 1em;
}
div.prod_gallery {
width: 315px;
overflow: hidden;
float: right;
margin-left: 25px;
}
div#content_main div.prod_gallery ul {
overflow: hidden;
margin-bottom: 0;
}
div#content_main div.prod_gallery ul li {
list-style: none;
margin: 0;
padding-left: 0;
background-image: none;
}
div#content_main div.prod_gallery ul li.bigimage {
float: none;
margin: 0;
margin-bottom: 10px;
}
div#content_main div.prod_gallery ul li.bigimage a {
width: 300px;
height: 300px;
text-align: center;
border: solid 6px #E5E5E5;
display: block;
}
div#content_main div.prod_gallery ul li.small {
width: 105px;
height: 105px;
display: block;
float: left;
margin-right: 0;
}
div#content_main div.prod_gallery ul li.small a {
display: block;
width: 95px;
height: 95px;
margin-right: 10px;
text-align: center;
border: solid 4px #E5E5E5;
}
div#content_main div.prod_gallery ul li.bigimage a img,div#content_main div.prod_gallery ul li.small a img {
border: none;
float: none;
margin: 0;
}
div#ticker {
padding: 8px;
padding-left: 10px;
background-color: #333333;
color: #FFF;
}
.tickercontainer {/* the outer div with the black border */
width:940px;
margin: 0;
padding: 0;
}
.tickercontainer .mask {/* that serves as a mask. so you get a sort of padding both left and right */
position:relative;
width: 940px;
overflow: hidden;
}
ul.newsticker {/* that's your list */
position:relative;
left: 960px;
list-style-type: none;
margin: 0;
padding: 0;
width: 5000px !important;
margin-top: 2px;
}
ul.newsticker li {
float: left;
list-style: none;
display: block;
margin-right: 10px;
padding-right: 10px;
border-right: solid 1px #eeeeee;
margin-bottom: 0;
}
ul.newsticker li a {
padding: 0;
display: block;
white-space: nowrap;
color:#ffffff !important;
font-size:1.2em;
}