@charset "utf-8";
/* CSS Document */

/* ----- PAGE STRUCTURE ----- */

body {
margin: 15px 0px 0px 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #999999;
}

#pagecontainer {
height: 705px;
width: 1000px;
margin-right: auto;
margin-left: auto;
}

#outerborder {
height: 630px;
width: 840px;
border: 1px solid #999999;
}

#innerborder {
height: 620px;
width: 830px;
border: 1px solid #CCCCCC;
margin: 4px 0px 0px 0px;
padding: 0px;
}

#contentarea {
height: 545px;
width: 820px;
}

#content {
height: 540px;
width: 660px;
margin: 0px 0px 0px 0px;
padding: 0px;
position: relative;
}

#menuarea {
height: 540px;
width: 140px;
margin: 0px 0px 0px 13px;
padding: 0px;
}

#header {
margin-top: 10px;
height: 60px;
width: 800px;
}

#strapline {
text-align: left;
font-size: 11pt;
color: #333333;
margin: 12px 0px 0px 10px;
}

#strapline ul {
font-size: 8pt;
list-style:none;
color: #999999;
margin: 0px;
padding: 0px;
}

#strapline ul li {
display: inline;
}

#footer {
height: 40px;
width: 820px;
margin-top: 10px;
}

#advertisingcolumn {
height: 630px;
width: 145px;
}

#logos {
height: 120px;
width: 120px;
border-bottom: 1px solid #CCCCCC;
float:left;
margin-left:5px;
}

#bannercontainer {
height: 485px;
width: 120px;
float:left;
margin-left: 5px;
}

.floatright {
float: right;
}

.floatleft {
float: left;
}

.displayblock {
display: block;
}

.displaynone {
display: none;
}

.clearboth {
clear:both;
}

/* ----- MENU ----- */

#menuarea ul {
list-style: none;
margin: 0px;
padding: 0px;
float: left;
}

#menuarea ul li {
width: 140px;
padding-top: 1px;
padding-bottom: 1px;
margin: 0px;
background-color: #FFFFFF;
}

#menuarea a {
color: #666666;
text-decoration: none;
}

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

#branchlist {
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}

#branchlist a {
font-size: 8pt;
color:#999999;
}

#webshoplist {
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}

#contactlist {
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}

#webshoplist a {
font-size: 8pt;
color:#999999;
}

#contactlist a{
font-size: 8pt;
color:#999999;
}

#newsevents {
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}

#newsevents a {
font-size: 8pt;
color:#999999;
}

.borderbtm {
border-bottom: 1px solid #CCCCCC;
}

.bordertop {
border-top: 1px solid #CCCCCC;
}

.submenuitemselected {
text-decoration: underline !important; 
color:#FF6600 !important;
}

.menuitemselected {
background: #FFFFFF url("/assets/menubox.jpg") no-repeat scroll 0px 0px;
}

/* ----- FOOTER ----- */

#footer ul li {
list-style: none;
display: inline;
margin: 0px;
padding: 0px;
}

#footer a img {
border: none;
}

#logostrip {
height: 40px;
width: 680px;
margin:0px 0px 0px 10px;
padding: 0px;
}

/* ----- CONTENT BACKGROUNDS ----- */

.header {
background-image: url('assets/header.jpg');
background-repeat: no-repeat;
background-position: -10px 8px;
position: relative;
}

.contactstaff {
background-image: url('assets/contactstaff.jpg');
background-repeat: no-repeat;
background-position: 315px 250px;
}

.newspaper {
background-image: url('assets/backgrounds/newspaper.jpg');
background-repeat: no-repeat;
background-position: 260px 200px;
}

.smallnewspaper {
background-image: url('assets/smallnewspaper.jpg');
background-repeat: no-repeat;
background-position: 420px 360px;
}

.sitemap {
background-image: url('assets/sitemap.jpg');
background-repeat: no-repeat;
background-position: 110px 230px;
}

.downloads {
background-image: url('assets/mouse.jpg');
background-repeat: no-repeat;
background-position: 110px 230px;
}

/* ----- INDEX ----- */

