body{
background-image: url(../images/mainbg.gif);
background-repeat: repeat-x;
margin: 0px;
width: 900px;
min-width: 900px;
margin-left: auto;
margin-right: auto;
text-align: center;	
font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
font-size: 11px;
}

a{
color: #DF4B2E;
text-decoration: none;

}

a:hover{
color: #E7C002;
text-decoration: underline;
}

h1{
color: #DF4B2E;
display: inline;
letter-spacing: -1px;
*font-size: 24px;
}


h2{
color: #DF4B2E;
display: inline;
letter-spacing: -1px;
*font-size: 17px;
}

h3{
color: #DF4B2E;
display: inline;
letter-spacing: -1px;
*font-size: 14px;
}

h4{
color: #DF4B2E;
display: inline;
letter-spacing: -1px;
*font-size: 13px;
}

ul{
margin: 5px;
padding: 5px;
text-indent: 0px;
line-height: 14px;
}

li{
margin: 5px;
text-indent: 0px;
line-height: 14px;
}

table{
line-height: 14px;
}

#top{
text-align: left;
padding: 10px;
}

#nav{
text-align: left;
padding: 2px 20px 4px 20px;
}

#nav a{
font-size: 14px;
padding: 1px 20px 5px 20px;
text-decoration: none;
color: #444;

}

#nav a:hover{
color: #aaa;

}

#main{
text-align: left;
padding: 10px;
padding-top: 20px;
margin-left: 10px;
margin-right: 10px;
line-height: 20px;
}

#main div.feature{
float: left;
padding-right: 20px;
margin-right: 10px;
width: 620px;
text-align: justify;
line-height: 20px;
font-size: 11px;
border-right: 1px dotted #aaa; 
}

img.hardware{
float: right;
padding: 10px;
border: 0px;
}

table.hardwareover{
width: 150px;
min-width: 150px; 
height: 153px; 
min-height: 153px; 
text-align: center; 
font-size: 14px; 
background-repeat: no-repeat;
background-position: 12px 0px;

}

div.image{
margin-top: 20px;
margin-left: 5px;
padding-left: 5px;
float: right;
text-align: center;
color: #aaa;
}

#image img{
display: inline;
}

#main div.links{
float: left;
margin-bottom: 20px;
}

#main div.right{
float: right; 
width: 200px;
color: #777;
line-height: 14px;
}

#main div.right ul{
list-style-type: none;
margin: 0px;
padding: 0px;
text-indent: 0px;
font-size: 11px;
color: #999;
}

#main div.right li{
list-style-type: none;
margin: 0px;
text-indent: 0px;
}

#main div.right li a{
text-decoration: none;
color: #999;
}

#main div.right li a:hover{
text-decoration: none;
color: #999;
color: #DF4B2E;
}

span.desVar{
font-size: 13px;
color: #000;
font-weight: bold;
}

#footer{
clear: both;
float: left;
font-size: 12px;
border-top: 1px solid #ccc;
width: 837px;
padding: 10px;
margin: 40px 20px 0px 20px;
text-align: left;
border: 1px solid #ccc;
background-color: #fafafa;
}
#magnetpagbottom{
clear: both;
float: left;
font-size: 10px;
border-top: 1px solid #ccc;
width: 837px;
padding: 10px;
margin: 40px 20px 0px 20px;
text-align: left;
border: 1px solid #ccc;
background-color: #fff;
}
#bottom{
clear: both;
float: left;
font-size: 10px;
border-top: 1px solid #ccc;
width: 837px;
padding: 10px;
margin: 40px 20px 0px 20px;
text-align: left;
border: 1px solid #ccc;
background-color: #fafafa;
}

#bottom div{
width: 167px; 
padding-left: 20px; 
padding-right: 20px; 
float: left;
}

#bottom ul{
list-style-type: none;
margin: 0px;
padding: 0px;
text-indent: 0px;
font-size: 11px;
color: #999;
}

#bottom li{
list-style-type: none;
margin: 0px;
text-indent: 0px;
font-size: 11px;
color: #999;
}

#bottom a{
text-decoration: none;
color: #999;
}

#bottom a:hover{
text-decoration: none;
color: #999;
color: #DF4B2E;
}

#hardware{
text-align: center; 
width: 150px; 
border-right: 1px dotted #aaa;
border-bottom: 1px dotted #aaa;
border-top: 1px dotted #fff;
border-left: 1px dotted #fff;
padding: 5px;
margin: 5px;
}

#hardware:hover{
text-align: center; 
width: 150px; 
border: 1px dotted #DF4B2E;
background-color: #f0f0f0;
padding: 5px;
margin: 5px;
}

div.hardware{
text-align: center; 
width: 150px; 
border-right: 1px dotted #aaa;
border-bottom: 1px dotted #aaa;
border-top: 1px dotted #fff;
border-left: 1px dotted #fff;
padding: 5px;
margin: 5px;
}

div.hardware:hover{
text-align: center; 
width: 150px; 
border: 1px dotted #DF4B2E;
background-color: #f0f0f0;
padding: 5px;
margin: 5px;
}

div.supplies{
text-align: center; 
width: 160px; 
height: 280px;
overflow: hidden;
float: left;
border-right: 1px dotted #aaa;
border-bottom: 1px dotted #aaa;
border-top: 1px dotted #fff;
border-left: 1px dotted #fff;
padding: 10px;
margin: 15px 20px 0px 0px;
}

