@charset "utf-8";
/* Stylesheet for index.cfm */

/*=imageblock makes certain images will work correctly in i.e. promotionlink makes the promotion link looks the same in all browsers.downloadcenterlink makes the download center link look the same in all browsers.the4bannersforindexiefix makes it so the 4 images below the flash module and customer access work in ie*/
.imageblock,#promotionlink,#downloadcenterlink,#the4bannersforindexiefix {
display: block;
}


/*controls the entire vertical navigation*/
#entireverticalnav {
height:31px;
border:0px;
}


/*controls the entire hub button*/
#allhub {
position:relative;
width:33px;
height:31px;
overflow:hidden;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
}


/*makes the hub button a link*/
.letshoverhub a {
position:absolute;
top:0px; 
left:0px;
width:961px;
height:31px;
}


/*controls the entire home button*/
#allhome {
position:relative;
left:0px;
top:0px;
width:86px;
height:31px;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
float:left;
}


/*makes the home button a link*/
#letshoverhome a {
position:absolute;
left:-33px;
top:0px;	
}


/*makes the home button hover*/
#letshoverhome a:hover {
position:absolute;
left:-33px;
top:-31px;
width:86px;
height:31px;
}


/*if on the home vertical this will appear*/
#selectedhoverhome a {
position:absolute;
left:-33px;
top:-31px;
}


/*controls the entire business button*/
#allbusiness {
position:relative;
width:121px;
height:31px;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
float:left;
display:block;
}


/*makes the business button a link*/
.letshoverbusiness a {
position:absolute; 
top:0px;
left:-119px;
border:0px;
width:121px;
height:31px;
}


/*letshoverbusiness makes the business button hover. selectedbusiness if on the business vertical this will appear*/
.letshoverbusiness a:hover,.selectedbusiness a {
position:absolute; 
top:-31px;
left:-119px;
border:0px;
width:961px;
height:31px;
}


/*allhigheredu controls the entire higher edu button. allfederalgov controls the entire federal gov button*/
#allhigheredu,#allfederalgov {
position:relative;
width:143px;
height:31px;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
float:left;
display:block;
}


/*makes the higher edu button a link*/
.letshoverhigheredu a {
position:absolute; 
top:0px;
left:-240px;
border:0px;
width:143px;
height:31px;
}


/*letshoverhigheredu makes the higher edu button hover. selectedhigheredu if on the higher edu vertical this will appear*/
.letshoverhigheredu a:hover,.selectedhigheredu a  {
position:absolute; 
top:-31px;
left:-240px;
border:0px;
width:961px;
height:31px;
}


/*controls the entire k-12 edu button*/
#allk12edu {
position:relative;
width:104px;
height:31px;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
float:left;
display:block;
}


/*makes the k-12 button a link*/
.letshoverk12edu a {
position:absolute; 
top:0px;
left:-383px;
border:0px;
width:104px;
height:31px;
}


/*letshoverk12edu makes the k-12 edu button hover. selectedk12edu if on the k-12 edu vertical this will appear*/
.letshoverk12edu a:hover,.selectedk12edu a  {
position:absolute; 
top:-31px;
left:-383px;
border:0px;
width:961px;
height:31px;
}


/*controls the entire state and local gov button*/
#allstateandlocalgov {
position:relative;
width:182px;
height:31px;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
float:left;
display:block;
}


/*makes the state and local gov button a link*/
.letshoverstateandlocalgov a {
position:absolute; 
top:0px;
left:-487px;
border:0px;
width:182px;
height:31px;
}


/*letshoverstateandlocalgov makes the state and local gov button hover. selectedstateandlocalgov if on the state and local gov vertical this will appear*/
.letshoverstateandlocalgov a:hover,.selectedstateandlocalgov a {
position:absolute; 
top:-31px;
left:-487px;
border:0px;
width:961px;
height:31px;
}


/*makes the federal gov button a link*/
.letshoverfederalgov a {
position:absolute; 
top:0px;
left:-669px;
border:0px;
width:143px;
height:31px;
}


/*letshoverfederalgov makes the federal gov button hover. selectedfederalgov if on the federal gov vertical this will appear*/
.letshoverfederalgov a:hover,.selectedfederalgov a {
position:absolute; 
top:-31px;
left:-669px;
border:0px;
width:961px;
height:31px;
}