#holder3 {
float: left;
margin: 75px 0px 0px 20px;
padding: 0px;
text-align: left;
}

#motocontainer {
height: 454px;
width: 640px;
float: left;
padding: 0px;
text-align: left;
position: relative;
}

.motoimage {
margin: -37px 0px 0px 101px;
position: absolute;
bottom: 0px;
z-index: 1;
}

#mototitle {
width: 180px;
border-bottom: 1px solid black;
color:#666666;
font-size: 11pt;
}

#branchmototitle {
width: 145px;
border-bottom: 1px solid black;
color:#666666;
font-size: 11pt;
margin-top: 40px;
}

.quotation {
height: 45px;
width: 600px;
color:#666666;
font-size: 28pt;
margin-top: 10px;
position: absolute;
}

#quotation ul {
display: inline;
padding: 0px;
margin: 0px;
}

#quotation ul li {
list-style: none;
display: inline;
}

.motobulletpoints {
position: absolute;
z-index: 2;
}

.motobulletpoints ul {
list-style-image:url(assets/bulletpoint.jpg);
color:#666666;
font-weight: bold;
font-size: 9pt;
margin: 12px 0px 0px 0px;
padding-left: 25px;
}

.motobulletpoints ul li {
margin-bottom: 2px;
}

.motodescription p {
width: 600px;
/*margin: 8px 0px 0px 0px; */
margin: 66px 0px 0px 0px;
}

#description p {
margin-top: 8px;
margin-bottom: 5px;
}

.rightapos {
margin-bottom: 10px;
margin-right: -10px;
}

.leftapos {
margin-bottom: -12px;
margin-left: -8px;
}

.orangebox {
margin-bottom: -3px;
padding: 0px;
width: 15px;
height: 20px;
}

/* ----- NEWS AND EVENTS ----- */

#selectdivision {
height: 300px;
width: 650px;
float: left;
margin: 65px 0px 0px 10px;
padding: 0px;
text-align: left;
}

/* ----- NEWS ----- */

#leftcolumn {
height: 450px;
width: 290px;
}

#rightcolumn {
height: 428px;
width: 305px;
margin: 98px 0px 0px 80px;
}

#newsstories {
height: 430px;
width: 300px;
float: left;
margin: 0px;
padding: 0px;
text-align: left;
}

#latestnews {
width: 285px;
border-bottom: 1px solid black;
color:#666666;
font-size: 11pt;
}

.divisionlogo {
margin: -30px 0px 0px -45px;
}

.subscribe {
color:#666666;
font-size: 8pt;
margin-top: -15px;
}

.subscribe a {
color:#666666;
font-size: 8pt;
margin-top: -15px;
text-decoration: none;
}

.rss {
margin: -3px 0px -3px 3px;
border: none;
text-decoration: none;
}

.rss a:hover {
text-decoration: underline;
}

.subtitle {
text-decoration: underline;
color:#FF6600;
font-size: 10.5pt;
}

.topstorydescription {
width: 305px;
font-size: 10pt;
margin: 2px 0px 0px 0px;
}

.topstoryimage {
width: 120px;
height: 91px;
margin-left: 5px;
border: 1px solid black;
}

.viewall a {
color: #333333;
font-size: 9pt;
margin-top: 2px;
text-decoration:none;
}

.viewall a:hover {
text-decoration: underline;
color:#FF6600;
font-size: 9pt;
margin-top: 2px;
}

.arrow {
margin-top: 2px;
margin-bottom: -2px;
border: none;
}

.storytitle a {
color: #333333;
text-decoration: none;
margin-bottom: 2px;
}

.storytitle a:hover {
text-decoration: underline;
color:#FF6600;
margin-bottom: 2px;
}

.titles {
margin: 15px 0px 10px 0px;
padding: 0px;
height: 16px;
}

.date {
margin-top: -16px;
font-size: 8pt;
}

/* ----- NEWS STORY PAGES -----*/

#newsstorylong {
height: 80px;
width: 620px;
float: left;
margin: 0px;
padding: 0px;
text-align: left;
}

