/*Atspeed Distributors website update 2010  */
#telephone{
border:0px solid #aaaaaa;
margin-top:25px;
}

.rightSecHeader{
height:35px;
width:100%;
background-color:#aaaaaa;
}

div.greyBox, #callBack{
margin-top:10px;
margin-left:25px;
border:1px solid #aaaaaa;
padding-bottom:10px;
padding-top:0px;
width:100%;
float:left;
}

div.rightSecHeader h2{
 color:#000000;
text-align:center;
    font-size:18px;
    margin-top:0px;
    padding-top:8px;

}

p.text a:hover{
color:#ffa304;
}

a{
text-decoration:none;
}

p.text{
margin-left:20px;
margin-right:20px;
clear:right;
}

p.text a:link,
p.text a:visited,
p.text a:active{
color:#ffa304;
font-weight:bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
}

/*Navigation Styles */
/* ---------------- horizontal nav -----------------*/
ul#bottomNav{
width:100%;
font-weight:normal;
list-style-type:none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
float:left;
padding-left:110px;
}

ul#bottomNav li{
    display:inline;
    height:15px;
width:80px;
  float:left;
  padding-top:5px;
   text-align:center;
   font-size:11px;
    font-weight:normal;
    padding-bottom:10px;
  }

ul#bottomNav li a:link, ul#bottomNav li a:visited, ul#bottomNav li a:active{
    text-decoration:none;
    color:#000000;
}



 div ul#bottomNav li a:hover{
color:#ffa304;
}

html>body #bottomNav{
   float :left;
   margin-left:0px;
   width:auto;
}

li.menuFirst{
font-size:12px;
color:#ffffff;
font-weight:bold;
margin-bottom:5px;
}

ul.seoMenu{
float:left;
list-style-type:none;
}

ul.seoMenu li{
margin-bottom:10px;
}

.bottomSeoCont{
width:1000px;
height:auto;
float:left;
margin-left:0px;
margin-top:0px;
margin-right:0px;
padding:10px;
background-color:#666666;
border:1px solid #333333;
}

#bottomSEO{
color:#ffd630;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:left;
font-size:10px;
width:95%;
float:left;
margin-left:0px;
margin-top:10px;
}

#bottomSEO a:link,
#bottomSEO a:active,
#bottomSEO a:visited{
  color:#faf098;
font-size:12px;
text-decoration:none;
margin-left:0px;
padding-top:10px;
}
#bottomSEO a:hover{
color:#ffa304;
}

#homepageTitle{
 color:#000000;
    font-family: Impact, fantasy;
    
    padding-bottom:0px;
    padding-top:10px;
    font-size:25px;
    margin-left:20px;
    margin-bottom:0px;
}

p#homepagetext{
font-size:12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:2;
padding-left:20px;

}

#homepagetext a:link, a:visited, a:active{
color:#18a1ef;

}


#special-offers, #freeDelivery{
float:left;
margin-top:20px;
margin-left:20px;
}

 div.sectionHeader{
    color:#000000;
    font-family: Impact, fantasy;
    background-color:#e8e8e8;
    height:35px;
    width:1022px;
    float:left;
    border-top:1px solid #e8e8e8;
    padding-bottom:10px;
    padding-top:0px;
}

div.mainSection{
width:100%;
float:left;
margin-top:10px;
margin-bottom:10px;
}

  div.sectionHeader h2{
  font-size:20px;
  margin-top:10px;
}

#affiliations{
width:100%;
margin-top:10px;
padding-top:10px;
height:85px;
background: url(images/affiliations.gif) top no-repeat;
float:left;
}

#catnic-offer{
  height:180px;
  width:260px;
background: url(images/catnic-offer2.gif) bottom no-repeat;
padding-left:0px;
float:left;
margin-right:15px;
}

#catnic-offer3{
  height:180px;
  width:260px;
background: url(images/catnic-offer3.gif) bottom no-repeat;
padding-left:0px;
float:left;
margin-right:15px;
}

#keylite-offer{
  height:180px;
  width:260px;
background: url(images/keylite-offer.gif) bottom no-repeat;
padding-left:0px;
float:left;
}

#juliet-offer{
  height:180px;
  width:260px;
background: url(images/juliets-offer.gif) bottom no-repeat;
padding-left:0px;
float:left;
margin-right:15px;
margin-left:105px;
}


/*Atspeed Distributors website update 2009  */


body{
background-color:#ffffff;
}

#back{
font-size:10px;
font-weight:bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:1.5;
margin-top:12px; 
margin-bottom:12px;
margin-left:12px;
clear:right;
}

h1{
    font-size:14px;
    font-family: Verdana, Arial, Helvetica, sans-serif;      
text-align:left;
padding-top:15px;
margin-bottom:20px;
margin-left:0px;
 line-height:1;
}

h2 {
    font-size:14px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height:1;
    margin-left:20px;
    margin-top:20px;
}

h3 {
 font-size:12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    
    
}

h4 {
 font-size:10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: .5;
    margin-top:25px;
    margin-left:10px;
}