/*controls the entire healthcare button*/
#allhealthcare {
position:relative;
width:149px;
height:31px;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
float:left;
display:block;
}


/*makes the healthcare button a link*/
.letshoverhealthcare a {
position:absolute; 
top:0px;
left:-812px;
border:0px;
width:149px;
height:31px;
}


/*letshoverhealthcare makes the healthcare button hover. selectedhealthcare if on the healthcare vertical this will appear*/
.letshoverhealthcare a:hover, .selectedhealthcare a  {
position:absolute; 
top:-31px;
left:-812px;
border:0px;
width:961px;
height:31px;
}


/*controls the strip of color under the verticals for hub*/
#verticalcolorlinehub {
width:961px;
height:8px;
display:block;
background-color:#605f5f;
}


/*controls the strip of color under the verticals for home*/
#verticalcolorlinehome {
width:961px;
height:8px;
display:block;
background-color:#3862c2;
}


/*controls the strip of color under the verticals for bus*/
#verticalcolorlinebus {
width:961px;
height:8px;
display:block;
background-color:#0b8a26;
}


/*controls the strip of color under the verticals for higheredu*/
#verticalcolorlinehigheredu {
width:961px;
height:8px;
display:block;
background-color:#d16517;
}


/*controls the strip of color under the verticals for k-12 edu*/
#verticalcolorlinek12 {
width:961px;
height:8px;
display:block;
background-color:#e48b0d;
}


/*controls the strip of color under the verticals for state and local gov*/
#verticalcolorlinestate {
width:961px;
height:8px;
display:block;
background-color:#c60a0a;
}


/*controls the strip of color under the verticals for federal*/
#verticalcolorlinefederal {
width:961px;
height:8px;
display:block;
background-color:#8e0019;
}


/*controls the strip of color under the verticals for healthcare*/
#verticalcolorlinehealthcare {
width:961px;
height:8px;
display:block;
background-color:#0da085;
}


/*makes is so that in ie the strip of color under the verticals is the same height for all verticals. Also fix's the blue line above about us on hub for ie */
#verticallineiefixhub,#verticallineiefixhome,#verticallineiefixbus,#verticallineiefixhigheredu,#verticallineiefixk12,#verticallineiefixstate,#verticallineiefixfederal,#verticallineiefixhealthcare,#bluelineaboutusie {
overflow:hidden;
}


/*controls the entire banner and customer access position*/
#bannerandcustomeraccess {
width:961px;
height:210px;
display:block;
clear:both;
}


/*Controls the banner on the left side*/
#leftisbanner {
float:left;
display:inline;
width:724px;
height:210px;
margin:0;
}
 

/*controls customer access on right side*/
#rightiscustomeraccess {
float:left;
display:inline;
width:237px;
margin:0;
} 


/*controls the entire customer access area*/
#entirecustomeraccess {
background-color:#d1d1d2;
border-right:1px solid #bababa;
}


/*controls the entire width for the entire customer access*/
#customeraccesssize {
width:236px;
height:210px;
}


/*controls the words customer access*/
#customeraccesswords {
padding-left:55px;
padding-top:10px;
padding-bottom:10px;
margin-top:0px;
margin-bottom:0px;
}


/*controls the h1 words customer access*/
#customeraccesswordsh1 {
margin-top:0px;
margin-bottom:0px;
}


/*controls the words quick links*/
#quicklinkswords {
padding-left:70px;
padding-top:10px;
padding-bottom:10px;
margin-top:0px;
margin-bottom:0px;
}


/*controls the parenthesis for the word customer access and the word quick links*/
#customeraccessparenthesis,#quicklinkparenthesis {
color:#828181;
background:inherit;
}


/*controls the entire quick links area*/
#entirequicklinks {
margin-left:74px;
}


/*controls each link under quick links*/
#linksforquicklinks {
margin-bottom:8px;
}


/*controls the customer access form*/
#LogonForm {
border:0;
margin:0;
padding:0;
}


/*controls the area where the person will type there username*/
#username {
vertical-align:middle;
width:178px;
height:25px;
padding-top:6px;
padding-left:15px;
padding-right:7px;
margin-left:31px;
border-style:hidden;
border-width:0;
}


/*controls the area where the person will type there password*/
.input {
vertical-align:middle;
width:178px;
height:25px;
padding-top:6px;
padding-left:15px;
padding-right:7px;
margin-left:31px;
margin-top:10px;
border-style:hidden;
border-width:0;
}