#subscribe {
margin-top: 8px;
}

#subscribe a {
color: #333333;
font-size: 10pt;
text-decoration:none;
}

#subscribe a:hover {
text-decoration: underline;
color:#FF6600;
font-size: 10pt;
}

#storyholder {
height: 414px;
width: 620px;
border-bottom: 1px solid #CCCCCC;
overflow: auto;
}

#back2news {
margin-top: 8px;
}

#back2news a {
color: #333333;
font-size: 10pt;
text-decoration:none;
}

#back2news a:hover {
text-decoration: underline;
color:#FF6600;
font-size: 10pt;
}

.newsstorypic {
height: 75px;
width: 100px;
margin-right: 6px;
border: 1px solid black;
}

.mainstoryimage {
margin: 15px 10px 10px 10px;
border: 1px solid #CCCCCC;
}

.story {
/*height: 50px;*/
width: 300px;
/*margin-right: 5px;*/
/*margin-bottom: 25px;*/
/*margin-bottom: 10px;*/
text-align: left;
} 

.longstory {
height: 75px;
/*width: 500px;*/
/*margin-right: 25px;
margin-bottom: 7px;*/
text-align: left;
margin: 5px 0px 0px 0px;
padding: 0px;
}

.clippings {
height: 40px;
width: 300px;
text-align: left;
margin:0px;
padding:0px;
}

.readmore {
height: 20px;
width: 85px;
margin-top: 26px;
padding: 0px;
}

.readmore a {
color: #333333;
text-decoration:none;
}

.readmore a:hover {
color:#FF6600;
text-decoration: underline;
}

.storytitlelong {
/*width: 535px;*/
margin-top: 9px;
}

.storytitlelong a {
color: #333333;
text-decoration: none;
margin-bottom: 2px;
}

.storytitlelong a:hover {
text-decoration: underline;
color:#FF6600;
margin-bottom: 2px;
}

/* ----- BRANCHES ----- */

#holder {
height: 100px;
width: 240px;
float: left;
margin: 75px 0px 0px 20px;
padding: 0px;
text-align: left;
}

#branchholder {
position: absolute;
left: 0px;
width: 350px;
height: 470px;
margin: 35px 0px 0px 20px;
padding: 0px;
text-align: left;
z-index: 1;
}

#holder2 {
height: 100px;
width: 200px;
float: left;
margin: 75px 0px 0px 20px;
padding: 0px;
text-align: left;
}

#branchtitle {
width: 220px;
border-bottom: 1px solid black;
color:#666666;
font-size: 11pt;
}

#newsdescription {
margin: 10px 0px 0px 0px;
height: 35px;
}

.branchdescription {
width: 220px;
font-size: 10pt;
margin: 5px 0px 5px 0px;
}

.branchdescription p {
margin:0px;
}

#branchdropdown {
border: none;
margin-top: -25px;
}

#branchlistdropdown {
margin: 39px 12px 0px 0px;
height: 20px;
}

/* ----- BRANCH PAGES ----- */

#dotmap {
float: right;
position: relative;
width: 390px;
height: 451px;
margin: 0px;
padding: 0px;
right: 30px;
top: 80px;
background-image: url('assets/map/Blankmapdots.jpg');
background-repeat: no-repeat;
background-position: right;
}

#circle {
position: absolute;
left: 0px;
width: 130px;
height: 451px;
z-index: 2;
}

#circleberkshire {
background-image: url('assets/map/berkshire/berkshiremap.jpg');
background-position: left;
position: absolute;
left: 0px;
width: 130px;
height: 451px;
}

#circlebirmingham {
background-image: url('assets/map/birmingham/birminghammap.jpg');
position: absolute;
width: 130px;
height: 451px;
left: 0px;
}

#circlebristol {
background-image: url('assets/map/bristol/bristolmap.jpg');
position: absolute;
width: 130px;
height: 451px;
left: 0px;
}

#circlecastle {
background-image: url('assets/map/castle/castlemap.jpg');
position: absolute;
width: 130px;
height: 451px;
left: 0px;
}

