html
{		
margin: 0px;
padding: 0px;
background-color: #000000;
}

body
{
margin:0;
padding:0;
line-height: 1.8em;
font-family: verdana, arial, sans-serif;
color: #000066;
font-size: 0.8em;
}

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

hr
{
color: #000066;
}


address
{
font-size: 0.9em;
font-weight: normal;
text-align: center;
color: #000066;
font-style: normal;
}

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

.contact
{

margin: 50px 0 5px 0;
padding-top: 15px;
border-top: 1px #009999 solid;
font-weight: bold;
font-size: .9em;
text-align: center;
line-height: 1.8ex;
}

#container
{
width: 765px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background: url(digital-tacho-rolls/background.jpg) repeat-y;
}

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

#header
{
background: url(digital-tacho-rolls/tacho-rolls_01.jpg) no-repeat top center;
height: 130px; /*Height of top section*/
}

#header h1
{

margin-top: 0;
height: 130px;
width: 765px;
margin-bottom: 0;

}

#header h1 span
{
display: none;
}

#header h2
{ 
margin: 0;
}

#header h2 span
{
display: none;
}

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

#contentwrapper
{
float: left;
width: 100%;
}

#main
{
margin: 0 0px 0px 162px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
padding: 25px;
background-color: white;
background: url(digital-tacho-rolls/tacho-rolls_03.jpg) no-repeat top;
}

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


#main h1
{
margin-top: 0;
margin-left: 0;
padding-left: 0;
padding-top: 0;
margin-bottom: 0.5ex;
font-size: 1.4em;
font-weight: bold;
color: #009999;
}

#main h2
{
font-weight: normal;
margin-top: 10px;
padding-top: 20px;
font-style: italic;
font-size: 1.3em;
color: #000066;
}

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

#main a:link
{
color: #009999;
font-style: normal;
font-weight: bold;
}

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

}

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

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


#navmain
{
margin-top: 20px;
}

#navmain li
{
list-style: square;
margin-left: 0;
padding-left: 0;
}


/*left panel-------------------------------------------------*/



#leftcolumn
{
float: left;
width: 162px; /*Width of left column in pixel*/
margin-left: 0px; /*Set margin to that of -(MainContainerWidth)*/
background: url(digital-tacho-rolls/tacho-rolls_02.jpg) no-repeat top left;
color: white;
padding-left: 0pt;
padding-right: 0;
margin-right: 0px;
padding-top: 0;
margin-top: 0;
height: 370px;

}

.nav li{
	list-style: none;
}

.nav li a{
	color:#ffffff;
	text-decoration: none;
	font-family: arial, verdano, helvetica, sans-serif;
	height: 35px;
	font-weight: bold;
	line-height: 35px;
	cursor: pointer;	
	font-size: 1.1em;
}

.nav li a {
}

.nav li.current a, .nav li a:hover{
	color: #ccffff;
}

.nav li a:visited
{
	color: #ffffff;
}

.logo
{
margin-left: 25px;
margin-top: 20px;
}



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

#contact2 a:visited
{
background: url(digital-tacho-rolls/contact_button.gif) no-repeat;
color: #fff;
text-decoration: none;
text-align: center;
padding: 7px 11px 7px 11px;
}

#contact2 a:hover
{
background: url(digital-tacho-rolls/contact_button_over.gif) no-repeat;
color: #000066;
text-decoration: none;
text-align: center;
padding: 7px 11px 7px 11px;
}


#contact2 a:active
{
background: url(digital-tacho-rolls/contact_button_over.gif) no-repeat;
color: #ffffff;
text-decoration: none;
text-align: center;
padding: 7px 11px 7px 11px;
}

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

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

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

img
{
margin-right: 10px;
}

#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: solid 1px #666666;
}

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


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

#rightcolumn
{
float: left;
width: 8px; /*Width of right column*/
margin-left: -8px; /*Set left margin to -(RightColumnWidth)*/
text-align: right;
padding-top: 0px;
}

#footer
{
text-align: right;
font-size: .8em;
margin-top: 5ex;
margin-bottom: 5ex;
}

#footer a
{
color: #ffffff;
}


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

.buynow
{
border: red dotted 2px;
background-color: #ccffff;
padding: 20px;
}

.stoppress
{
color: red;
}

.buyonline
{
color: red;
border: dotted red 2px;
background-color: white;
padding: 10px;
margin: 10px 0 10px 0;
font-weight: bold;
margin: 10px;
}

.buyonline a:link
{
	color: red;
		text-decoration: none;
		font-weight: bold;


}

.buyonline a:hover
{
	color: red;
	text-decoration: underline;
	font-weight: bold;

}

.buyonline a:visited
{
	color: red;
			text-decoration: none;
			font-weight: bold;


}