div.supplies:hover{
text-align: center; 
width: 160px; 
height: 280px;
overflow: hidden;
float: left;
border: 1px dotted #DF4B2E;
padding: 10px;
margin: 15px 20px 0px 0px;
}

div.suppliespersh{
text-align: center; 
width: 250px; 
overflow: hidden;
float: left;
padding: 10px;
margin: 0px 20px 40px 20px;
line-height: 14px;
}
div.suppliesmagnetpage{
text-align: left; 
width: 250px; 
overflow: hidden;
float: left;
padding: 10px;
margin: 0px 20px 40px 20px;
line-height: 14px;
}

div.brand{
text-align: center; 
width: 110px; 
height: 110px;
overflow: hidden;
float: left;
border-right: 1px dotted #aaa;
border-bottom: 1px dotted #aaa;
border-top: 1px dotted #fff;
border-left: 1px dotted #fff;
padding: 10px;
margin: 15px 20px 0px 0px;

}

div.brand:hover{
text-align: center; 
width: 110px; 
height: 110px;
overflow: hidden;
float: left;
border: 1px dotted #DF4B2E;
padding: 10px;
margin: 15px 20px 0px 0px;
background-color: #f0f0f0;

}

#supplies{
text-align: center; 
width: 75px; 
border-right: 1px dotted #aaa;
border-bottom: 1px dotted #aaa;
border-top: 1px dotted #fff;
border-left: 1px dotted #fff;
padding: 5px;
margin: 5px;
}

#supplies:hover{
text-align: center; 
width: 75px; 
border: 1px dotted #DF4B2E;
background-color: #f0f0f0;
padding: 5px;
margin: 5px;
}

#location{
border-bottom: 1px solid #ccc; 
width: 100%;
}

img.scanimage{
border: 1px solid #fff;
}

img.scanimage:hover{
border: 1px dotted #DF4B2E;
}

span.formlabel{
font-size: 16px; 
font-weight: bold; 
text-align: left;
color: #DF4B2E;
}

table.form tr td input{
font-size: 14px;
font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

table.form tr td textarea{
font-size: 12px;
line-height: 20px;
font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;

}

td.formleft{
border-top: 1px solid #ccc;
padding: 10px;
}

td.formright{
background-color: #fafafa; 
border-top: 1px solid #ccc; 
padding: 10px;
}

a.software{
text-decoration: none;
color: #888;
}

a.software:hover{
text-decoration: none;
color: #DF4B2E;
}

a.supplieslink{
text-decoration: none;
color: #888;
}

a.supplieslink:hover{
text-decoration: none;
color: #DF4B2E;
}


/*---Store Styling---*/

div.noitems{
width: 850px; 
border: 1px dotted red;
padding: 20px 0px 20px 0px; 
margin: 20px 0px 20px 0px; 
background-color: #FDF1F1;
line-height: 20px;
text-align: center;
}

div.good{
width: 850px; 
border: 1px dotted #009900;
padding: 20px 0px 20px 0px; 
margin: 20px 0px 20px 0px; 
background-color: #E9F5E9;
line-height: 20px;
text-align: center;
}

table.cart td.item{
border-bottom: 1px dotted #ccc;
font-size: 14px;
padding: 5px;
}

input.addtocart{
background-image: url(../images/addtocart.gif);
width: 110px;
height: 24px;
padding: 0px;
margin: 0px;
border: 0px;
background-color: #ffffff;
cursor: pointer;
}

input.addtocart:hover{
background-image: url(../images/addtocart_over.gif);
width: 110px;
height: 24px;
padding: 0px;
margin: 0px;
border: 0px;
background-color: #ffffff;
cursor: pointer;
}

#topcart{
float: right;
width: 400px;
text-align: right;
height: 45px;
margin: 3px 0px 0px 0px;
padding: 5px;
font-size: 10px;
}

#method{
width: 375px;
text-align: justify;
}


#progress table td{
border-bottom: 1px dotted #aaa;
color: #aaa;
}

#progress table td a{
color: #aaa;
text-decoration: none;
}

#progress table td a:hover{
color: #DF4B2E;
text-decoration: none;
}

#EditAddresses label{
display: block;
float: left;
width: 64px;
font-weight: bold;
text-align: left;
margin-right: 5px;
}

#NoAccount label{
display: block;
float: left;
width: 125px;
text-align: left;
margin-right: 5px;
font-size: 14px;
}

form table tr td.left{
border-bottom: 1px solid #ccc; 
padding: 10px;
}

form table tr td.right{
background-color: #fafafa; 
border-bottom: 1px solid #ccc; 
padding: 10px;
}

form table tr td input{
font-size: 15px;
font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

form table tr td div{
display: inline;
color: #aaa;
margin-left: 10px;
font-size: 13px;
}
	
#dhtmlgoodies_tooltip{
background-color:#fff;
border:1px dotted #aaa;
position:absolute;
display:none;
z-index:20000;
padding:2px;
font-size: 11px;
color: #555;
-moz-border-radius:6px;	/* Rounded edges in Firefox */
font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#dhtmlgoodies_tooltipShadow{
position:absolute;
background-color:#555;
display:none;
z-index:10000;
opacity:0.7;
filter:alpha(opacity=70);
-khtml-opacity: 0.7;
-moz-opacity: 0.7;
-moz-border-radius:6px;	/* Rounded edges in Firefox */
}