h5{
 font-size:11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    margin-top:20px;
    margin-left:20px;
    padding-bottom:0px;
  line-height:.5;
}
div.spacer{
height:20px;
width:179px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
float:left;
background: url(http://www.atspeed.co.uk/images/spacer4.gif) bottom no-repeat;
position:relative;
right:2px;
bottom:10px;
}

.offer{
line-height:1.5;
margin-bottom:3px;
}
#offerStamp{
  height:200px;
  width:300px;
background: url(images/news_product.gif) bottom no-repeat;
position:relative;
right:60px;

padding-left:60px;
}

.rdLabel{
color:red;
font-size:16px;
font-weight:bold;
}

#topmap{
text-align:right;
vertical-align:top;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
height:15px;
}
/* Layout styles*/


#siteCont{    
width:1022px;
background-color:#ffffff;
float:left;
margin:auto 0px;
position:relative;
right:8px;
bottom:8px;
margin-left:100px;
}


#header{
width:100-2%;
background:url(http://www.atspeed.co.uk/images/headerGraphics.gif)  #f9dc3b top left no-repeat;
height:110px;
border-top:1px solid #ababab;
border-left:1px solid #ababab;
border-right:1px solid #ababab;
}

#warning{
width:300px;
height:100px;
float:right;
margin-top:5px;
background: url(http://www.atspeed.co.uk/images/phone-number2.gif) left no-repeat;
}

#warning span {
float:right;
margin-right:10px;
margin-left:0px;
margin-top:5px;
margin-bottom:5px;
width:120px;
height:90px;

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

#BannerDate{
float:right;
width:65px;
height:100px;
background-color:#f9dc3b;
margin-top:5px;

}

#atspeedLogo{
        border:none;
        margin-left:5px;
        margin-right:10px;
        margin-top:15px;
        width:220px;
        float:left;
        position:relative;
        left:15px;   
    }

#middlecont{
height:auto;
	width:590px;
        background-color: #ffffff;
        float:left;
	margin-top:35px;
        margin-left:10px;
	padding-bottom:30px;
	padding-right:0px;
         margin-top:0px;
         margin-right:0px;

 }
 
#leftcont {
width:175px;
height:100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
background-color:#ffffff;
float:left;
padding-right:0px;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
}

.headerTable{
border-top:5px solid #fddd3a;
width:100%; 
}

#topLeftCorner{
float:left;
position:relative;
right:10px;
}

#topRightCorner{
float:right;
position:relative;
left:0px;
}

#rightBorder{
float:right;
height:780px;
margin-top:0;
margin-bottom:0px;
width:3px;
background-color:#353535;
}

#topBorder{
float:left;
margin-top:0px;
height:0px;
width:100%;
}

.yellowGradRight{
float:right;
position:relative;
bottom:5px;
left:5px
}

.yellowGradLeft{
 float:left;
 position:relative;
 bottom:5px;
 right:5px;
}


#greenGradLeft{
 float:left;
 position:relative;
 bottom:1px;
 right:1px;
}

#greenGradRight{
float:right;
position:relative;
bottom:1px;
left:1px;
}

.headerRow{
background-color:#fddd3a;
}

#topRight{
background-color:#fddd3a;
width:19%;
}

#navRow{
height: auto;
}

#rightYellow{
width:180px;
height:auto;
margin-left:0px;
margin-top:0px;
margin-bottom:15px;
padding-top:0px;
float:left;
text-align:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #ffffff;
}

#rightcont{
width:220px;
height:auto;
margin-bottom:10px;
margin-right:0px;
margin-top:40px;
float:left;
text-align:left;
font-family: Verdana, Arial, Helvetica, sans-serif;

}

#footer{
height:50px;
width:80%;
background-color:#cccccc;
float:left;
margin-left:25px;
margin-top:15px;
border:solid 1px #999999;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.coolButton{  width:40px;  }
.coolButton a{
background: url(http://www.atspeed.co.uk/images/cool-button.gif)  left top no-repeat;
height:240px;
float:left;
width:40px;
margin-top:40px; 
}

.coolButton a:hover{
   background: url(http://www.atspeed.co.uk/images/cool-button.gif) left bottom  no-repeat; 
    }
    
    
   
/*Navigation Styles */
/* ---------------- horizontal nav -----------------*/



.navCont{
width:100%;
height:37px;
float:left;
border-top:0px solid #000000;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
background: url(http://www.atspeed.co.uk/images/atspeedNavGradHover.gif) #ffffff repeat-x;
}

ul#nav{
	width:auto;
  	font-weight:bold;
	color:#333333;
	list-style-type:none;
        padding-left:175px;
        padding-right:0px;
        margin-top:0px;
        padding-top:0px;
}

html>body #nav{
   float :left;
   margin-left:0px;
   width:auto;
}

 ul#nav li{
height:37px;
width:90px;
  list-style-type:none;
  float:left;
  border-left:1px solid #8b8b8b;
  text-align: center;
margin-right:0px;
}

/*

On the A/STRONG we position the same background image top and right and give it a padding to the right to show that bit of the background. We do not define a background colour for the rest but leave it transparent - effectively allowing the LI background to show through.

*/

 ul#nav li a{
	display: block;
	/*padding: 2em;*/
	color: #ffffff;
	font: bold 11px Verdana,Arial,Helvetica,sans-serif;
	text-decoration: none;
	padding-top:10px;
         padding-right: 1px;
        padding-left: 1px;  
        height:37px;
        width:90px;   
}