#circlechester {
background-image: url('assets/map/chester/chestermap.jpg');
position: absolute;
width: 130px;
height: 451px;
left: 0px;
}

#circlecrewe {
background-image: url('assets/map/crewe/crewemap.jpg');
position: absolute;
width: 130px;
height: 451px;
left: 0px;
}

#circleedinburgh {
background-image: url('assets/map/edinburgh/edinburghmap.jpg');
position: absolute;
width: 130px;
height: 451px;
left: 0px;
}

#circleglasgow {
background-image: url('assets/map/glasgow/glasgowmap.jpg');
position: absolute;
width: 130px;
height: 451px;
left: 0px;
}

#circlegrantham {
background-image: url('assets/map/grantham/granthammap.jpg');
position: absolute;
width: 130px;
height: 451px;
left: 0px;
}

#circlehull {
background-image: url('assets/map/hull/hullmap.jpg');
position: absolute;
width: 130px;
height: 451px;
left: 0px;
}

#circleleeds {
background-image: url('assets/map/leeds/leedsmap.jpg');
position: absolute;
width: 130px;
height: 451px;
left: 0px;
}

#circlelnorth {
background-image: url('assets/map/lnorth/lnorthmap.jpg');
position: absolute;
width: 130px;
height: 451px;
left: 0px;
}

#circlelsouth {
background-image: url('assets/map/lsouth/lsouthmap.jpg');
position: absolute;
width: 130px;
height: 451px;
left: 0px;
}

#circlenewcastle {
background-image: url('assets/map/newcastle/newcastlemap.jpg');
position: absolute;
width: 130px;
height: 451px;
left: 0px;
}

#circlenorthampton {
background-image: url('assets/map/northampton/northamptonmap.jpg');
position: absolute;
width: 130px;
height: 451px;
left: 0px;
}

#circlenwales {
background-image: url('assets/map/nwales/nwalesmap.jpg');
position: absolute;
width: 130px;
height: 451px;
left: 0px;
}

#circlepoole {
background-image: url('assets/map/poole/poolemap.jpg');
position: absolute;
width: 130px;
height: 451px;
left: 0px;
}

#circlepreston {
background-image: url('assets/map/preston/prestonmap.jpg');
position: absolute;
width: 130px;
height: 451px;
left: 0px;
}

#circlesheffield {
background-image: url('assets/map/sheffield/sheffieldmap.jpg');
position: absolute;
width: 130px;
height: 451px;
left: 0px;
}

#circleblank {
background-image: url('assets/map/Blankmap.jpg');
position: absolute;
width: 130px;
height: 451px;
left: 0px;
}

#directions {
margin: 68px 0px 0px 220px;
width: 130px;
height: 50px;
text-align: left;
}

#dots {
position: relative;
/*width: 260px;*/
/*height: 451px;*/
margin: 0px 130px 0px 0px;
float: right;
padding: 0px;
}

#dots a img {
border: none;
}

#berkshiredot {
position: absolute;
width: 15px;
height: 13px;
margin: 352px 0px 0px 31px;
padding: 0px;
}

#edinburghdot {
position: absolute;
width: 15px;
height: 13px;
margin: 145px 0px 0px -42px;
}

#glasgowdot {
position: absolute;
width: 15px;
height: 13px;
margin: 153px 0px 0px -69px;
}

#prestondot {
position: absolute;
width: 15px;
height: 13px;
margin: 230px 0px 0px -16px;
}

#leedsdot {
position: absolute;
width: 15px;
height: 13px;
margin: 225px 0px 0px 8px;
}

#hulldot {
position: absolute;
width: 15px;
height: 13px;
margin: 237px 0px 0px 40px;
}

#nwalesdot {
position: absolute;
width: 15px;
height: 13px;
margin: 277px 0px 0px -49px;
}

#newcastledot {
position: absolute;
width: 15px;
height: 13px;
margin: 177px 0px 0px -8px;
}

#chesterdot {
position: absolute;
width: 15px;
height: 13px;
margin: 282px 0px 0px -21px;
}

#crewedot {
position: absolute;
width: 15px;
height: 13px;
margin: 291px 0px 0px -7px;
}

