html
{		
margin: 0px;
padding: 0px;
}

body
{
margin:0;
padding:0;
line-height: 2em;
font-family: verdana, arial, trebuchet, sans-serif;
color: #666666;
font-size: 0.8em;
background: url(digital-tachograph-products/background.jpg) repeat-x #009999;

}

p
{
margin: 0 0 3ex 0;
}

#delivery
{
background-color:red;
color:white;
font-weight: bold;
}


hr
{
color: #000066;
}

img
{
border: none;
}


address
{
font-size: 0.9em;
}





#slide
{
margin: 0px 5px 0 0;
float: right;
}

#print
{
float: left;
}




input
{
background-color: #e2ffff;
font-weight: bold;
color: #000066;
}

.small
{
color: #fff;
padding-right: 30px;
}

/*main-------------------------------------------------*/



#main li
{
list-style-image: url(design-print-web-photos/tick.gif);
}

#textblock
{
margin-right: 440px;
}


.jargon p
{
padding: 0;
margin: 0;
}



.cssformhead
{
margin-top: 20px;
font-style: normal;
font-weight: bold;
font-size: 1.3em;
color: #339999;
}

.details
{
margin-top: 20px;
background-color: #e4f3ff;
padding: 10px;
border: 1px solid #999999;
width: 480px;
}

.cssform label{
font-weight: bold;
color: #003366;
float: left;
margin-left: 20px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}



.cssform select
{
margin-bottom: 20px;
margin-left: 155px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}




/*images-------------------------------------------------*/



#picgallery img
{
margin: 10px 10px 10px 0px;
border: solid 1px #666666;
display: inline;
}

.imagemain
{
float: right;
margin-top: 5px;
margin-left: 20px;
margin-bottom: 10px;
border:none;
}

.imageleft
{
float: left;
margin-top: 5px;
margin-right: 20px;
margin-bottom: 10px;
border: none;
}


.logo
{
border-top: solid 1px #009999;
padding-top: 30px;
padding-bottom: 5px;
}

.logo img
{
border: none;
margin-bottom: 0px;
padding-top: 20px;


}


.add p
{
margin: 0;
padding: 0;
}

/*bottom right-------------------------------------------------*/


#address2
{
border-top: solid 1px #666666;
margin-top: 30px;
}





.innertube{
margin: 12px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 24px;
}

/*jquery slide-------------------------------------------------*/

#showhere
{
float: right;
margin: 0;
padding: 0;
border: none;
}


#imgstore
{
margin: 0;
padding: 0;
}

#rotator
{
float: right;
margin: 0;
padding: 0;
width: 930px;
}


#list
{
margin: 0px;
padding: 20px;
width: 400px;
color: #ffffff;
background: #009999;
}



#addresscontact p
{
margin: 0;
line-height: 1ex;

padding: 0;
}


.top
{
float: right;
}



.clear
{
clear: both;
}



#bottomnav
{
font-size: .8em;
}



strong
{
color: #000066;
font-style: normal;
font-weight: bold;
}

em
{
color: #000066;
font-style: normal;
font-weight: bold;
}

.stoppress
{
color: red;
}


#container
{
width: 1000px; /*Width of main container*/
margin: 0 auto;
}


/*header-------------------------------------------------*/

#header
{
background: url(digital-tachograph-products/tacho-rolls-header_01.jpg) no-repeat left;
height: 316px; /*Height of top section*/
}

#header img
{
float: right;
margin: 0;
padding: 0;
border: none;
}

#header h1
{

margin-top: 0;
height: 316px;
width: 1000px;
margin-bottom: 0;

}

#header h1 span
{
display: none;
}

#header h2
{ 
margin: 0;
}

#header h2 span
{
display: none;
}

/*main-------------------------------------------------*/

#maincont
{
margin: 0px;
padding: 0;
background: url(digital-tachograph-products/background-main_03.jpg) repeat-y;
}

#main
{
margin: 0 70px 30px 330px;
background: url(digital-tachograph-products/tacho-bg.jpg) no-repeat bottom right;

}
* html #main
{
margin: 0 70px 30px 360px;
background: url(digital-tachograph-products/tacho-bg.jpg) no-repeat bottom right;

}


#main li
{
padding-left:20px;
list-style-image: url(digital-tachograph-products/bullet.gif);
color: #000066;
}



#main h1
{
margin-top: 0;
margin-left: 0;
padding-left: 0;
padding-top: 0;
margin-bottom: 0;
font-size: 2em;
font-weight: bold;
color: #000066;
line-height: 2.5ex;
}

