/* CSS Document */

html, body
{color:gray;
background-color: gray;
/*height: 100%;
min-height: 100%*/}

.container
{width: 760px;
height: 950px;
/*height:100%; 
min-height:100%; 
height:auto !important;*/
border: 2px solid black;
background: white;
position: relative;}

.containerint
{width: 760px;
height: 725px;
border: 2px solid black;
background: white;
position: relative;}

.containertech
{width: 760px;
height: 2200px;
border: 2px solid black;
background: white;
position: relative;}

.containerprod
{width: 760px;
height: 1200px;
border: 2px solid black;
background: white;
position: relative;}

h2
{
font-family:arial, helvetica, verdana;
font-size:23px;
color:#CC0000;
font-weight:bold;
position: absolute;
left: 330px;
top: 175px;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

h3/*specialshead*/
{
font-family:arial, helvetica, verdana;
font-size:20px;
color:grey;
font-style:italic;
position: relative;
left: 20px;
top: 18%;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

p
{font-family: arial, helvetica, verdana;
font-size:12px;
color:black;
position: relative;
top: 107px;
margin-top: 5px}

p.about
{font-family: arial, helvetica, verdana;
font-size:12px;
color:black;
position: absolute;
top: 300px;
margin-top: 25px;
padding-left: 15px;}

p.contact
{font-family: arial, helvetica, verdana;
font-size:15px;
color:black;
font-weight: bold;
position: absolute;
top: 35%;
left: 325px;
text-align: center}

p.tech
{font-family: arial, helvetica, verdana;
font-size:14px;
color:black;
position: absolute;
top: 9%;
padding-bottom: 100px;
left: 15px;}

a.tech:hover
{font-style: italic;
font-decoration: underline;
color: black;}

a.tech:link
{font-style: italic;
font-decoration: underline;
color: black;}

a.tech:visited
{font-style: italic;
font-decoration: underline;
color: black;}

a.tech:active
{font-style: italic;
font-decoration: underline;
color: black;}

p.np
{font-family: arial, helvetica, verdana;
font-size:15px;
color:black;
font-weight: bold;
text-align: center;
position: absolute;
top: 180px;
left: 30px}

p.boxes
{font-family: arial, helvetica, verdana;
font-size:12px;
color:black;
text-align: center;
position: relative;
margin-top: 45px;}

p.special
{font-family: arial, helvetica, verdana;
font-size:14px;
color:black;
position: absolute;
top: 15%;
padding-top: 30px;
left: 300px;}

p.special2
{font-family: arial, helvetica, verdana;
font-size:20px;
color:red;
position: absolute;
top: 41%;
left: 75px;
margin-top: 5px;
text-align: center;}

.search
{position: absolute;
right: 2px;
top: 5px}

.search#searchbtn
{height: 22px;
width: 71px;}

.search#searchbox
{background-color: red}

.shoppingcart
{
background-image: url('images/shoppingcart_85.png');
background-repeat: no-repeat;
height: 85px;
width: 75px;
position: absolute;
right: 10px;
top: 30px;
border: 0px;}

.logo
{background-image:  url('images/logo3.jpg');
background-repeat: no-repeat;
width: 404px;
height: 108px;
position: absolute;
left: 15px;
top: 10px;
border:0px}

.topimage
{background-image:  url('images/redsealedgroup.png');
background-repeat: no-repeat;
height: 118px;
width: 147px;
position: absolute;
left: 420px;
top: 10px;}

.topnav
{background-image: url('images/topnavbg.gif');
background-repeat:no-repeat;
width: 758px;
height: 50px;
position: absolute;
top: 123px;
border: 0px;
text-align: center;
word-spacing: 25px;
padding-top: 15px;
padding-bottom: 15px}

.newprodbox
{height: 300px;
width: 269px;
position: absolute;
left: 7px;
top: 193px;
/*/*/border:4px solid #999999;/* */}

img.newprod
{height: 29px;
width: 223px;
position: absolute;
left: 7px;
top: 2px}

img.newprodmain
{height: 105px;
width: 200px;
position: absolute;
left: 35px;
top: 30px;
border: 0px;}

img.newprodevollogo
{height: 52px;
width: 100px;
position: absolute;
left: 88px;
top: 130px;}

.mainbox
{height: 315px;
width: 450px;
position: absolute;
left: 291px;
top: 193px;
/*/*/border:4px solid #999999;/* */}

img.evollogo200
{height: 103px;
width: 200px;
position: absolute;
left: 10px;
top: 5px;}

img.evollogo200about
{height: 103px;
width: 200px;
position: absolute;
left: 100px;
top: 200px;}

img.wheelslogo200
{height: 76px;
width: 200px;
position: absolute;
left: 235px;
top: 22px;}

img.wheelslogo200about
{height: 76px;
width: 200px;
position: absolute;
left: 460px;
top: 200px;}

img.speclogo1
{height: 80px;
width: 146px;
position: absolute;
left: 220px;
top: 23%;
border: 0px}

img.speclogo2
{height: 80px;
width: 146px;
position: absolute;
left: 420px;
top: 23%;
border: 0px}

img.speclogo3
{height: 40px;
width: 146px;
position: absolute;
left: 225px;
top: 50%;
border: 0px}

img.speclogo4
{height: 80px;
width: 146px;
position: absolute;
left: 425px;
top: 48%;
border: 0px}

img.speclogo5
{height: 40px;
width: 146px;
position: absolute;
left: 225px;
top: 64%;
border: 0px}

img.speclogo6
{
position: absolute;
left: 420px;
top: 64%;
border: 0px}

img.specprod1
{width: 300px;
position: absolute;
left: 250px;
top: 31%;}

img.specprod2
{width: 300px;
position: absolute;
left: 250px;
top: 54%;}

img.specprod4
{width: 300px;
position: absolute;
left: 250px;
top: 70%;}

img.box
{position: absolute;
top: 40px;
left: 45px;
border: 0px}

img.box2
{position: absolute;
top: 50px;
left: 45px;
border: 0px}

img.detailsbtn
{width: 118px;
height: 30px;
position: absolute;
top: 235px;
left: 30px;
border: 0px;}

.boxhead
{background-image: url('images/boxhead.gif');
background-repeat: no-repeat;
width: 170px;
height: 33px;
position: relative;
font-family: arial, helvetica, verdana;
font-size:15px;
color:white;
font-weight:bold;
text-align: center;
padding-top: 5px}

.hpminibox1
{height: 270px;
width: 170px;
position: absolute;
left: 7px; 
top: 520px;
/*/*/border:4px solid #999999;/* */}

.hpminibox2
{height: 270px;
width: 170px;
position: absolute;
left: 195px; 
top: 520px;
/*/*/border:4px solid #999999;/* */}

.hpminibox3
{height: 270px;
width: 170px;
position: absolute;
left: 384px; 
top: 520px;
/*/*/border:4px solid #999999;/* */}

.hpminibox4
{height: 270px;
width: 170px;
position: absolute;
left: 572px; 
top: 520px;
/*/*/border:4px solid #999999;/* */}

.leftnavwhite {font-family: arial, helvetica, verdana; font-size: 12px; text-transform: uppercase; font-weight: strong; color: white; text-align: center; position: relative; top: 7px}
a.leftnavwhite {font-family: arial, helvetica, verdana; font-size: 12px; text-transform: uppercase; font-weight: strong; color: #CC0000; text-align: center; position: relative; top: 7px; left: 5px; text-decoration: none}
a.leftnavwhite:hover {font-family: arial, helvetica, verdana; font-size: 12px; text-transform: uppercase; font-weight: strong; color: white; text-align: center; position: relative; top: 7px; left: 5px; text-decoration: none}
.leftnavred {font-family: arial, helvetica, verdana; font-size: 12px; text-transform: uppercase; font-weight: strong; color: #CC0000; text-align: center; position: relative; top:7px;}
a.leftnavred {font-family: arial, helvetica, verdana; font-size: 12px; text-transform: uppercase; font-weight: strong; color: white;  position: relative; top:7px; left: 5px; text-decoration: none}
a.leftnavred:hover {font-family: arial, helvetica, verdana; font-size: 12px; text-transform: uppercase; font-weight: strong; color: #CC0000;  position: relative; top:7px; left: 5px; text-decoration: none}
.basicbold {font-family: arial, helvetica, verdana; font-size: 12px; font-decoration: bold; color: black}
.basic{font-family: arial, helvetica, verdana; font-size: 15px; font-decoration: bold; color: black}
.basicwhite{font-family:arial, helvetica, verdana;
font-size:25px;
color:white;
line-height:1em;
padding:2px;
font-weight:bold;}

.basicwhitesm{font-family:arial, helvetica, verdana;
font-size:12px;
color:white;
line-height:1em;
padding:2px;
font-weight:bold;}

a.basicred{font-family:arial, helvetica, verdana;
font-size:25px;
color:#CC0000;
line-height:1em;
padding:2px;
font-weight:bold;
text-decoration: none}

a.basicred:hover{font-family:arial, helvetica, verdana;
font-size:25px;
color:black;
line-height:1em;
padding:2px;
font-weight:bold;}

a.basic{font-family: arial, helvetica, verdana; font-size: 15px; font-decoration: underline; color: black}

.prefooter
{ 
font-family: arial, helvetica, verdana;
font-size:14px;
color:black;
font-weight: bold;
position: absolute;
bottom: 8%;
width: 759px;
text-align: center;
word-spacing: 10px;
}

.prefootertech
{ 
font-family: arial, helvetica, verdana;
font-size:14px;
color:black;
font-weight: bold;
position: absolute;
bottom: 5%;
width: 759px;
text-align: center;
word-spacing: 10px;
}

.prefooterint
{ 
font-family: arial, helvetica, verdana;
font-size:14px;
color:black;
font-weight: bold;
position: absolute;
bottom: 11%;
width: 759px;
text-align: center;
word-spacing: 10px;
}

.footer
{background-image:  url('images/footerbg.gif');
background-repeat: no-repeat;
position: absolute;
bottom: 2%;
width: 759px;
text-align: center;
word-spacing: 25px;
padding-top: 15px;
padding-bottom: 15px}


img.products
{border: 0px;
padding: 5 5 5 5}

p.prod1
{left: 70px;
top: 200px;
position: absolute;}

p.prod2
{left: 500px;
top: 200px;
position: absolute;}

p.prod3
{left: 70px;
top: 420px;
position: absolute;}

p.prod4
{left: 500px;
top: 420px;
position: absolute;}

p.prod5
{left: 70px;
top: 620px;
position: absolute;}

p.prod6
{left: 500px;
top: 620px;
position: absolute;}

p.prod7
{left: 70px;
top: 845px;
position: absolute;}

p.prod8
{left: 500px;
top: 845px;
position: absolute;}

p.prodhead
{font-family: arial, helvetica, verdana; font-size: 15px; font-decoration: underline; color: black; font-weight: bold; text-align: center;}

a.prodhead: link
{font-family: arial, helvetica, verdana; font-size: 15px; font-decoration: underline; color: black; font-weight: bold; text-align: center;}

a.prodhead: visited
{font-family: arial, helvetica, verdana; font-size: 15px; font-decoration: underline; color: black; font-weight: bold; text-align: center;}

a.prodhead: hover
{font-family: arial, helvetica, verdana; font-size: 15px; font-decoration: underline; color: black; font-weight: bold; text-align: center;}