#bristoldot {
position: absolute;
width: 15px;
height: 13px;
margin: 350px 0px 0px -7px;
}

#castledot {
position: absolute;
width: 15px;
height: 13px;
margin: 291px 0px 0px 23px;
}

#granthamdot {
position: absolute;
width: 15px;
height: 13px;
margin: 283px 0px 0px 37px;
}

#sheffielddot {
position: absolute;
width: 15px;
height: 13px;
margin: 272px 0px 0px 16px;
}

#pooledot {
position: absolute;
width: 15px;
height: 13px;
margin: 383px 0px 0px 6px;
}

#lsouthdot {
position: absolute;
width: 15px;
height: 13px;
margin: 351px 0px 0px 67px;
}

#lnorthdot {
position: absolute;
width: 15px;
height: 13px;
margin: 343px 0px 0px 51px;
}

#northamptondot {
position: absolute;
width: 15px;
height: 13px;
margin: 323px 0px 0px 35px;
}

#birminghamdot {
position: absolute;
width: 15px;
height: 13px;
margin: 313px 0px 0px 16px;
}

#openings {
height: 150px;
margin: 0px;
}

#telesalesopenings {
height: 150px;
margin: -70px 0px 0px 0px;
}

#moreinfo {
height: 35px;
width: 120px;
padding: 0px;
margin: 10px 0px 10px 0px;
}

#description {
height: 75px;
}

#viewdirections {
margin-top: 10px;
}

#directions ul {
margin-top: 0px;
list-style: none;
}

#directions ul li {
display: inline;
}

#directions ul li a{
display: inline;
font-size: 6pt;
}

#directions ul li a:hover{
display: inline;
font-size: 6pt;
color: #FF6600;
text-decoration: underline;
}

#directions a {
color: #666666;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
}

#directions a:hover {
color: #FF6600;
font-size: 10pt;
font-weight: bold;
text-decoration: underline;
}

#telesalesmoreinfo {
width: 120px;
margin: 15px 0px 0px -60px;
}

.details {
width: 110px;
margin-left: 8px;
margin-top: 8px;
}

#contact a {
color: #666666;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
}

#contact a:hover {
color:#FF6600;
font-size: 10pt;
font-weight: bold;
text-decoration: underline;
}

#directions a img{
border: none;
}

#manager {
margin-top: 5px;
}

#contactdetails a {
color: #666666;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
}

#contactdetails a:hover {
color:#FF6600;
font-size: 10pt;
font-weight: bold;
text-decoration: underline;
}

.email a img{
border: none;
}

.skype a img{
border: none;
}

.times {
margin-top: 3px;
width: 145px;
}

.day {
width: 85px;
text-align: left;
}

.openingtimes {
width: 60px;
text-align: right;
}

.darktitle {
color:#666666;
font-size: 10pt;
font-weight: bold;
}

.branchbutton {
width: 30px;
height: 20px;
font-size: 8pt;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
}

.picture {
border: 1px solid black;
width: 50px;
height: 50px;
}

/* ----- CONTACT US ----- */

#Companypoints {
list-style-image:url(assets/bulletpoint.jpg);
color: #666666;
font-weight: bold;
font-size: 9pt;
margin: 0px;
/*padding-left: 25px;*/
text-align: left;
width: 350px;
border-bottom: 1px solid #CCCCCC;
}

#Companypoints ul{
/*margin: 0px 0px 10px -30px;*/
margin: 0px 0px 10px 0px;
padding-left: 30px;
width: 350px;
}

#Companypoints a {
color: #666666;
font-size: 9pt;
font-weight: bold;
text-decoration: none;
}

#Companypoints a:hover {
color:#FF6600;
font-size: 9pt;
font-weight: bold;
text-decoration: underline;
}

#points {
margin: 0px 0px 0px 0px;
}

#Aspire li ul {
font-weight: normal;
color: #999999;
}

#contactform {
width: 350px;
height: 350px;
color: #666666;
font-weight: bold;
font-size: 9pt;
margin-top: 20px;
}