ul#nav li:hover{
color:#000000;
}

/*current page*/
ul#nav li.cur{
border-top:0px solid #036;
color:#000000;
background: url(http://www.atspeed.co.uk/images/navButton.gif) #ffffff no-repeat;

}

 ul#nav li.cur a:link{
padding-top:7px;
padding-bottom:5px;
color:#000000;
padding-right: 0px;
padding-left: 0px;

}

ul#nav li.cur, ul#nav li.over, ul#nav li.cur a
{
color: #000000;
font: bold 11px Verdana,Arial,Helvetica,sans-serif;

}

/* on hover */
ul#nav li.over a,
ul#nav li a:hover
{
display:block;
text-decoration:none;
font: bold 11px Verdana,Arial,Helvetica,sans-serif;
color:#000000;
background: url(http://www.atspeed.co.uk/images/navButton.gif) #ffffff no-repeat;
padding-left:0px;
padding-right:0px;
}
/* ------- secondary navigation   */

html>body ul.productLinkList{
float:left;
margin-left:0px;
}

 html>body #navigationCont{
   float:left;
   margin-left:0px;
   margin-right:0px;
   margin-top:0px;
   text-align:right;
}

#navigationCont{
font-family: Arial, Helvetica, sans-serif;
float:left;
text-align:right;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
}             

#navigation {
list-style-type: none;
text-decoration: none;
padding: 0px;
margin-right:0px;
margin-top:0px;
margin-left:0px;
margin-bottom:10px;
width:175px;
border-right:2px solid #e7e7e7;
}

ul#navigation li {
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
padding-right:0px;
}

ul#navigation li a {
display: block;
padding: 10px 8px 9px 7px;
width:160px;
background-color: #ffffff;
text-decoration: none;
font-size:12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#000000;
border-top:1px solid #e5e5e5;
text-align:right;
border-right:1px solid #ababab;
}

/* ----- Current left Nav 10 8 9 6-----*/

ul#navigation li.current,  ul#navigation li.current a{
background-color:#e8e8e8;
color:#000000;
padding-left:0px;
border-right:none;
}



/* ----- On roll over ffa304-----*/

ul#navigation li a:hover, ul#navigation li:hover {
background-color:#e8e8e8;
color:#000000;
border-right:none;
}

/*----------- image ID's -------------*/
#banner{
float:left;
vertical-align:middle;
}



#titlePic{
vertical-align:top;
z-index:1;
margin-left:35px;
width:auto;
height:auto;
float:left;
vertical-align:top;
background:url(http://www.atspeed.co.uk/images/titlePic.gif) #ffffff top left no-repeat;
}

/*--------------text styles -------------*/



.subheader{
font-size:16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:1em;
text-align:left;
color:#dfd49f;
margin-left:20px;
padding-bottom:0px;
margin-bottom:10px;
}

div.mainTextCont h3.subheader {
margin-top:15px;
margin-bottom:0px;
padding-bottom:0px;
}

div.mainTextCont p.text {
margin-top:10px;
}

.text{
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:2em;
text-align:left;
}



a img.listImage{
position:relative;
bottom:12px;
border:0px;
right:5px;
float:left;
}



ul.text{
list-style-type:none;
}

ul.text li a:link,
ul.text li a:hover, 
ul.text li a:visited, 
ul.text li a:active{
color:#ffa304;
font-weight:normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
float:left;
}

#breadcrumbs{
margin-top:10px;
margin-bottom:20px;

}

#breadcrumbs a:link, 
#breadcrumbs a:hover, 
#breadcrumbs a:visited,
#breadcrumbs a:active{
color:#ffa304;
font-weight:normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:underline;
float:left;
padding-right:5px;
padding-left:5px;
padding-top:5px;
}

img.intext{
float:left;
margin-right:20px;
margin-left:15px;
margin-bottom:10px;
margin-top:20px;
}

a img.intext {
border:0px;
}

td.logo{
width:60px;
}

td.text {
padding:10px 10px 10px 10px;
width:70%;
font-size:10px;
font-weight:normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:1.5em;
text-align:left;
}


#poll{
height:auto;
width:148px;
padding-right:15px;
padding-left:15px;
background-color:#e1e1e1;
padding-bottom:15px;
border:none;
margin-left:0px;
}

/* ------------------- Testominial Detials ------ */
.projectDetails{
float:left;
width:49%;
margin-left:0px;

}

ul.detailsList{
list-style-type:none;
padding-left:0px;
padding-right:5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-size:11px;
}

ul.detailsList li{
margin-bottom:10px;
}
ul.detailsList ul{
margin-top:20px;
padding-left:20px;
list-style-type:disc;
}
ul.detailsList ul li{
margin-bottom:15px;
margin-left:0px;
padding-left:0px;

}

.projectPics{
float:left;
width:50%;
}

.projectPics img{
width:280px;
border:1px solid #000000;
}

.thumbNails{
float:left;
width:100%;
padding-top:10px;
padding-bottom:0px;
}

div.thumbNails img{
margin-right:4px;
width:61px;
border:1px solid #000000;
}

div.thumbNails a img{
border:1px solid #000000;
}