/*controls the words forgot your username | password?*/
#forgot {
margin-left:62px;
margin-top:8px;
}


/*controls the entire checkbox and remember me section for customer access*/
#thecheckbox {
white-space:nowrap;
margin-left:78px;
margin-top:8px;
padding:0;
}


/*controls the checkbox for remember me*/
#rememberme {
display:block;
float:left;
clear:left;
height:11px;
margin:0;
padding:0;
}


/*controls the word remember me*/
#remembermediv {
display:block;
clear:none;
margin-left:20px;
}


/*controls the button login*/
#login {
margin-top:10px;
margin-left:79px;
}


/*theloginbutton controls the entire login button. thesubscribebutton controls the entire subscribe button*/
#theloginbutton,#thesubscribebutton {
position:relative;
left:0px;
top:0px;
width:93px;
height:19px;
overflow:hidden;
text-align:center;
}


/*makes it so out of all the buttons in buttons.png it chooses login*/
#letsmakeloginabutton {
position:absolute;
top:0px;
left:0px;
width:93px;
height:19px;	
}


/*controls the entire area for the button subscribe*/
#subscribearea {
margin-left:286px;
padding-top:6px;
width:94px;
}


/*makes it so out of all the buttons in buttons.png it chooses subscribe*/
#letsmakesubscribeabutton {
position:absolute;
top:0px;
left:-94px;
width:93px;
height:19px;	
}


/*controls the link need an account?*/
#needaaccount {
padding-top:5px;
margin-left:83px;
}


/*Controls the entire subscribe and share area*/
#emailandshareindex {
width:961px;
height:32px;
display:block;
margin:0px;
padding:0px;
}
 

/*controls the background image for the subscribe area*/
#emailbackgroundindex {
background-color:#605f5f;
width:961px;
height:32px;
}


/*entirehtspromotionandcenter controls the entire view our promotions,download center and view all events area for HTS. entiremedicaldemoandcenter controls the entire request a demo and download center area for MEDICAL*/
#entirehtspromotionandcenter,#entiremedicaldemoandcenter {
margin-left:392px;
margin-top:-18px;
}


/*controls the link view our latest promotions for hts*/
#viewpromotionshts {
width:170px;
display:inline;
float:left;
height:20px;
}


/*controls the link download center for hts*/
#downloadcenterhts {
width:110px;
display:inline;
float:left;
height:20px;
}


/*controls the link view upcoming education events on higher edu and k-12 edu verticals on hts*/
#vieweventshts {
width:280px;
display:inline;
float:left;
height:20px;
}


/*requestademomedical controls the link request a demo for medical. downloadcentermedical controls the link download center for medical*/
#requestademomedical,#downloadcentermedical {
width:120px;
display:inline;
float:left;
height:20px;
}


/*controls the links for view our promotions,download center,facebook,twitter and youtube*/
#linkstotherightofsubscribe {
display:block;
text-decoration:none;
}


/*controls the entire follow us on area*/
#theentirefollowusarea {
margin-left:680px;
margin-top:-18px;
}


/*controls the words follow us on*/
#thewordsfollowus {
width:100px;
display:inline;
float:left;
height:20px;
}


/*controls the 3 icons for follow us on (facebook, twitter and youtube)*/
#followourimages {
width:70px;
display:inline;
float:left;
height:20px;
margin-top:-2px;
}


/*controls the google + 1*/
#followusgoogleimage {
float:left;
display:inline;
display:block;
margin-top:-24px;
margin-left:175px;
}


/*controls the entire follow us buttons for facebook, twitter and youtube*/
.followusonsocialhts { 
position: absolute; 
top: 0; 
left: 0; 
}


/*wrapper for the facebook, twitter and youtube images*/
.followusimageswrapper { 
position: relative; 
height: 24px; 
width: 76px; 
}


/*controls the facebook image	*/	
.facebookh { 
clip:rect(0, 20px, 24px, 0); 
}


/*controls the twitter image*/
.twitterh { 
clip:rect(0, 42px, 48px, 22px); 
left: 2px; 
}


/*controls the you tube image*/
.youtubeh { 
clip:rect(0, 96px, 96px, 40px); 
left: 8px; 
top:3px;
}


/*controls the google + 1*/
#followusgoogleimages {
float:left;
display:inline;
display:block;
margin-top:-28px;
margin-left:175px;
}


