/* PRODUCT BROWSER */
#servicebrowser { 
    width:871px; 
    height:215px; 
    margin:10px 0 0 42px;
    font-size:12px; 
    line-height:18px; 
    background:url(../../../skin/images/portfolio_browser/servicebrowser_bg.jpg) no-repeat top; 
    overflow:auto; 
    }
    
#sb-servicebrowsercontainer { 
    position:relative; 
    width:871px; 
    height:215px; 
    margin:0 auto; 
    }
    
#sb-serviceslider { 
    top:4px; left:0; 
    width:3400px; 
    height:175px; 
    position:absolute; 
    margin:0; 
    padding:0 0 0 0; 
    }

#sb-serviceslider .sb-serviceimage { 
    float:left; 
    width:200px; 
    height:157px; 
    position:relative; 
    top:0; 
    list-style:none;
    }

#sb-serviceslider .sb-serviceimage a:link,
#sb-serviceslider .sb-serviceimage a:visited { 
    float:left; 
    width:100%; 
    padding-top:150px; 
    overflow:hidden; 
    color:#ccc; 
    font-size:11px; 
    text-align:center; 
    background-position:50% 100%; background-repeat:no-repeat; 
    }

#sb-serviceslider .sb-serviceimage a:hover { 
    text-decoration:none; 
    color:#fff; 
    }

#sb-serviceslidertrack { 
    position:absolute; 
    top:186px; 
    left:18px; 
    width:835px; 
    height:19px; 
    overflow:hidden; 
    background:url(../../../skin/images/portfolio_browser/servicebrowser_scrollbar.png) no-repeat; 
    visibility:hidden; 
    }
/*Print Collateral*/
#sb-cat1 { 
    position:absolute; 
    top:0; 
    z-index:150; 
    color:#fff; 
    font-size:11px; 
    cursor:pointer; 
    left:50px; 
    }

/*Identity&Logos*/
#sb-cat2 { 
    position:absolute; 
    top:0; 
    z-index:150; 
    color:#fff; 
    font-size:11px; 
    cursor:pointer; 
    left:260px; 
    }

/*Interactive*/
#sb-cat3 { 
    position:absolute; 
    top:0; 
    z-index:150; 
    color:#fff; 
    font-size:11px; 
    cursor:pointer; 
    left:400px; 
    }

/*Advertising*/
#sb-cat4 { 
    position:absolute; 
    top:0; 
    z-index:150; 
    color:#fff; 
    font-size:11px; 
    cursor:pointer; 
    left:575px; 
    }
/*design Elements*/
#sb-cat5 { 
    position:absolute; 
    top:0; 
    z-index:150; 
    color:#fff; 
    font-size:11px; 
    cursor:pointer; 
    left:710px; 
    }

#sb-servicesliderhandle { 
    position:absolute; 
    width:181px; 
    height:19px; 
    cursor:pointer; 
    z-index:155;
    }

#sb-servicesliderhandleimage { 
    position:absolute; 
    width:181px; 
    height:19px; 
    background:url(../../../skin/images/portfolio_browser/servicebrowser_scroller.png) no-repeat; behavior:url(http://wilmingtondesignco.com/dev/includes/misc/iepngfix.htc); 
    cursor:pointer; 
    z-index:5; 
    }

#sb-leftarrow { 
    position:absolute; 
    left:17px; 
    top:152px; 
    width:20px; 
    height:20px; 
    background:transparent; 
    z-index:150; 
    cursor:pointer; 
    }

#sb-rightarrow { 
    position:absolute; 
    left:942px; 
    top:152px; 
    width:20px; 
    height:20px; 
    background:transparent; 
    z-index:150; 
    cursor:pointer; 
    }