#lastThumb{
margin-right:0px;
}

.projectTest{
float:left;
width:500px;
margin-top:20px;
margin-left:25px
}

.openSpeech{
background:url(http://www.atspeed.co.uk/images/speechmarks-open.gif) top left no-repeat;
float:left;
margin-right:10px;
padding-bottom:20px;
}

.closeSpeech{
background:url(http://www.atspeed.co.uk/images/speechmarks-closed.gif) bottom right  no-repeat;
float:right;
margin-top:0px;
}
.closeSpeech, .openSpeech{
width:50px;
height:50px;

}

.testSign{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-size:11px;
font-style:italic;
margin-left:60px;
float:left;
font-weight:bold;
}

.testText{
margin-top:10px;
margin-bottom:10px;
}

/* --                  -- */

#photoCont {
height: 115px;
width:170px;
border:1px solid #000000;
margin-left:2px;
margin-right:2px;
margin-bottom:0px;
}

#pageTitle{
    height:25px;
    width:175px;
    font-size:14px;
    background-color:#353535;
    padding-top:10px;
    text-align:center;
    font-weight:bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #ffffff;
    margin-right:0px;
    margin-top:0px;
}

ul.TickList {
  list-style-image: url('http://www.atspeed.co.uk/images/tick.gif');
  margin-top:20px;
}

ul.TickList li {
    margin-bottom:3px;
    padding-left:15px;
    width:100%;
    }
    
   
    ul.TickList a:hover{
   
background-color:#ffe397;
color:#000000;
border: 1px solid #fbb909;
}
   
  ul.TickList li a:link,  
  ul.TickList li a:visited,
 
  ul.TickList li a:active{
   color:#000000;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   text-decoration:none;
}
  

/* right side box titles   */
.optionTitle{
font-size:14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#000000;
background-color:#FFFF33;
padding:5px;
border:1px solid black;
}

.blueDivider{
background: url(http://www.atspeed.co.uk/images/blueGrad.gif) repeat-x;
width:100%;
height:50px;

}
/*     Test css call to action*/
.callToAction
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(http://www.atspeed.co.uk/images/blueGrad.gif) repeat-x;
white-space: nowrap;
display: block;
width: 211px;
height: 30px;
margin: 0;
padding: 0;
border:1px outset;
}

.callToAction a
{
display: block;
color: #000000;
font-size: 11px;
width: 211px;
height: 44px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.callToAction img
{
width: 211px;
height: 44px;
border: 0
}

* html a:hover
{
visibility:visible
}

.callToAction a:hover img
{
visibility:hidden
}

.callToAction span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

/*----------- In site search--------------------------*/

#search{
padding:8px;
background: url(http://www.atspeed.co.uk/images/titleGrad2.gif) #999999 repeat-x;
float:right;
height:10px;
}


/*------------Right Side Widgets ------*/



#quickform{
border:1px solid black;
padding:4px;
background-color:#FFFF99;
width:100%;
vertical-align:top;
}

.footnote{
    height:25px;
    width:220px;
font-size:10px;
font-weight:bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:1.5;
margin-top:12px; 
margin-bottom:12px;
margin-left:12px;
margin-right:12px;
float:left;
}

#logo{
background-color:#fddd3a;
}

#lintel_selector{
height:50px;
width:700px;
margin-top:5px; 
margin-bottom:5px;
margin-left:5px;
margin-right:5px;
border:1px solid #ffff00;
background-color: #ffffaa;
margin-top:20px;
padding-top:30px;
padding-left: 30px;
}

.map{
margin-left:150px;
}

.product_range{
border: 1px solid #000000;
margin-top:30px;
}

.deliveryInfo{
background-color:#ffffaa;
border:1px solid #000000;
height: 300px;
width: 400px;
float:left;
margin-left:40px;
}

.priceInfo{
height: 400px;
width: 270px;
margin-left: 30px;
float:left;
}

.deliveryHeader{
height:20px;
border: 1px solid #fddd3a;
padding:5px;
background-color: #fddd3a;
text-align:center;
margin-bottom:15px;
border-bottom:1px solid #000000;
}

.blackBg{
background-color: #fddd3a;
color:#ffffff;
}

.itemTitle{
    float:left;
  
width:140px;
font-size:10px;
font-weight:bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:1.5;
padding-top:0px;
text-align:center;
padding-top:145px;
float:left;
margin-top:0px;
}



div.productItem{
float:left;
height:160px;
width:140px;
margin-left:30px;
margin-top:20px;

}

.productItem a:link,.productItem a:visited{
    text-decoration:none;    
}


#concreteButton{
background:url(images/naylor_specials.gif) #ffffff top no-repeat;
height:140px;
width:140px; 
}
#lintelButton{
background:url(images/catnic_product_clear.gif) #ffffff top no-repeat;
height:140px;
width:140px; 
}
#steelworkButton{
background:url(http://www.atspeed.co.uk/images/galv-beams-clear.gif) #ffffff top no-repeat;
height:140px;
width:140px; 
}

#balconyButton{
background: url(http://www.atspeed.co.uk/images/balcony-penthouse-clear.gif) #ffffff left no-repeat;
height:140px;
width:140px; 
}

