@charset "utf-8";
/* CSS Document */

/*A {
color:#003;
text-decoration:none;
}


A:hover,A:active {
color:#0000DE;
text-decoration:underline;
}*/


/*controls the narrow search background*/
#narrowbackground {
height:23px;
width:210px;
}


/*controls the narrow search the words*/
.narrowheading {
margin-left:10px;
margin-top:-20px;
}


/*categorybackground controls the background color for the category titles (like brand).resources controls the whole resources section */
#categorybackground,#resources {
width:210px;
}


/*controls the category titles (like brand)*/
.headingcategorys {
margin-left:10px;
margin-top:-20px;
padding-bottom:10px;
}


/*controls everything that appears below each category title (like showing under brand acer)*/
#allbelowcategorys {
padding-bottom:3px;
padding-top:3px;
margin-left:10px;
}


/*controls the options under narrow results*/
#eachcategoryleftnav {
display:block;
margin:0;
padding:0;
}





/*controls the background color for the word resources*/
#resourcesbackground {
height:24px;
width:210px;
}


/*controls resources the word*/
#resourcesword {
margin-left:10px;
margin-top:-22px;
}







/*controls the split between the categorys and resources*/
.resourcessplit {
width:210px;
border-bottom:1px solid #999;
border-top:1px solid #999;
}


/*controls the entire left side's image, height and border bottom. If you EVER have to make left nav bigger or smaller
you will HAVE to change the width of this. For example if the entire page's width (or the controlselectionandleftnav div on selection_css.fm page) is going to be 954px. An the beginleftnav div is going to be 210px (or leftnav_css.cfm page) then the maincontent div (or on selection_css.fm page) has to be 750px. Basically the width for maincontent and beginleftnav both have to equal to the controlselectionandleftnav width.
*/
#beginleftnav {
width:210px;
margin-left:100px;
border-right:1px solid #a9d7f0;
height:100%;
}


/*controls the line between the brand and the number of products for that brand available*/
.lineseperatorleftnav {
color:#ccc;
}


/*controls the wsca if need help is not needed*/
#wsca {
background-color:#FFF;
padding-top:5px;
padding-bottom:5px;
border-top:1px solid #999;
width:157px;
}

/*makes it so under each resource link it has a border bottom CAN REMOVE ONCE NEW LOOK GOES LIVE*/
#rborderbuttom {
width:210px;
border-bottom:1px solid #999;
}

/*controls the word show more*/
#showmore {
padding-top:5px;
padding-bottom:5px;
}






/*NEW LEFTNAV STUFF 2012*/
/*controls the background color for the left nav*/
#leftnavselectioncolors {
background-color:#eeeeef;
width:210px;
height:300px;
border-left:1px solid #c6c6c6;
border-right:1px solid #c6c6c6;
border-bottom:1px solid #c6c6c6;
padding:0px;
margin:0px;
}


/*narrowyourresultsthewordselection controls the word narrow your results. adsthewordselection controls the word ads. allresourcestheword controls the word resources*/
#narrowyourresultsthewordselection, #adsthewordselection, #allresourcestheword {
background-color:#1c72d5;
height:24px;
width:210px;
}


/*narrowyourresultstwordsmoveleftselection controls the word narrow your results position. adsthewordsmoveleftselection controls the word ads position.*/
#narrowyourresultstwordsmoveleftselection, #adsthewordsmoveleftselection  {
margin-left:10px;
padding-top:4px;
height:23px;
}


/*controls the word resources position*/
#allresourcesthewordmoveleft {
margin-left:10px;
padding-top:4px;
height:20px;
}


/*controls the images under ads*/
#adimagesselection {
display:block;
border:0px;
width:210px;
}


/*categoriesthewordmanufsitebrands controls the word categories. productsthewordaudiov controls the word products*/
#categoriesthewordselection,#productsthewordaudiov {
background-color:#999;
height:24px;
width:210px;
margin-bottom:4px;
}


/*controls the word categories position*/
#categorieswordsmoveleftselection {
margin-left:10px;
padding-top:4px;
height:20px;
}


/*controls the word show more*/
/*#showmoreselection {*/
/*padding-top:5px;*/
/*padding-bottom:5px;
}*/


/*adds space below the last option for example show more | +, less then $50, etc*/
#resultsbottompaddingselection {
padding-bottom:5px;
}


/*resources controls the whole resources section */
#allresourceswidthleftnav {
width:210px;
margin:0px;
padding:0px;
}


/*makes it so under each resource link it has a border bottom*/
#allborderbuttomleftnav {
width:210px;
border-bottom:1px solid #999;
padding:0px;
margin:0px;
}


/*controls the words partners, events, etc*/
#resourcessubcatwords {
margin-left:10px; 
padding-top:5px; 
padding-bottom:5px;
margin-top:0px;
margin-bottom:0px;
padding-left:0px;
padding-right:0px;
}


/*controls the wsca if need help is not needed*/
#wscaselection {
background-color:#eeeeef;
padding-top:5px;
padding-bottom:5px;
width:210px;
}


/*controls the background color for the left nav. Controls the leftnav for /articles/article.cfm page*/
#leftnavarticlescolors {
background-color:#eeeeef;
width:210px;
height:300px;
border-left:1px solid #c6c6c6;
border-right:1px solid #c6c6c6;
border-bottom:1px solid #c6c6c6;
padding:0px;
margin:0px;
}


/* adsthewordarticles controls the word ads. Controls the leftnav for /articles/article.cfm page*/
#adsthewordarticles {
background-color:#1c72d5;
height:24px;
width:210px;
}


/*adsthewordsmoveleftarticles controls the word ads position. Controls the leftnav for /articles/article.cfm page*/
#adsthewordsmoveleftarticles {
margin-left:10px;
padding-top:4px;
height:23px;
}

/*controls the images under ads. Controls the leftnav for /articles/article.cfm page*/
#adimagesarticles {
display:block;
border:0px;
width:210px;
}