body{
margin:0;
padding:0;
line-height: 1.5em;
/* background:white url(../bckg_red.jpg) center top repeat-x; */
/* background:#c81e1e; url(../bckgRedGradient.jpg) center top repeat-y; */
/* background:white url(../bckg_red.jpg) left top repeat-y; */
/* background:#545250; */
background:#d0d0d0;
}
*{
font-size: 13px;
font-family: Verdana, sans-serif;
}
b{font-size: 110%;}
em{color: red;}
#maincontainer{
width: 840px; /*Width of main container*/
height: 1024px;
margin: 0 auto; /*Center container on page*/
background:white;
}
#topsection{
height: 180px; /*Height of top section*/
}
#logo{
float:left;
height:180px;
width:310px;
background-color:white;
text-align: center;
}
#header{
float: left;
height:180px;
width:530px;
}
.header_accuro{
background-image: url(../bckgHeader_3.jpg);
}
.header_automotive{
background-color: #ffffff; 
background-image: url(../opticarlogo.jpg);
background-repeat:no-repeat;
}
.header_it{
background-image: url(../bckgHeader_2.jpg);
}
.header_wtm{
background-color: #ffffff; 
background-image: url(../bckgHeader_4.jpg);
background-repeat:no-repeat;
}
#menu{
clear: left;
min-height: 50px;
#height: 50px;
background:white url(../bckgMenu2.jpg) center top repeat-x; */
}
#topsection h1{
margin: 0;
padding-top: 15px;
}
#contentwrapper{
clear:both;
float: left;
width: 100%;
background-color:#ffffff;
}
#leftmenu{
float: left;
margin-top: 10px;
width: 190px; /*Width of left column in pixel*/
margin-left: -840px; /*Set margin to that of -(MainContainerWidth)*/
}
#contentcolumn{
margin-top: 10px;
}
.leftmaincontent{
margin-right: 250px; /*Set right margin to RightColumnWidth*/
}
.middlemaincontent{
margin: 0 250px 0 190px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}
.rightmaincontent{
margin-left: 190px; /*Set left margin to LeftColumnWidth*/
}
.fullmaincontent{
width: 100%;
}
#rightcolumn{
margin-top: 10px;
float: left;
width: 250px; /*Width of right column*/
margin-top: 10px;
margin-left: -250px; /*Set left margin to -(RightColumnWidth) */
}
#righttop{
clear: left;
height: 16px;
width:100%;
background:white url(../bckgRightContent_01.jpg) center top no-repeat;
}
#rightcontent{
float:left;
width:100%;
background:white url(../bckgRightContent_02.jpg) center top repeat-y;
color: white;
}
#rightbottom{
clear:left;
height: 16px;
width:100%;
background:white url(../bckgRightContent_03.jpg) center top no-repeat;
}
#footer{
clear: left;
margin-top: 30px;
border-top: 2px solid #D10000; /*Red color theme*/
background:white;
width: 100%;
text-align: center;
font-size: 10px;
padding: 4px 0;
min-height: 30px;
#height: 30px;
}
#footer a{
color: #D10000;
text-decoration:none;
}
#footer a:hover{
color: black;
text-decoration:underline;
}
#footer p{
margin:5px 0px 0px 0px;
font-size: 10px;
}
.innertube{
margin-left: 20px;
margin-right: 10px;
}
#contentcolumn .innertube{
margin-left: 25px;
margin-right: 20px;
}
.logo{
margin: 30px;
margin-bottom: 15px;
width: 15Opx;
}
#logo ul{
margin: 0;
padding: 0;
list-style:none;
}
#logo li{
font-size: 18px;
font-weight: bold;
margin-bottom: 5px;
padding 0;
text-transform:uppercase;
color: #D10000;
}
#logo a{
font-size: 11px;
font-weight: bold;
color: black;
text-decoration: underline;
}
#logo a:hover{
font-size: 11px;
font-weight: bold;
color: #D10000;
text-decoration: none;
}
#rightcontent a{
font-size: 11px;
font-weight: bold;
color: white;
text-decoration: underline;
}
#rightcontent a:hover{
font-size: 11px;
font-weight: bold;
color: #D10000;
text-decoration: none;
}
#rightcontent ul{
margin:5px;
margin-left:15px;
}
#contentwrapper h1{
font-size: 16px;
font-weight:bold;
}
#contentwrapper h2{
font-size: 14px;
font-weight:bold;
color: #D10000;
}
#marqueecontainer{
position: relative;
margin:0px;
width: 210px; /*marquee width */
height: 200px; /*marquee height */
overflow: hidden;
padding: 2px;
padding-left: 4px;
}
.cssform p.data{
width: 500px;
clear: left;
margin: 0;
padding: 2px 0 4px 0;
padding-left: 250px; /*width of left column containing the label elements*/
border-top: 0px dashed gray;
height: 1%;
}
.cssform p{
width: 650px;
clear: left;
margin: 0;
padding: 2px 0 4px 0;
border-top: 0px dashed gray;
height: 1%;
}
.cssform p.footer{
font-size: 10px;
font-style: italic;
}
.cssform p.buttons{
text-align: right;
}
.cssform label{
font-weight: bold;
float: left;
margin-left: -220px; /*width of left column*/
width: 220px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 300px;
}
.cssform .inputtext{
width: 300px;
}
.inputtextsmall{
width: 30px;
}
.cssform select{
width: 300px;
}
.cssform textarea{
width: 450px;
height: 230px;
}
.product{
width: 780px;
min-height:120px;
#height:120px;
clear: left;
padding:10px 10px 10px 0px;
margin-top:10px;
}
.product .floatbox{
clear:both;
float: left;
width: 150px;
text-align:center;
height:100%;
margin-right:20px;
}
.product .contentbox{
float:left;
width:580px;
}
img.picture {
	margin: 0 5px 5px;
	border: 1px solid gray;
}
img.banner {
	margin: 0 5px 5px;
	border: 1px solid gray;
	width: 500px;
}
img.screenshot_600 {
	margin: 0px 0px 0px 0px;
	border: 1px solid gray;
	width: 600px;
}
img.screenshot_800 {
	margin: 0 0px 0px;
	border: 1px solid gray;
	width: 820px;
}
img.screenshot_no_resize {
	margin: 0px 0px 0px 0px;
	border: 1px solid gray;
}
img.thumb {
	border: 1px solid gray;
	width: 150px;
}
h3, h3 a{
font-size: 12px;
font-weight: bold;
color: #D10000;
text-decoration: none;
}
h3 a:hover{
font-size: 12px;
font-weight: bold;
color: #000000;
text-decoration: underline;
}
.righthighline p{
text-align: center;
width:95%;
}