#framingButton{
background: url(images/steelwork.jpg) #ffffff left no-repeat;
height:140px;
width:140px; 
}


#ssBrickButton{
background: url(images/brickwork_support.gif) #ffffff left no-repeat;
height:140px;
width:140px; 
}

#ventButton{
background: url(images/vent.gif) #ffffff left no-repeat;
height:140px;
width:140px; 
}

#fixingButton{
background: url(images/fixings/fixingPic.gif) #ffffff left no-repeat;
height:140px;
width:140px; 
}

#winButton{
background: url(http://www.atspeed.co.uk/images/keylite_offer.gif) #ffffff left no-repeat;
height:140px;
width:140px; 
}

.offer-test{
background: url(images/offer-test.gif) bottom right no-repeat;
height:50px;
width:50px;
float:right;
position:relative;
bottom:70px;
left:3px;
}



.tableCont{
width:590px;
float:left;
}


.ig_products{
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
width:auto;
height:auto;
background-color: #ffffff;
float:left;
}


.ig_products tr{
 height:40px;
width:100%;
font-size:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:1.5em;
text-align:left;
margin-right:0px;
padding-right:0px;
}

.ig_products tr td{
border-bottom:1px solid #ababab;
}

.ig_products tr.oddRow div.hiddenContent{
background-color: #ffffff;
}
.ig_products tr.oddRow div.hiddenContent, .ig_products tr.evenRow div.hiddenContent{
width:580px;
}

.ig_products tr div.hiddenContent img{
width:585px;
}

.ig_products tr.oddRow{
background-color: #ffffff;

}

.ig_products tr.evenRow { 
background-color: #ffffff;
}

.ig_products tr.evenRow:hover, .ig_products tr.oddRow:hover{
   background-color: #f1feff; 
}

.ig_products tr.tableSpace{
    background-color:#999999;
    height:20px;
}

.stepText{
font-size:12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:2em;
text-align:left;
color: #000000;
padding-left:60px;
}

.step{
height:100px;
width:600px;
background: url(http://www.atspeed.co.uk/images/stepCorner.gif) #a1bce8 top left no-repeat;
margin-left:40px;
}

.more{
}

.addressCont{
    height:auto;
    width: 98%;
    margin-bottom:5px;
    margin-left:5px;
    margin-top:5px;
    margin-left:5px;
    background: url(http://www.atspeed.co.uk/images/address_tlcorner.gif) #ffffaa no-repeat;
    float:left;
}


.addressText{
    font-size:10px;
    color: #666666;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    line-height:1.5em;
    text-align:left;

    margin-left:15px;
    margin-right:5px;
    margin-bottom:5px;
    padding-left:10px;
    padding-bottom:10px;

    padding-right:10px;
    width:auto;
}



a.buttonBorder{
    text-decoration:none;
    border:0px;
}


#time{
margin-left:1px;
margin-right:20px;
color: #333333;
background-color:#FFFFFF;
float:left;
padding:0px 5px 5px 5px;
text-align:center;
font: 10px Arial, Helvetica, sans-serif bold;
border:1px dotted #333333;
}


#date{
color: #333333;
background-color:#FFFFFF;
float:left;
margin-left:25px;
padding:0px 5px 5px 5px;
text-align:center;
font: 10px Arial, Helvetica, sans-serif bold;
border:1px dotted #333333;
}

.box{
width:100%;
height:120px;
margin-bottom:6px;
border-bottom: 1px solid #ffffff;
color: #ffffff;
background-color:#999999;
font-family: Verdana, Arial, Helvetica, sans-serif;
}



ul#downloadList {
  padding-top:20px;
  margin-bottom:0px;
  margin-top:0px;
  margin-left:0px;
float:left;
list-style-type:none;
width:100%;
}

ul#downloadList li {
    list-style-type:none;
    width:100%;
    padding-left:0px;
    padding-right:10px;
    padding-top:0px;
    margin-left:0px;
margin-bottom:15px;
float:left;
    }
  
  
  ol.lowerAlpha li, ol.numeric li, ol.lowerRoman li{
  margin-bottom:10px;
  margin-top:10px;
  }
  
ol.numeric ol.lowerAlpha li{
list-style-type: lower-alpha;

}

ol.numeric li{
list-style-type: decimal;
}

ol.lowerRoman li{
list-style-type: lower-roman;
}
  
.textList{
float:left;
  margin-bottom:20px;
 margin-top:20px;
 margin-left:40px;
 margin-right:20px;
}