/*controls the width for the area where you will put your email address at*/
.emailTextbox {
margin-left:7px;
position:absolute;
margin-top:4px;
width:267px;
height:21px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666;
}


/*controls the blue line above about us*/
#bluelineaboveaboutus {
background-color:#234ab4;
width:961px;
height:6px;
display:block;
}


/*controls the image for the about us section*/
#aboutusimage {
background-image:url(/images/indexnew/aboutus.png);
width:961px;
height:161px;
}


/*controls the entire paragraph position for about us*/
#entireparagraphpositionforaboutus {
margin-left:275px;
padding-top:30px;
}


/*controls the entire paragraph for about us*/
#entireparagraphaboutus {
margin-top:10px;
width:670px;
line-height:16px;
}


/*controls the 4 images below the flash module and customer access*/
#the4bannersindex {
width:961px;
background-color:#989797;
height:94px;
padding-top:4px;
padding-bottom:6px;
}


/*controls the 6 images below the flash module and customer access for education pages*/
#the4bannersindexedu {
width:961px;
height:85px;
background-color:#989797;
padding:7px 0 0;
}


/*makes all the banners for education shift to the right a little*/
#allindexdecubanners {
margin-left:1px;
}


/*controls image 1 for education pages*/
#banner1edu {
margin-top:0;
margin-bottom:0;
margin-left:1px;
float:left;
display:block;
padding:0;
}


/*controls image 1 and 6 for education pages*/
.banner1eduimage,.banner6eduimage {
width:158px;
height:85px;
border:0;
display:block;
}


/*controls image 2 for education pages*/
#banner2edu {
float:left;
display:block;
margin:0 1px;
padding:0;
}


/*controls image 2,3,4 and 5 for education pages*/
.banner2eduimage,.banner3eduimage,.banner4eduimage,.banner5eduimage {
width:159px;
height:85px;
border:0;
display:block;
}


/*controls image 3,4 and 5 for education pages*/
#banner3edu,#banner4edu,#banner5edu {
float:left;
display:block;
margin:0;
padding:0 1px 0 0;
}


/*controls image 6 for education pages*/
#banner6edu {
float:left;
display:block;
}


/*this controls the first banner in the 4 images */
.banner1index {
float:left;
width:237px;
}


/*this controls the fourth banner in the 4 images*/
.banner4index
{
float:left;
width:236px;
}


/*this controls the first and fourth banner in the 4 images */
.banner1indexnew,.banner4indexnew {
float:left;
width:232px;
}


/*controls the first and fourth banner image in the 4 images*/
#banner1image,#banner4image {
width:236px;
height:94px;
display:block;
border:0;
}


/*controls the first and fourth banner image in the 4 images*/
#banner1imagenew,#banner4imagenew {
width:232px;
height:92px;
display:block;
border:0;
}


/*this controls the second and third banner in the 4 images */
.banner2index,.banner3index {
float:left;
width:244px;
}


/*this controls the second and third banner in the 4 images */
.banner2indexnew,.banner3indexnew {
float:left;
width:240px;
}


/*controls the second and third banner image in the 4 images*/
#banner2image,#banner3image {
width:243px;
height:94px;
display:block;
border:0;
}


/*controls the second and third banner image in the 4 images*/
#banner2imagenew,#banner3imagenew {
width:240px;
height:92px;
display:block;
border:0;
}


/*controls the background color (red) for howard hot deals*/
#hotdealsbannerbackgroundcolor {
margin-top:2px;
background-color:#e48b0d;
width:961px;
height:28px;
display:block;
}


/*controls the words howard hot deals*/
#wordshowardhotdeals {
margin-top:6px;
margin-left:8px;
float:left;
display:inline;
width:189px;
margin-bottom:0;
}


/*controls view all deals for howard hot deals and view all brands for featured brands*/
#viewalldealshotdeals,#viewallfeatbrands {
float:left;
display:inline;
width:94px;
margin:6px 0 0 648px;
padding:0;
}


/*controls the border that surrounds the howard hot deals area*/
#howardhotdealsborder {
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}


/*controls the entire howard hot deals section*/
#howardhotdeals {
padding-top:10px;
width:958px;
height:520px;
display:block;
}


/*sidelefthotdeals controls the first products on top and first products on bottom that appears of the left side of howard hot deals. sidelefthotdeals2 controls the second products on top and second products on bottom that appears of the left side of howard hot deals*/
#sidelefthotdeals,#sidelefthotdeals2 {
float:left;
width:239px;
display:inline;
height:520px;
}


