@charset "utf-8";

/*controls the now you can clone one of your very own image*/
#customimagingbanner {
margin-left:3px;
display:block;
}


/*controls the background color (blue) for howard (and whatever system it is)*/
#bluebarshowardsystemsbackgroundcolor {
margin-left:3px;
background-color:#2e7ac8;
width:747px;
height:28px;
display:block;
padding:0px;
}


/*controls the words on top of the blue bars for howard (whatever system)*/
#thewordshowardsystems {
margin-top:6px;
margin-left:16px;
float:left;
display:inline;
/*width:179px;*/
width:500px;
margin-bottom:0;
}


/*controls view all brands for howard systems*/
#brandshowardsystemss {
float:left;
display:inline;
width:104px;
/*margin:6px 0 0 448px;*/
margin:6px 0 0 127px;
padding:0;
}


/*controls the image called howard desktops*/
#desktopfeature {
margin-top:5px;
margin-left:3px;
padding:0;
}


/*controls the spacing for all logic system word*/
#spacingalllogic {
padding-top:2px;
margin:0px;
text-align:center;
background-image: url(http://www.howardcomputers.com/images/systems/howarddesktops/colorbarvers2b_01.png);
background-repeat:no-repeat;
height:23px;
}


/*controls the spacing for all merit system word*/
#spacingallmerit {
padding-top:2px;
margin:0px;
margin-left:1px;
text-align:center;
background-image: url(http://www.howardcomputers.com/images/systems/howarddesktops/colorbarvers2b_03.png);
background-repeat:no-repeat;
height:23px;
}


/*controls the spacing for all choice system word*/
#spacingallchoice {
padding-top:2px;
margin:0px;
text-align:center;
background-image: url(http://www.howardcomputers.com/images/systems/howarddesktops/colorbarvers2b_05.png);
background-repeat:no-repeat;
height:23px;
margin-left:1px;
}


/*controls the spacing for all havoc system word*/
#spacingallhavoc {
padding-top:2px;
margin:0px;
text-align:center;
background-image: url(http://www.howardcomputers.com/images/systems/howarddesktops/colorbarB_07.png);
background-repeat:no-repeat;
height:23px;
margin-left:1px;
}


/*controls the entire big howard desktops section*/
#howarddesktop {
display:block;
width:747px;
height:100px;
padding:0px;
}


/* RB9742.  11 AUG 10. Common elements the big desktop area. 4 column is the default layout ie.
desktoplogic     - 4 column layout. desktoplogic3col - 3 column layout */
#desktoplogic {
display:inline;
float:left;
width:185px;
padding:0px;
margin-top:0px;
}



/* RB9742.  11 AUG 10. Common elements the big desktop area. 4 column is the default layout ie.
desktoplogic     - 4 column layout. desktoplogic3col - 3 column layout */
#desktopmerit {
display:inline;
float:left;
width:188px;
padding:0px;
margin-top:0px;
}


/* RB9742.  11 AUG 10. Common elements the big desktop area. 4 column is the default layout ie.
desktoplogic     - 4 column layout. desktoplogic3col - 3 column layout */
#desktopchoice {
display:inline;
float:left;
width:188px;
padding:0px;
margin-top:0px;
}


/* RB9742.  11 AUG 10. Common elements the big desktop area. 4 column is the default layout ie.
desktoplogic     - 4 column layout. desktoplogic3col - 3 column layout */
#desktophavoc {
display:inline;
float:left;
width:186px;
padding:0px;
margin-top:0px;
}


/* RB9742.  11 AUG 10. Common elements the big desktop area. 4 column is the default layout ie.
desktoplogic     - 4 column layout. desktoplogic3col - 3 column layout */
#desktoplogic3col {
display:inline;
float:left;
width:247px;
padding:0px;
margin-top:0px;
}


/* RB9742.  11 AUG 10. Common elements the big desktop area. 4 column is the default layout ie.
desktoplogic     - 4 column layout. desktoplogic3col - 3 column layout */
#desktopmerit3col {
display:inline;
float:left;
width:250px;
padding:0px;
margin-top:0px;
}


/* RB9742.  11 AUG 10. Common elements the big desktop area. 4 column is the default layout ie.
desktoplogic     - 4 column layout. desktoplogic3col - 3 column layout */
#desktopchoice3col {
display:inline;
float:left;
width:250px;
padding:0px;
margin-top:0px;
}