.textList li{
    width:auto;
 color:#000000;
font-weight:normal;
line-height:2em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

.textList li a:link,
.textList li a:active,
.textList li a:visited,
.textList li a:hover{
color:#ffa304;
font-weight:normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
float:left;
}

.textLinkList{
float:left;
margin-left:50px;
 list-style-type:none;
 margin-right:0px;
}

.textList li a:hover{
background-color:#ffefd2;
border: 1px solid #ffc157;
}

ul.productLinkList{    
font-weight:bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:20px;
margin-top:10px;
margin-bottom:10px;
float:left;
list-style-type:none;
position:relative;
right:20px; 
}
 
ul.productLinkList li{  
padding-left:0px;
float:right;
width
:220px;
}

.productLinkList li a img{
margin-left:0px;
border:1px solid #e8e8e8;
}

.productLinkList li a{
text-align:center;
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;
display:block;
font-weight:bold;
color:#ffffff;
}


.productLinkList li a:active,
.productLinkList li a:visited, 
.productLinkList li a:link{

color:#000000;
font-weight:bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
} 

ul.productLinkList li a:hover{
color:#ffa304;

}

.brochureItem{
margin-left:0px;
margin-right:0px;
 float:left;
 margin-top:0px;
 margin-bottom:0px;
 padding-top:10px;
padding-bottom:15px;
 width:190px;
 height:140px;
 border-right:0px solid #ababab;
 border-left:1px solid #ababab;
 border-top:1px solid #ababab;
 border-bottom:0px solid #ababab;
}

.brochureItem a:link,
.brochureItem a:active,
.brochureItem a:visited
{ 
}

div.brochureItem a img{
    border:none;
    margin-left:30%;
    text-align:center;
    float:left;
}

span.brochureTitle{
margin-top:5px;
margin-bottom:5px;
margin-left:0px;
float:left;
text-align:center;
width:100%;
color:#000000;
font-weight:normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
}



.linkList{
margin-left:0px;
width:540px;
list-style-type:none;
float:left;
}

.linkList li{
margin-bottom: 10px;
margin-top: 10px;
margin-right: 0px;
margin-left: 0px;
color:#000000;
font-weight:normal;
line-height:2em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
float:left;
width:100%;
padding-left:20px;
}

.textLinkList li{
width:130px;
color:#000000;
font-weight:normal;
line-height:2em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
float:left;
}


.linkList li a:active,
.linkList li a:visited, 
.linkList li a:link{
color:#ffa304;
font-weight:normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
}


.textLinkList li a:link,
.textLinkList li a:active,
.textLinkList li a:visited
{
width:120px;
padding-top:10px;
padding-bottom:10px;
margin-right:10px;
color:#ffa304;
font-weight:normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
float:left;
}


.textLinkList li a:hover{
color:#ffa304;
font-weight: bold;
border: 1px solid #ffc157;
padding-top:9px;
padding-bottom:9px;
}

.linkList li a:hover
{
color:#ffa304;
font-weight: bold;
}




  
  
ul.contactDetails{
    width:575px;
height:50px;
display:block;
list-style-type:none;	
text-align:left;
font-size:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
float:left;

margin-top: 25px;
margin-bottom:20px;
margin-left:185px;
padding-left:15px;
background-color:#ffffff;
}

#keylite{
color:#3ed3f8;
}

ul.contactDetails li{
    
    height:50px;
    width:130px;
    float:left;
    padding-left:35px;
    margin-bottom:0px;
    padding-top:5px;
}


ul.supplierList{    
    width:100%;
    float:left;
   margin-top:15px;
    margin-bottom:10px;
}

ul.supplierList li{
     display:block;
    width:100%;
}