/*siderighthotdeals controls the 3rd products on top and 3rd products on bottom that appears of the left side of howard hot deals. siderighthotdeals2 controls the 4th products on top and 4th products on bottom that appears of the left side of howard hot deals*/
#siderighthotdeals,#siderighthotdeals2 {
display:inline;
float:left;
width:240px;
height:520px;
}


/*controls the 1st and 3rd hot deal to appear in the top row*/
#firsthotdeal {
width:238px;
height:250px;
}


/*controls the medical cart on the medical part of index page*/
#onemed {
width:240px;
height:500px;
}


/*twohotdeal controls the 1st and 3rd hot deal to appear in the bottom row. fourhotdeal controls the 2nd and 4th hot deal to appear in the bottom row*/
#twohotdeal,#fourhotdeal {
padding-top:10px;
width:238px;
height:250px;
}


/*controls the medical cart on the medical part of index page*/
#twomed {
width:240px;
height:183px;
}


/*controls the 2nd and 4th hot deal to appear in the top row*/
#threehotdeal {
width:238px;
height:250px;
padding:0;
}
 
 
/*controls the medical cart on the medical part of index page*/
#threemed {
width:240px;
height:255px;
margin-left:240px;
margin-top:-505px;
padding:0;
}


/*controls the medical cart on the medical part of index page*/
#fourmed {
width:240px;
height:250px;
margin-left:240px;
}


/*controls the line that goes between the top row of hot deal products and bottom row of hot deal products*/
#topandbottomrowhotdealssplit {
border-top:1px solid #ccc;
margin-bottom:10px;
}


/*controls the product image for all howard deals*/
.product1 {
margin-left:10px;
display:block;
}


/*controls the words "now only" for howard hot deals*/
#nowonlyhotwords {
float:left;
margin-left:145px;
margin-top:-54px;
}


/*controls the price for howard hot deals*/
#pricehotdeals {
margin-left:145px;
margin-top:-40px;
}


/*controls the product name for howard hot deals*/
#productnamehot {
margin-top:28px;
margin-left:12px;
margin-bottom:0;
}


/*makes it so there is no extra padding/margins in IE*/
#produtnamehotlink
{
padding:0px;
margin:0px;
display:block;
}


/*controls the product name for howard hot deals for the large medical cart*/
#productnamehotmedicalcart {
margin-top:8px;
margin-bottom:0;
margin-left:12px;
}


/*Controls the product description for howard hot deals*/
#productdeschot {
margin-top:10px;
width:200px;
margin-left:12px;
height:75px;
}


/*productdeschotmedicalcart1 Controls the product description for howard hot deals medical carts.*/
#productdeschotmedicalcart1,#productdeschotmedicalcart2 {
margin-top:8px;
width:200px;
margin-left:12px;
height:56px;
}


/*Controls the learn more for howard hot deals*/
#learnmorehot {
margin-left:12px;
margin-top:1px;
width:80px;
}


/*Controls the download pdf for howard hot deals on the medical page*/
#downloadmedical {
margin-left:12px;
margin-top:1px;
width:90px;
}


/*Controls the image add to cart position*/
#addtocarthot {
margin-left:102px;
margin-top:-16px;
}


/*controls the entire add to cart button for BOTH hot deals and featured brands*/
#theaddtocartbutton {
position:relative;
left:0px;
top:0px;
width:94px;
height:19px;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
}


/*makes it so out of all the buttons in buttons.png it chooses add to cart for BOTH hot deals and featured brands*/
#letsmakeaddtocartabutton a{
position:absolute;
top:0px;
left:-187px;
width:94px;
height:19px;	
}



/*Controls the image learn more for medical*/
.learnmoremedical {
margin-top:-16px;
margin-left:112px;
}


/*controls the entire learn more button*/
#thelearnmorebutton {
position:relative;
left:0px;
top:0px;
width:93px;
height:19px;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
}


/*makes it so out of all the buttons in buttons.png it chooses learn more*/
#letsmakelearnmoreabutton a{
position:absolute;
top:0px;
left:-281px;
width:93px;
height:19px;	
}


