body
{ 
background-color: white; 
margin: 0 0 0 0;
}






/* elements */

ul
{
margin: 10px 0 0 0;
padding: 0;
list-style-type: none;
}

li
{
margin: 0 0 9px 0;
padding: 0 0 0 10px;
background-image: url("images/greenbullet.gif");
background-repeat: no-repeat;
background-position: 0px 6px;
}

.photos
{
float: right;
margin: 0 0 15px 15px;
}

*
{
font: 12px verdana;
color: #666666;
}

strong
{
font-weight: bold;
}

p
{
padding: 0;
margin: 0px 0 13px 0;
line-height: 19px;
}

.required
{
color: red;
font-weight: bold;
}

#footer p
{
font-size: 10px;
}

.footertext
{
margin: 0 auto;
font-size: 6px;
line-height: 10px;
width: 600px;
}

.nodetext
{
margin: 0 auto;
font-size: 10px;
width: 600px;
}

h3, .productname, .headingcell
{
font: 14px verdana;
color: #4C4CFF;
font-weight: bold;
margin: 0;
padding: 0;
}

.headingcell
{
font-size: 13px;
}

img
{
border: 0;
}

#bottom a, #utilitynav a
{
color: #24B524;
margin-left: 10px;
margin-right: 10px;
text-decoration: none;
}


#bottom a:hover, #utilitynav a:hover
{
color: #4C4CFF;
text-decoration: underline;
}

a, a:visited
{
color: #24B524;
text-decoration: underline;
}

a:hover
{
color: #4C4CFF;

}

#contacttable
{
margin: 0;
margin-left: 25px;
}

#contacttable tr td
{
padding: 5px;
margin: 0;
}





/* structure */

#container
{
position: relative;
width: 856px;
margin: 0 auto;
background: white;
margin-top: 10px;
}

#top
{
position: relative;
width: 856px;
height: 160px;
background-image: url("images/ialogo4.gif");
background-position: top left;
background-repeat: no-repeat;
}

#navarea
{
position: absolute;
width: 702px;
height: 28px;
background-image: url("images/navall.gif");
background-repeat: no-repeat;
background-position: bottom right;
right: 0;
bottom: 0;
}

#utilitynav
{
position: absolute;
text-align: right;
right: 0;
top: 0;
}

#banner
{
position: relative;
width: 856px;
height: 61px;
}

#cartarea
{
position: absolute;
height: 23px;
width: 122px;
background-image: url("images/cart1.gif");
right: 1px;
bottom: 3px;
}

#middle
{
position: relative;
width: 766px;
padding: 31px 45px 31px 45px;
margin: 0;
}

#bottom
{
position: relative;
width: 856px;
height: 27px;
padding-top: 6px;
text-align: center;
background-image: url("images/footernavback.gif");
background-repeat: no-repeat;
}

#footer
{
position: relative;
width: 856px;
text-align: center;
}

.fflcear
{
clear: both;
}








/* page specific */

#leftside
{
position: relative;
float: left;
width: 447px;
text-align: left;
}

#rightside
{
position: relative;
float: left;
width: 294px;
padding-left: 25px;
text-align: left;
}

#calloutboxtop
{
position: relative;
width: 293px;
height: 64px;
}

#calloutboxmid
{
position: relative;
width: 243px;
padding: 5px 25px 10px 25px;
background-image: url("images/boxmiddle.gif");
}

#calloutboxbottom
{
position: relative;
width: 293px;
height: 16px;
}



.product
{
position: relative;
width: 407px;
padding: 15px 20px 0px 20px;
}

.productimage
{
position: relative;
float: left;
width: 118px;
margin: 15px 0 0 0;
}


.productinfo
{
position: relative;
float: left;
width: 274px;
margin: 15px 0 0 0;
padding: 0 0 0 15px;
}

#addcart
{
width: 118px;
height: 23px;
margin: 10px 0 0 0;
background-image: url("images/addcart1.gif");
background-repeat: no-repeat;
}

.photocell
{
position: relative;
margin: 0;
background: url("images/thumbnailback.gif") no-repeat 0px 3px;
}

.phototable
{
border: 0;
}

.phototable tr td
{
width: 102px;
}
.phototable tr
{
height: 80px;
}








/* hovers */

#iw
{
background-image: url("images/iwright.jpg");
}

#im
{
background-image: url("images/imright.jpg");
}

#imp
{
background-image: url("images/impright.jpg");
}

a.rightlink { 
display: block; 
width: 293px; 
height: 83px;
background-repeat: no-repeat;
margin-bottom: 10px;
}

a.rightlink:hover { /* definition of the "image" class for <a> tag when hovered onto */
background-position: -293px 0px; /* source for target image */
} 


#navarea a
{
display: block;
float: left;
width: 117px; 
height: 28px;
background-repeat: no-repeat;
}


a.homelink
{
background-image: url("images/homelink.gif");
background-position: 0px 0px;
}

a.homelink:hover
{
background-position: -117px 0px;
}

a.aboutlink
{
background-image: url("images/aboutlink.gif");
background-position: 0px 0px;
}

a.aboutlink:hover
{
background-position: -117px 0px;
}

a.implementlink
{
background-image: url("images/implementlink.gif");
background-position: 0px 0px;
}

a.implementlink:hover
{
background-position: -117px 0px;
}

a.customlink
{
background-image: url("images/customlink.gif");
background-position: 0px 0px;
}

a.customlink:hover
{
background-position: -117px 0px;
}

a.magnetlink
{
background-image: url("images/magnetlink.gif");
background-position: 0px 0px;
}

a.magnetlink:hover
{
background-position: -117px 0px;
}

a.contactlink
{
background-image: url("images/contactlink.gif");
background-position: 0px 0px;
}

a.contactlink:hover
{
background-position: -117px 0px;
}

/* form */

input[type=text], textarea
{
display: block;
margin: 10px;
padding: 4px;
width: 210px;
background: url("images/formback.gif") repeat-x;
border: 2px solid #D7D7D7;
color: #4C4CFF;
font-weight: bold;
}



textarea.wide
{
width:350px;
}

textarea
{
height: 100px;
}

input[type=submit].contactsubmit
{
display: block;
margin: 10px;
padding: 4px;
width: 70px;
height: 25px;
background: url("images/buttonback.gif") repeat-x;
border: 2px solid #A8A8FF;
color: white;
text-align: center;
font-weight: bold;
cursor: pointer;
}

.iwfinalform input, .iwfinalform textarea, .iwfinalform input[type=submit], .iwfinalform select, .imfinalform input, .imfinalform textarea, .imfinalform input[type=submit], .imfinalform select
{
margin: 5px 0 20px 0;

}

.iwfinalform input[type=checkbox], .imfinalform input[type=checkbox]
{
margin: 5px 0 0px 10px;
}

.cart { 
display: block; 
width: 122px; 
height: 23px;
background-image: url("images/cart1.gif");
background-repeat: no-repeat;
margin: 0;
padding: 0;
border: 0;
cursor: pointer;
}

.cart:hover { /* definition of the "image" class for <a> tag when hovered onto */
background-image: url("images/cart2.gif"); /* source for target image */
} 

.addcart { 
display: block; 
width: 118px; 
height: 23px;
background-image: url("images/addcart1.gif");
background-repeat: no-repeat;
margin: 0;
padding: 0;
border: 0;
cursor: pointer;
}

.addcart:hover { /* definition of the "image" class for <a> tag when hovered onto */
background-image: url("images/addcart2.gif"); /* source for target image */
}