#main h2
{
font-weight: normal;
margin-top: 10px;
padding-top: 5px;
margin-bottom: 0;
padding-bottom: 0;
font-style: italic;
font-size: 1.3em;
color: #009999;
}

#main h3
{
font-weight: bold;
margin-top: 0;
padding-top: 2ex;
font-size: 1.1em;
color: #000066;
}


#main h4
{
font-weight: bold;
margin-bottom: 0;
padding-top: 0.5ex;
padding-bottom: 0;
font-size: 1.1em;
color: #000066;
}

#main a:link
{
color: #000066;
font-style: normal;
font-weight: bold;
text-decoration: underline;}

#main a:visited
{
color: #000066;
font-style: normal;
font-weight: bold;

}

#main a:hover
{
color: #009999;
font-style: normal;
text-decoration: underline;
font-weight: bold;
}

#main a:active
{
color: #009999;
font-style: normal;
text-decoration: underline;
font-weight: bold;
}

/*leftnav-------------------------------------------------*/



#leftnav
{
float: left;
width: 260px;
margin-left: 0px;
padding-left: 50px;
padding-right: 0;
margin-right: 0px;
padding-top: 0px;
margin-top: 0;
padding-bottom: 0;
margin-bottom: 0;

}

#menumain ul
{
margin: 0;
padding: 0;
}

#menumain li
{
list-style: none;
margin-left: 0;
padding-top: 15px;
}

* html #menumain li
{
list-style: none;
margin-left: 0;
padding-top: 0px;
}

#menumain
{
background: url(digital-tachograph-products/tacho2-menu-middle_02.jpg) repeat-y;
padding: 0 0 20px 60px;
margin: 0;
width: 258px;
}

#menumain a:link
{
margin: 0;
color: #000066;
font-weight: bold;
text-decoration: none;
display: block;
line-height: 2.5ex;

}

* html #menumain a:link
{
margin: 0;
color: #000066;
font-weight: bold;
text-decoration: none;
display: block;
height: 40px;

}


#menumain a:visited
{
display: block;
margin: 0;
color: #000066;
font-weight: bold;
text-decoration: none;
line-height: 2.5ex;
}

#menumain a:hover
{
margin: 0;
display: block;
color: #fff;
font-weight: bold;
background: url(digital-tachograph-products/white-bullet.gif) no-repeat;
text-decoration: none;
padding-left: 20px;
line-height: 2.5ex;


}

#menumain a:active
{
margin: 0;
color: #000066;
font-weight: bold;
text-decoration: none;
line-height: 2.5ex;

}



#menubgtop
{
background: url(digital-tachograph-products/tacho2-menu-top_01.jpg) no-repeat;
margin: 0;
padding: 0;
height: 47px;
width: 258px;
}




#menubgbottom
{
background: url(digital-tachograph-products/tacho2-menu-bottom_03.jpg) no-repeat;
width: 258px;
height: 221px;
}


/*footer-------------------------------------------------*/

#footer
{
text-align: center;
background: url(digital-tachograph-products/footer_06.jpg) no-repeat #000099;
font-size: .8em;
margin-bottom: 0;
height:67px;
}

#footer a
{
color: #ffffff;
}

/*buttons-------------------------------------------------*/


#contact2 a:link
{
background: url(digital-tachograph-products/contact_button.gif) no-repeat;
color: #fff;
text-decoration: none;
text-align: center;
padding: 7px 11px 7px 11px;
margin-top: 10px;
}

#contact2 a:visited
{
background: url(digital-tachograph-products/contact_button.gif) no-repeat;
color: #fff;
text-decoration: none;
text-align: center;
padding: 7px 11px 7px 11px;
margin-top: 10px;

}

#contact2 a:hover
{
background: url(digital-tachograph-products/contact_button_over.gif) no-repeat;
color: #000066;
text-decoration: none;
text-align: center;
padding: 7px 11px 7px 11px;
margin-top: 10px;

}


#contact2 a:active
{
background: url(digital-tachograph-products/contact_button_over.gif) no-repeat;
color: #ffffff;
text-decoration: none;
text-align: center;
padding: 7px 11px 7px 11px;
margin-top: 10px;

}


#googlemap
{
float:right;
padding-left: 40px;
}

#address3 p
{
margin: 0;
padding: 0;
font-weight: bold;
}


.news
{
border-bottom: 1px solid #cccccc;
}

.newstitle
{
font-size: 1.2em;
font-weight: bold;
color: #000066;
}

.newsdate
{
font-size: 1em;
font-style: italic;
color: #009999;
}

#newsadmincontainer
{
width: 800px;
margin: 0 auto;
background-color: #fff;
padding: 20px;
}