/*featbrandsbannerbackgroundcolor controls the background color (gray) for featured brands. categoriesbannerbackgroundcolor controls the background color (gray) for categories*/
#featbrandsbannerbackgroundcolor,#categoriesbannerbackgroundcolor {
background-color:#828181;
width:961px;
height:28px;
display:block;
}


/*wordsfeaturedbrands controls the words featured brands. wordscategories controls the words categories*/
#wordsfeaturedbrands,#wordscategories {
margin-top:4px;
margin-left:8px;
float:left;
display:inline;
width:189px;
padding:0px;
margin-bottom:0;
}


/*controls the entire featured brands area*/
#featbrandsnew {
display:block;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
margin:0;
padding:0;
}


/*controls the width for featured brands*/
#featuredbrandswidth {
width:958px;
height:149px;
display:block;
margin:0;
padding:0;
}


/*controls all the logos on the left side*/
#logosfeaturedbrandsblah {
margin-top:30px;
float:left;
display:inline;
width:210px;
margin-left:6px;
text-align:center;
padding:0;
}


/*controls the words this months featured brands*/
#thismonthsfeaturedbrands {
margin-left:16px;
padding:0;
}


/*controls the brand icons under featured brands section*/
#featbrandicons {
float:left;
margin-top:10px;
margin-left:60px;
}


/*controls the first brand logo*/
#brandlogoimageone {
width:99px;
height:15px;
display:block;
}


/*controls the second brand logo*/
#brandlogoimagetwo {
width:89px;
height:27px;
display:block;
}


/*controls the first images for the first product on the left side for featured brands*/
#leftsidefeatbrand1image {
float:left;
margin-top:15px;
display:inline;
width:150px;
height:95px;
padding:0;
}


/*controls the first price,name, more, learn more and add to cart for the first product on the left side for featured brands*/
#leftsidefeatbrand2words {
margin-top:15px;
float:left;
display:inline;
width:200px;
padding:0;
}


/*controls the space between featured brands*/
#spacebetweenfeatbrands {
float:left;
width:20px;
display:inline;
}


/*controls the second image for the second product in the center  for featured brands*/
#rightsidefeatbrand1image {
height:95px;
margin-top:15px;
float:left;
display:inline;
width:150px;
padding:0;
}


/*controls the second price,name, more, learn more and add to cart for the second product on the center for featured brands*/
#rightsidefeatbrand2words {
margin-top:15px;
float:right;
width:200px;
display:block;
padding:0;
}


/*productnamefeatbrandsnew controls the first product name for featured brands. productnamefeatbrands2new controls the second product name for featured brands*/
#productnamefeatbrandsnew {
margin-top:15px;
padding:0;
}


/*controls the more (name of company) products link*/
#seeotherfeatbrandsnew {
margin-top:5px;
padding:0;
}


/*controls the enter add to cart and learn more area for featured brands*/
#alllearnmoreaddtocartfeatbrands {
width:172px;
display:block;
margin-top:10px;
}


/*controls the button more for featured brands*/
#featbrandsmorenew {
float:left;
display:inline;
width:77px;
}


/*controls the add to cart image for featured brands*/
#addtocartfeatbrandsnew {
float:left;
display:inline;
width:94px;
}


/*controls view all deals for categories*/
#viewallcategories {
float:left;
display:inline;
width:114px;
margin:6px 0 0 629px;
padding:0;
}


/*controls all the categories section*/
#allproductcategories {
width:961px;
height:210px;
border-left:1px solid #ccc;
border-bottom:3px solid #ccc;
border-right:1px solid #ccc;
}


/*controls the line between each categorie*/
#productcategorielines {
width:105px;
border-right:1px solid #ccc;
}


/*controls the last categorie line (located on the right0*/
#productcategorielastline {
width:105px;
}


/*controls all the category images*/
#catimage {
margin-top:10px;
margin-left:10px;
}


/*controls the name of each category*/
#categoryname {
margin:0 0 0 18px;
padding:0;
}


/*controls the view more for each category*/
#viewmorecategories {
margin-left:18px;
}


/*Controls the links under the category desktop*/
.desktoplinks {
margin-top:8px;
margin-left:18px;
display:block;
}


/*Controls the links under the category notebooks, projectors, printers, networking, monitors, camera, storage and software*/
.notebooklinks,.projectorlinks,.printerlinks,.networkinglinks,.monitorlinks,.cameralinks,.storagelinks,.softwarelinks {
margin-top:8px;
margin-left:18px;
}