/* CSS Document */

/*controls the word systems*/
#systesmthewordhoward {
margin-top:10px;
margin-left:12px;
margin-bottom:10px;
}


/*controls all images for the systems*/
#systemimages {
border:0;
display:block;
width:146px;
height:169px;
}


/*controls all the categories names for the first row*/
#firstrowcategorienamessystem {
list-style-type:none;
width:961px;
height:169px;
display:block;
margin:20px 0 0 28px;
padding:0;
}


/*firstrowcategorienamessystem li controls all the categories names for the first row. secondrowcategorienamessystem controls all the categories names for the second row*/
#firstrowcategorienamessystem li,#secondrowcategorienamessystem li {
float:left;
width:186px;
height:169px;
}


/*desktopssystems controls the word desktops. handheldssystems controls the word handhelds */
#desktopssystems,#handheldssystems {
margin:-20px 0 0 47px;
padding:0;
}


/*controls the word notebooks*/
#notebooksystems {
margin:-20px 0 0 45px;
padding:0;
}


/*controls the word tablets*/
#tabletssystems {
margin:-20px 0 0 53px;
padding:0;
}


/*controls the word workstations*/
#workstationssystems {
margin:-20px 0 0 34px;
padding:0;
}


/*controls all the categories names for the second row*/
#secondrowcategorienamessystem {
list-style-type:none;
width:961px;
height:169px;
display:block;
margin:20px 0 20px 28px;
padding:0;
}


/*controls the word servers*/
#serverssystems {
margin:-20px 0 0 52px;
padding:0;
}


/*controls the word carts*/
#cartssystems {
margin:-20px 0 0 58px;
padding:0;
}


/*controls the word emergency solutions*/
#emergencysolutionssystems {
margin:-20px 0 0 14px;
padding:0;
}


/*controls the vehicle solutions*/
#vehiclesolutionssystems {
margin:-20px 0 0 28px;
padding:0;
}


/*controls the background color for the howard advantage*/
#howardadvantagesystemsbackgroundcolor {
background-color:#999;
width:961px;
height:28px;
display:block;
margin:0px;padding:0px;
}


/*wordshowardadvantagesystems controls the words the howard advantage. wordsofferingsandspecialssystems controls the words offerings and specials*/
#wordshowardadvantagesystems,#wordsofferingsandspecialssystems {
margin-top:4px;
margin-left:8px;
margin-bottom:0px;
padding:0px;
float:left;
display:inline;
width:220px;
}


/*controls the entire the howard advantage area*/
#allhowardadvantagearea {
width:961px;
/*height:310px;*/
height:410px;
display:block;
}


/*Controls the information on the left side under quality and service for systems*/
#lefthowardqualitysystems {
float:left;
display:inline;
width:572px;
height:290px;
border-right:1px solid #999;
margin:10px 0 0;
}


/*controls the words quality and service |*/
qualityservicethewordssystems {
margin-left:14px;
margin-top:10px;
}


/*controls the information under quality and service*/
#howardqualitydetails {
margin-left:17px;
width:530px;
margin-top:10px;
margin-bottom:10px;
}


/*controls the words benefits |*/
#benefitsthewordssystems {
margin-top:2px;
margin-bottom:10px;
margin-left:17px;
}


/*controls the bullets under benefits*/
.qualityservicebenefitssystems {
list-style-type:none;
margin:0 0 0 17px;
padding:0;
}


/*bullcolorquality controls all the bullets being blue for quality and service. bullcolorlogic controls the bullet and word being blue for logic*/
#bullcolorquality,#bullcolorlogic {
color:#3180d8;
}


/*controls a | b | c | being blue for quality and service*/
#abccolorquality {
margin-left:11px;
color:#3180d8;
}


/*controls the information on the right side under our category system*/
#righthowardcategorysystem {
float:left;
display:inline;
width:330px;
margin:10px 0 0 30px;
padding:0;
}


/*logicimagesystems controls the image of the logic shield. meritimagesystems controls the image of the merit shield. choiceimagesystems controls the image of the choice shield*/
#logicimagesystems,#meritimagesystems,#choiceimagesystems {
border:0;
margin-right:34px;
}


/*controls the bullet and word being red for merit*/
#bullcolormerit {
color:#dd270a;
}


/*controls the bullet and word being green for choice*/
#bullcolorchoice {
color:#0cb84e;
}


/*controls the background color for offerings and specials*/
#offeringsandspecialssystemsbackgroundcolor {
background-color:#999;
width:961px;
height:28px;
display:block;
margin:0px;
padding:0px;
}


/*controls all of offerings and specials*/
#alldealsandspecialsareasystems {
width:961px;
height:107px;
}


/*controls the images for offerings and specials */
#dealsandspecialsimagessystems {
padding-top:9px;
padding-left:10px;
}