#customercontactform {
width: 350px;
height: 350px;
color: #666666;
font-weight: bold;
font-size: 9pt;
margin-top: 30px;
}

#otherwebsites {
width: 220px;
height: 100px;
/*margin: -380px 0px 0px 380px;
margin-left: 400px;
float:right;*/
margin-left:350px;
margin-top: 150px;
text-align:right;
}

#otherwebsites ul {
margin: 10px 0px 0px 0px;
padding: 0px;
text-align: right;
list-style-image: url('assets/arrowbulletpoint.jpg');
color: #666666;
font-weight: bold;
font-size: 9pt;
}

#contactdescription {
height: 35px;
width: 310px;
}

#contactdescription p {
margin: 13px 0px 13px 0px;
}

#titleother {
width: 240px;
margin-right: -20px;
}

#backbutton {
margin-top: 2px;
}

#backbutton a {
color: #666666;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
}

#backbutton a:hover {
color:#FF6600;
font-size: 10pt;
font-weight: bold;
text-decoration: underline;
}

#otherwebsites a {
color: #666666;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
}

#otherwebsites a:hover {
color:#FF6600;
font-size: 10pt;
font-weight: bold;
text-decoration: underline;
}

#pointstitle {
margin: 0px 0px 5px 0px;
font-size: 11pt;
color: #FF6600;
}

#contactlogoholder {
position: absolute;
width: 200px;
height: 100px;
margin: -55px 0px 0px 350px;
}

#newslogoholder {
width: 200px;
height: 60px;
margin: -60px 0px 0px 430px;
padding: none;
}

.answerbox a {
color: #666666;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
}

.answerbox a:hover {
color:#FF6600;
font-size: 10pt;
font-weight: bold;
text-decoration: underline;
}

.emailbox a {
color: #666666;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
}

.emailbox a:hover {
color:#FF6600;
font-size: 10pt;
font-weight: bold;
text-decoration: underline;
}

.contactdropdown {
margin: -32px 0px 0px 0px;
}

.answerbox {
width: 375px;
margin-top: 10px;
}

.emailbox {
margin-top: 10px;
text-align: right;
}

.formboxes {
width: 280px;
}

.formboxeshort {
width: 170px;
}

.textalignright {
text-align: right;
}

.msgbox {
width: 346px;
height: 130px;
}

.readonly {
color: #999999;
}

/*-----------------------------------*/

#wholesaler {
margin-top: 5px;
}

.storydescription {
/*width: 500px;*/
width: 420px;
height: 32px;
margin: 0px 0px 0px 100px;
}

.webshopdescription {
width: 405px;
height: 32px;
margin: 0px 20px 0px 110px;
}

#sitemapbullets {
}

#sitemapbullets a {
color: #333333;
font-size: 9pt;
text-decoration:none;
}

#sitemapbullets a:hover {
text-decoration: underline;
color:#FF6600;
font-size: 9pt;
}

#sitemapbullets ul {
list-style-image: url(assets/arrowbulletpoint.jpg);
margin-top: 5px;
padding-left: -20px;
}

#sitemapbullets ul ul {
list-style-image: url(assets/bulletpoint.jpg);
padding: 0px;
margin-left: 15px;
margin-top: 2px;
}

#sitemapbullets ul ul ul {
list-style-image: url(assets/arrowbulletpoint.jpg);
}

#copyright {
width: 16px;
height: 378px;
/*margin: -370px 0px 0px 130px;*/
/*margin: -480px 0px 0px -150px;*/
float: right;
padding: 0px;
}

.byline {
font-size: 7pt;
}

.cataloguepic {
height: 75px;
width: 100px;
margin-right: 6px;
margin-top: 12px;
border: 1px solid black;
}

.cataloguedescription {
width: 405px;
/*height: 32px;*/
height: 60px;
margin: 0px 20px 20px 110px;
}

.cataloguestory {
text-align: left;
margin: 5px 0px 20px 0px;
padding: 0px;
}

#leftcolumnsitemap {
margin-left: -20px;
}

#rightcolumnsitemap {
height: 500px;
}