/*controls the paragraph for all systems*/
#paragraphssystems {
padding-left:10px;
padding-right:10px;
}


/*desktopmeritothermodels controls the little merit models*/
#desktopmeritothermodels {
width:185px;
}


/*makes its so all logic, merit, choice and havoc other models float left in 4 or 3 column options*/
#desktoplogicothermodels, #desktopmeritothermodels, #desktopchoiceothermodels, #desktophavocothermodels, #desktoplogicothermodels3col, #desktopmeritothermodels3col, #desktopchoiceothermodels3col {
float:left;
padding:0px;
margin:0px;
display:inline; /*required by IE6*/
}


/*makes it so that there merit, choice and havoc go to the left a little bit so there centered in there column*/
#desktopmeritothermodels,#desktopchoiceothermodels,#desktophavocothermodels {
margin-left:4px;
}


/*controls the little logic models*/
#desktoplogicothermodels {
width:178px;
margin-left:13px;
}


/*controls the little choice models*/
#desktopchoiceothermodels {
width:182px;
}


/*controls the little havoc models*/
#desktophavocothermodels {
width:179px;
}


/*controls the little 3 column logic models*/
#desktoplogicothermodels3col {
margin-left:33px;
width:178px;
}


/*controls the little 3 column merit models*/
#desktopmeritothermodels3col {
margin-left:73px;
width:185px;
}


/*controls the little 3 column choice models*/
#desktopchoiceothermodels3col {
margin-left:73px;
width:182px;
}


/*controls the entire first little logic, merit, choice, and havoc model*/
#modellogic,#modelmerit,#modelchoice,#modelhavoc {
margin-top:30px;
padding:0px;
}


/*controls the entire first little info for logic, merit, choice, and havoc model*/
#modellogicinfo,#modelmeritinfo,#modelchoiceinfo,#modelhavocinfo {
margin-top:-50px;
margin-left:70px;
}


/*controls the shop logic button*/
#logicbutton {
margin-left:10px;
}


/* controls the shop merit, choice, and havoc buttons */
#meritbutton,#choicebutton,#havocbutton {
margin-left:20px;
}


/*controls the shop logic button*/
#logicbutton3col {
margin-left:50px;
}


/* controls the shop merit, choice, and havoc buttons */
#meritbutton3col,#choicebutton3col,#havocbutton3col {
margin-left:90px;
}


/*controls the entire customer support description*/
#customersupportdesktops {
width:735px;
margin-top:10px;
margin-left:13px;
}


/*controls the background color (blue) other featured brands*/
#bluebarsfeaturedbrands {
margin-top:2px;
margin-left:0px;
background-color:#2e7ac8;
width:747px;
height:28px;
display:block;
}


/*controls the words other featured brands*/
#thewordsfeaturedbrands {
margin-top:6px;
margin-left:14px;
float:left;
display:inline;
width:179px;
margin-bottom:0;
}


/*otherfeaturedbrandstitledesktop controls the image other featured brands. partnersdesktop controls the partners images-makes them move down from the image partners*/
#otherfeaturedbrandstitledesktop,#partnersdesktop {
margin-top:5px;
margin-left:5px;
}


/*controls the other featured brands images-makes them move down from the image partners*/
#otherfeaturedbrandsdesktop {
margin-top:5px;
margin-left:4px;
}


/*controls all the buttons (shop logic, shop merit, shop choice, shop havoc) so they all line up sie by side*/
#allbuttonsdesktopshoward {
padding-bottom:10px;
padding-top:35px;
}



/*controls the background color (blue) for  partners and customer support*/
#bluebarspartnerandcustomers {
margin-top:2px;
margin-left:5px;
background-color:#2e7ac8;
width:747px;
height:28px;
display:block;
}


/*controls the words partners and customer support*/
#thewordsspartnerandcustomers {
margin-top:6px;
margin-left:12px;
float:left;
display:inline;
width:179px;
margin-bottom:0;
}


/*controls the list for the systems specs*/
ul.systemspec {
font-family:tahoma;
font-size:12px;
color:#787878;
margin-top:0;
margin-left:0;
padding-top:0;
padding-left:20px;
}