li.igInfo {
background-image: url(http://www.atspeed.co.uk/images/ig_logo.gif);
background-repeat: no-repeat;
background-position:-5% -.5em;
margin-right: .6em;

}


li.catnicInfo {
background-image: url(http://www.atspeed.co.uk/images/catnic_logo.gif);
background-repeat: no-repeat;
background-position:-2% -.5em;
margin-right: .6em;

}



li.birtleyInfo {
background-image: url(http://www.atspeed.co.uk/images/birtley-logo.gif);
background-repeat: no-repeat;
background-position:-3% -.5em;
margin-right: .6em;

}

li.tel {
background-image: url(http://www.atspeed.co.uk/images/tel.gif);
background-repeat: no-repeat;
background-position:-1% -.5em;
margin-right: .6em;
margin-top:15px;
margin-left:15px;
}


li.fax{
background: url(http://www.atspeed.co.uk/images/fax.gif) top left no-repeat;
background-repeat: no-repeat;
background-position:-1% -.5em;
padding-right: .6em;
margin-top:15px;
margin-left:15px;
}

li.email{
background: url(http://www.atspeed.co.uk/images/email.gif) top left no-repeat;
background-repeat: no-repeat;
background-position:-1% -.5em;
padding-right: .6em;
margin-top:15px;
margin-left:20px;
}


#bottomLogos{
width:100%;
float:left;
margin-left:0px;
}
.xtras{
width:178px;
height:auto;
color: #000000;
background-color:#e1e1e1;
font-family: Verdana, Arial, Helvetica, sans-serif;
float:left;
text-align:left;
font-size:12px;
border-right:1px solid #c8c8c8;
border-bottom:1px solid #c8c8c8;
border-left:1px solid #e7e7e7;
border-top:1px solid #e7e7e7;
margin-bottom:5px;
margin-right:2px;
}
.mainBoxHeader{
background: url(http://www.atspeed.co.uk/images/yellow_howto.gif) repeat-x;
}

.mainBoxHeader, .greenHeader{      
width:100%;
height:30px;
padding-bottom:10px;
float:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
text-align:center;
margin-top:0px;
margin-left:0px;
margin-bottom:20px;
position:relative;
right:1px;
border-top:1px solid #ababab;
border-left:1px solid #ababab;
border-right:1px solid #ababab;
border-bottom:1px solid #ababab;
}

.greenHeader{
background: url(http://www.atspeed.co.uk/images/greenGrad.gif) repeat-x;
}

.textBoxHeader{
width:100%;
height:40px;
padding-top:20px;
padding-right:1px;
padding-bottom:20px;
float:left;
background: url(http://www.atspeed.co.uk/images/blueGrad.gif)  repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
color:#000000;
margin-top:0px;
margin-left:0px;
margin-bottom:20px;
position:relative;
right:1px;
}


.topHeader{
width:100%;
height:15px;
padding-top:5px;
padding-bottom:5px;
padding-right:1px;
float:left;
background: url(images/greyCorner.gif) #666666 top left no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
color:#ffffff;
margin-left:0px;
}

#scrollingBanner{
height:50px;
width:100%;
color:#000000;
float:left;
margin-top:15px;
}

/****  Product Items   *****/

.steelItem{
height:285px;
width:210px;
border: 1px solid #000000;
background-color: #ffffff;
margin-top:10px; 
margin-bottom:10px;
margin-left:10px;
margin-right:10px;

}

.thLogo{
width:16%;
height:120px;
}

.thDate{
width:29%;
}

img.logo{
margin-left:25px;
margin-right:19px;
margin-top:20px;
margin-bottom:20px;
border:0px;
}

.affiliations{
display:block;
list-style-type:none;	
text-align:left;
font-size:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
float: left;
margin-left: 40px;
margin-top: 10px;
}


ul.affiliations li{   
height:55px;
    width:130px;
    float:left;
    padding-left:35px;
    padding-right:50px;
    padding-top:10px;
    margin-bottom:0px;
}


.howtoHeader{
background: url(http://www.atspeed.co.uk/images/yellow_howto.gif) repeat-x;
width:220px;
height:35px;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
float:left;
margin-bottom:0px;
margin-left:10px;
margin-right:10px;
margin-top:0px;

border-right:1px solid #ababab;
border-top:1px solid #ababab;
border-left:1px solid #ababab;

}

.howtoHeader a:link,
.howtoHeader a:active,
.howtoHeader a:visited{
   color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}

.howtoHeader a:hover{
color:#ffa304;
font-weight:bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:12px;
}

#offerSlide{
width:110%;
height:246px;
background:url(http://www.atspeed.co.uk/images/bannerGraphics.gif)  #f9dc3b top left no-repeat;
margin-bottom:0px;
padding-bottom:0px;
border-bottom:5px solid #e8e8e8;
border-right:5px solid #e8e8e8
}

.mainTextCont{
float:left;
width:95%;
margin-bottom:0px;
padding-bottom:0px;
margin-top:0px;
margin-left:10px;
}

.middleBox{
width:220px;
float:left;
margin-right:0px;
margin-left:30px;
margin-top:0px;
padding-top:0px;
}
.howtoHeaderLink{
margin-top:10px;
}


.leftContent{
float:left;
width:590px;
height:100%;
border-bottom:1px solid #ababab;
border-right:1px solid #ababab;
border-left:1px solid #ababab;
margin-top: 10px;
margin-left:0px;
padding-bottom:20px;
padding-top:0px;
}

.titleText{
color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif; 
margin-top:9px;
margin-left:20px;
font-size:17px;
text-align:left;
}


div.mainBoxHeader h1#title {
font-size:15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
width:100%;
margin-top:0px;
padding:0px;
float:left;
margin-left:20px;
margin-bottom:10px;
padding-bottom:10px;
position:relative;
bottom:15px;
text-align:left;
}


.title{   
margin-left:20px;
margin-bottom:10px;
margin-top:15px;
font-size:15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
z-index:1;
width:100%;
}

div.mainTextCont h1.title{
padding-top:0px;
}

.boxTitle{
font-size:13px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
text-align:left;
padding-top:0px;
margin-top:8px;
}

h1.boxTitle a{
padding-top:0px;
margin-top:0px;
position:relative;
top:5px;
}


.yellowBoxTitle{
color:#000000;
font-size:14px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
margin-top:9px;
}

.yellowBoxTitle a{
    margin-top:0px;
    padding-top:12px;
    }
 
 #highlight{

}

.rightContent{
float:left;
width:220px;
height:auto;
margin-top: 0px;
margin-right:10px;
margin-bottom:10px;
margin-left:10px;
border-right:1px solid #ababab;
border-left:1px solid #ababab;
border-top:1px solid #ababab;
border-bottom:1px solid #ababab;
text-align:left;
padding-bottom:0px;
padding-top:0px;
}

.main{
width:auto;
height:auto;
padding:20px;
background-color:#fcfed2;
float:left;
}



.triple{
width:221px;
height:100%;
float:left;
color:#ffa304;
margin-left:10px;
}

.toolText{
background-color:#ffffff;
padding-top:10px;
padding-bottom:10px;
}

.hiddenContent{
    height:auto;
    margin-top:0px;
    margin-left:0px;
    margin-bottom:0px;
    padding-bottom:0px;
    width:100%;
    float:left;
    text-align:left;
}



#response{
height:63px;
width:550px;
margin-bottom:10px;
margin-top:50px;
margin-left:20px;
background: url(http://www.atspeed.co.uk/images/response-success-image.gif) left no-repeat;
}

#message-bg{
background: url(http://www.atspeed.co.uk/images/nuts-and-bolts.png) right bottom no-repeat;
height:255px;
}

.dockclass{
position:relative;
right:0px;
padding-bottom:10px;
height:auto;
margin-top:0px;
}


.donts{
width:49%;
float:left;
height:auto;
border-right:1px solid #c8c8c8;
margin-top: 0px;
}

ol.howto ul {
margin-left:0px;
}

img.large{
float:left;
margin-right:50px;
}

ol.text{
margin-top:40px;
}

ul.text{
margin-right:10px;
margin-left:10px;
}

ul.dos {
font-size:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:2em;
text-align:left;
}

ul.dos  li{
margin-bottom:10px;
margin-right:10px;
}


.howto_stepX{
height: auto;
width:auto;
margin-bottom:10px;
margin-top:20px;
}


.howtoSubHeader{
width:80%;
text-align:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
padding-top:5px;
padding-bottom:5px;
font-weight:bold;
margin-top:20px;
margin-left:20px;
text-align:center;
}


ol.howto{
font-size:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:2em;
text-align:left;
color:#ffa304;
font-weight:bold;
margin-top:0px;
margin-bottom:20px;
margin-left:0px;
padding-left:30px;
width:100%;
padding-top:0px;
}
ol.howto li{
height:20px;
float:left;
width:100%;
padding-bottom:5px;
padding-top:5px;
}

ol.howto li a{
width:100%;
float:left;
padding:5px;
font-size:11px;
}

ol.howto li a:hover{
font-size:1.2em;
}



.close{
margin-left:80px;
text-align:left;
}

ul.howto li{
height:7px;
margin-top:0px;
}

li.bmf{
     background-image: url(http://www.atspeed.co.uk/images/BMF.gif); 
     background-repeat: no-repeat;
     background-position:-0% .5em;
     margin-right: .6em;
}

li.fta{
    background-image: url(http://www.atspeed.co.uk/images/fta_logo.gif);
    background-repeat: no-repeat;
    background-position:-0% -.5em;
    margin-right: .6em;
}

li.fsb{
    background-repeat: no-repeat;
    margin-right: .6em;
    background-image: url(http://www.atspeed.co.uk/images/fsb_logo.gif);
    
}

li.se{
    background-repeat: no-repeat;
    background-position:-1% -.5em;
    margin-right: .6em;
    background-image: url(http://www.atspeed.co.uk/images/se_logo.gif);
}

.productItem{
    height:150px;
    width:150px;
    background-color: #fddd3a;
    float:left;
    margin-right:10px;
    margin-left:10px;
    margin-top:10px;
    margin-bottom:10px;
}

.linkImage{
border:0px;
border:none;
}


.productItem a:link{
}

.productItem a:visited{
}

.productItem a:hover{
 background-color: #666666;
}

.supplierLogo{
    height:130px;
    width:220px;
    float:left;
    margin-right:10px;
    margin-left:10px;
    margin-top:10px;
    margin-bottom:10px;
}

.smallbutton{width:450px}
.smallbutton a{
    position:relative;
    width:102px;
    line-height:25px;
    display:block;
    margin-top:3px;
    background:url(http://www.atspeed.co.uk/images/orangesmall.gif) no-repeat left top;
    text-align:center;
    color:#FFFFFF;
    font-weight:bold;
    font-size:12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.smallbutton a:hover{
    background:url(http://www.atspeed.co.uk/images/orangesmall.gif) no-repeat left bottom;
    color:#660000;}

#month{
width:100%;color:#ffffff;font-size:30px;text-align:left;float:left;padding-bottom:0px;
}

#day{
float:left;width:100%;color:#ffffff;font-size:50px;text-align:left;padding-left:8px;padding-bottom:5px;padding-top:0px;
}

  #clock{
float:right;
margin-right:10px;
margin-top:10px;    

}

















li.menuFirst{
font-size:12px;
color:#ffffff;
font-weight:bold;
margin-bottom:5px;
}

ul.seoMenu{
float:left;
list-style-type:none;
}

ul.seoMenu li{
margin-bottom:10px;
}

.bottomSeoCont{
width:1000px;
height:auto;
float:left;
margin-left:0px;
margin-top:0px;
margin-right:0px;
padding:10px;
background-color:#666666;
border:1px solid #333333;
}

#bottomSEO{
color:#ffd630;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:left;
font-size:10px;
width:95%;
float:left;
margin-left:0px;
margin-top:10px;
}

#bottomSEO a:link,
#bottomSEO a:active,
#bottomSEO a:visited{
  color:#faf098;
font-size:12px;
text-decoration:none;
margin-left:0px;
padding-top:10px;
}
#bottomSEO a:hover{
color:#ffa304;
}



.copyright{
    font-family: Verdana, Arial, Helvetica, sans-serif;
        color:#ffffff;
        font-size:12px;
}

#copyright{
height:50px;
width:100%;
background: url(http://www.atspeed.co.uk/images/footer_bg.gif) left 100% no-repeat;
float:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
padding-top:0px;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
color:#ffffff;
font-weight:bold;
}