/* PRODUCT BROWSER SECTION COLORS */
#sb-servicebrowsercontainer .sb-catclass0 { color:#666; }
#sb-servicebrowsercontainer .sb-catclass1 { color:#777; }
#sb-servicebrowsercontainer .sb-catclass2 { color:#888; }
#sb-servicebrowsercontainer .sb-catclass3 { color:#999; }
#sb-servicebrowsercontainer .sb-catclass4 { color:#aaa; }
#sb-servicebrowsercontainer .sb-catclass5 { color:#bbb; }
#sb-servicebrowsercontainer .sb-catclass6 { color:#ccc; }
#sb-servicebrowsercontainer .sb-catclass7 { color:#ddd; }
#sb-servicebrowsercontainer .sb-catclass8 { color:#eee; }
#sb-servicebrowsercontainer .sb-catclass9 { color:#eee; }
#sb-servicebrowsercontainer .sb-catclass10 { color:#fff; }
#sb-servicebrowsercontainer .sb-catclass11 { color:#fff; }
#sb-servicebrowsercontainer #sb-cat1.sb-catclass5 { color:#fff; }

/* PRODUCT BROWSER PRODUCTS */
#sb-serviceslider #sb-pocketfolders a { background-image:url(../../../skin/images/portfolio_browser/pb_pocketfolder.jpg); }
#sb-serviceslider #sb-stationary a { background-image:url(../../../skin/images/portfolio_browser/pb_letterhead.jpg); }
#sb-serviceslider #sb-magazines a { background-image:url(../../../skin/images/portfolio_browser/pb_magazines.jpg); }
#sb-serviceslider #sb-brochures a { background-image:url(../../../skin/images/portfolio_browser/pb_brochures.jpg); }
#sb-serviceslider #sb-publications a { background-image:url(../../../skin/images/portfolio_browser/pb_publications.jpg); }
#sb-serviceslider #sb-logos a { background-image:url(../../../skin/images/portfolio_browser/pb_logo.jpg); }
#sb-serviceslider #sb-identity a { background-image:url(../../../skin/images/portfolio_browser/pb_identity.jpg); }
#sb-serviceslider #sb-webdesign a { background-image:url(../../../skin/images/portfolio_browser/pb_webdesign.jpg); }
#sb-serviceslider #sb-outreach a { background-image:url(../../../skin/images/portfolio_browser/pb_email_outreach.jpg); }
#sb-serviceslider #sb-magazine-ads a { background-image:url(../../../skin/images/portfolio_browser/pb_magazine_ads.jpg); }
#sb-serviceslider #sb-signage a { background-image:url(../../../skin/images/portfolio_browser/pb_signage.jpg); }
#sb-serviceslider #sb-directmail a { background-image:url(../../../skin/images/portfolio_browser/pb_directmail.jpg); }
#sb-serviceslider #sb-multimedia a { background-image:url(../../../skin/images/portfolio_browser/pb_multimedia.jpg); }
#sb-serviceslider #sb-photography a { background-image:url(../../../skin/images/portfolio_browser/pb_photography.jpg); }
#sb-serviceslider #sb-illustration a { background-image:url(../../../skin/images/portfolio_browser/pb_illustration.jpg); }

/* PRODUCT  REPOSITIONING */
#sb-serviceslider #sb-pocketfolders{margin-left:-5px;}
#sb-serviceslider #sb-stationary{margin-left:-10px;}
#sb-serviceslider #sb-brochures{margin-left:-5px;}
#sb-serviceslider #sb-publications{margin-left:-5px;}
#sb-serviceslider #sb-logos{margin-left:-5px;}
#sb-serviceslider #sb-identity{margin-left:-5px;}
#sb-serviceslider #sb-webdesign{margin-left:-5px;}
#sb-serviceslider #sb-outreach { margin-left:0px; }
#sb-serviceslider #sb-magazine-ads { margin-left:5px; }
#sb-serviceslider #sb-signage { margin-left:0px; }
#sb-serviceslider #sb-directmail { width:225px; margin-left:-25px; }
#sb-serviceslider #sb-multimedia { margin-left:-5px; }
#sb-serviceslider #sb-photography { margin-left:-15px; }
#sb-serviceslider #sb-illustration { margin-left:-30px; }