/*-------------------Cascading Style Sheet-------------------*/



/*-------------------reset browser default css-------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td{
  margin: 0;
  padding: 0;
}




/*-------------------CSS Declaration-------------------*/




.left {
  float: left;
}


.right {
  float: right;
}



.clear {
  clear: both;
}


/*-------------------HTML Elements-------------------*/


body {
  margin: 0px;
  padding: 0px;
  background: #efefef url('background-border2.jpg');
  background-position:center;
  background-repeat: repeat-y;
}


table{
  border-collapse: collapse;
  border-spacing: 0;
}



td {
  text-align: left;
  vertical-align: top;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #666666;
  line-height: 13px;
  font-weight: normal;
  background-color: #ffffff;
}



h1 {
  font-size: 18px;
  font-weight: bold;
  color:#CD5C5C;
  padding:10px; 
  line-height: 20px;
}/*category & item titles*/





h2, h3 {
  font-size: 14px;
  font-weight: bold;
  color:#e9903d;
}/*category & item titles*/




p, dl, ul {
  text-align: left;
  font-size: 11px;
  color: #000000;
  line-height: 13px;
  padding: 2px;
  margin-bottom: 10px;
}


strong {
  font-weight: bold;
}



img {
  border: none;
}


a {
  text-decoration: none;
  color: #000000;
  font-family: Verdana;
  font-style: normal;
  font-size: 11px;
}


fieldset, img{
  border: 0;
}


address, caption, cite, code, dfn, em, strong, th, var{
  font-style: normal;
  font-weight: normal;
}



ol, ul {
  list-style-image: url('formatgraphics/bullett.jpg');
}



caption, th {
  text-align: left;
}




q:before, q:after{
  content: '';
}

/*-------------------AOM CSS Hooks-------------------*/

.CategoryBox {
  height: 12px;
  width: 150px;
  text-align: center;
  color: #FFFFFF;
  font-weight: bold;
  padding-top: 2px;
  font-size: 10px;
  background-color: rgb(133, 151, 166);
}


.MiniCartBox {
  height: 15px;
  width: 150px;
  text-align: center;
  background-color: #990000;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 10px;
  padding-top: 10px;
  padding-bottom:10px;
  font-size: 12px;
}




.aom_np {
  padding: 2px;
  color: #346629;
  border-style: solid;
  border-width: 1px;
  border-color: #999999;
}


.aom_pg {
  font-size: 12px;
  font-weight: normal;
  padding-bottom: 14px;

}


.aom_current {
  padding: 5px;
  color: #000000;
  font-size: 12px;
  font-weight: bold;
}



.aom_cb {
  background-color: #ffffff;
}/*body border*/





.aom_pb {
  font-size: 14px;
  font-weight: bold;
  color: green;
}/*price buy*/





.aom_pl {
  font-size: 10px;
  font-weight: normal;
  color: red;
}/*price list*/





.aom_po {
  font-size: 10px;
  font-weight: bold;
}/*price onsale*/





a.aom_il {
  font-size: 13px;
  font-weight: normal;
  color: blue;
}/*item title link*/





.aom_bt {
  font-size: 10px;
  padding: 3px;
  font-weight: normal;
  color: blue;
}/*custom box text*/





.aom_bl font {
  font-weight: bold;
  color: #902100;
  font-size: 11px;
  width: 120px;
}/*custom box label text*/





.aom_bb {
  color: #26466D;
  font-weight: bold;
  font-size: 10.5px;
}





.aom_bc {
  background-color: #ffffff;
}





.aom_c {
  background-color: #FFFFFF;
  padding: 6px;
  border-style: solid;
  border-width: 1px;
  border-color: #999999;
  border-top: none;
}/*body*/





.aom_ctn {
  background-color: #FFFFFF;
  padding: 6px;
  border-style: solid;
  border-width: 2px;
  border-color: #999999;
}





.aom_t {
  font-size: 15px;
  color: green;
  font-weight: bold;
}





.aom_lt {
  font-size: 9px;
  color: black;
  font-weight: normal;
}





.aom_sb {
  border-style: solid;
  border-color: #000000;
  border-width: 1px;
  border-right: none;
  border-left: none;
  background: #ffffff url("http://www.thehomeofficedepot.com/background-image/nav-background.gif") 50% 0 repeat-x;
  padding-left: 10px;
}


.aom_sb td {
padding-top: 3px;
padding-botton: 3px;
background: #ffffff url("http://www.thehomeofficedepot.com/background-image/nav-background.gif") 50% 0 repeat-x;
font-weight:bold;
}


.aom_sbt {
  color: #000;
  margin-right: 12px;
  font-size: 9px;
  text-align: right;
}



.aom_sl {
color:#000000;
font-weight:normal;
font-size:12px;
line-height:17px;
}


.aom_stt {
color:#;
font-weight:normal;
font-size:8px;
line-height:15px;
}

.aom_stt a {
color:#;
font-weight:normal;
font-size:8px;
line-height:15px;
}


.aom_st {
color:#000000;
font-weight:normal;
font-size:12px;
line-height:17px;
padding: 10px;
}

.aom_stn {
color:#000000;
font-weight:normal;
font-size:12px;
line-height:17px;
}



.aom_e {
  font-size: 10px;
  font-weight: bold;
  color: red;
}



.aom_tr {
  font-weight: normal;
  list-style-image: none;
  list-style-type: none;
  padding: 20px;
  color:#000000;
}


.aom_pg a {
  text-decoration: none;
  color: #346629;
  font-family: Verdana;
  font-style: normal;
  font-size: 12px;
  border-style: solid;
  border-width: 1px;
  border-color: #999999;
  padding: 1px;
  margin-right:2px;
}


.copy{
  font-family: Arial;
  color: #7E7E7E;
  text-decoration: none;
  line-height: 1px;
  font-weight: normal;
}


p.tagline{
  color: #6B6B6B;
  font-size: 14px;
  font-weight: bold;
}



.rsstitle {
  text-decoration: none;
  text-align: center;
  line-height: 18px;
}





/*-------------------THOD Custom Boxes-------------------*/

.RelatedCategoryBox, .NarrowByBrandBox, .BestsellerBox, .NarrowByPriceBox, .NewReleaseBox, .CustomBox4, .CustomBox5, .CustomBox6, .CustomBox7, .CustomBox8, .CustomBox9, .CustomBox10, .CustomBox11, .CustomBox12, .CustomBox13, .CustomBox14, .CustomBox15, .CustomBox16, .CustomBox17, .CustomBox18, .CustomBox19, .CustomBox20, .CustomBox21, .CustomBox22, .CustomBox23, .CustomBox24, .CustomBox25, .CustomBox26, .CustomBox27, .CustomBox28, .CustomBox29, .TagCloudBox {
  height: 15px;
  width: 150px;
  text-align: center;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom:10px;
  font-size: 10px;
  background-image: url('/formatgraphics/columntab.gif');
}



/*-------------------Subnavigation-------------------*/
.navsubcategories {
  height: 15px;
  width: 100%;
  text-align: center;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom:10px;
  font-size: 11px;
  color: #902100;
  background:#cccccc url('formatgraphics/subnavigation-background.gif');
}




/*-------------------Image Subnavigation-------------------*/

#top_cats{width:100%;margin:20px 0 0 0;position:relative;}
#top_cats table{width:100%;background-color:#E5E5F1;}
#top_cats td{height:152px;text-align:center;width:150px;text-align:center;vertical-align:top;background:#FFF url('../images/warm/product_bg.gif') -156px 0 no-repeat;}
#top_cats a{display:block;}
#top_cats img{border:none;margin:10px 0 0;}
#top_cats caption{background:#E5E5F1;font-weight:bold;font-size:16px;color:#000;text-align:left;padding:5px 0 5px 15px;position:relative;}
#top_cats caption span{position:relative;z-index:10;font-weight:bold;font-size:16px;}
#top_cats caption .content{width:auto;}
#top_cats caption div{width:10px;height:8px;position:absolute;top:0;z-index:5;}
#top_cats caption div.left{background:url('../images/warm/warm_corners_top.gif') top right no-repeat;left:0;}
#top_cats caption div.right{background:url('../images/warm/warm_corners_top.gif') top left no-repeat;right:0;}
#top_cats .bottom{background:#E5E5F1;position:relative;height:3px;}
#top_cats .bottom div{width:10px;height:3px;position:absolute;top:0;z-index:5;}
#top_cats .bottom div.left{background:url('../images/warm/warm_corners_bottom.gif') bottom right no-repeat;left:0;}
#top_cats .bottom div.right{background:url('../images/warm/warm_corners_bottom.gif') bottom left no-repeat;right:0;}




/*-------------------SUB NAVIGATION CONTROL-------------------*/
ul{
margin: 0 auto;
padding: 0;
}
/* The wider the #list_wrapper is, the more columns will fit in it */
#list_wrapper{
width: 100%
}
/* The wider this li is, the fewer columns there will be */
ul.multiple_columns li{
margin-left:10%;
text-align: left;
float: left;
line-height: 15px;
width: 35%;
font-size:12px;
}




/*-------------------THOD Customizations-------------------*/
.amazonspecials {
font-size:14px;
font-weight: bold;
padding: 10px;
text-align:center;
color:#352772;
background:#ECD672 url('formatgraphics/subnavigation-background.gif');
}




.top_txt_menu {
  color: #7E7E7E;
  font-family: arial;
  font-size: 11px;
  text-decoration: none;
}



.rollover {
  scrollbar-face-color: #8B8B8B;
  scrollbar-track-color: #E2E2E2;
  scrollbar-arrow-color: #ffffff;
  scrollbar-3Dlight-color: #ffffff;
  scrollbar-base-color: #ffffff;
  scrollbar-shadow-color: #ffffff;
  scrollbar-darkshadow-color: #ffffff;
  scrollbar-highlight-color: #ffffff;
}





a:hover, #under{
  text-decoration: underline;
}




#ddbox {
  height: 150px;
  color: #000000;
  font-weight: bold;
}





.bbcclass {
  text-align: center;
  color: #000000;
  font-weight: bold;
  padding-top: 0px;
  font-size: 15px;
  line-height: 15px;
}




.promobox {
  width: 150px;
  height: 475px;
  text-align: center;
}




.header td{
background-color: #ffffff;
}




.poweredby {
  font-size: 10px;
}





/*-------------------Bottom Footer-------------------*/

#footer {
    padding: 10px 0;
    border-top: 5px solid #b72123;
    background: #2f2d30;
    color: #555;
    height: 225px;
    clear:both;
    z-index: 15;
}



#footer p {
    font-size: 10px;
    color: #ffffff;
    text-align: left;
    font-weight: normal;
    line-height: 14px;
    font-family:verdana;
}


#footer h3, #footer h3 a:link, #footer h3 a:visited {
    font-size: 14px;
    color: #bc1f26;
    margin: 10px auto;
    text-align: left;
    text-decoration: none;
    font-weight: bold;
    line-height: 21px;
}
#footer a:link, #footer a:visited {
    color: #CACACA;
    font-weight: normal;
}
#footer a:hover {
    text-decoration: none;
}
#footer-container {
    width: 960px;
    margin: 0 auto;
}
.footer-column {
    float: left;
    width: 230px;
    margin-right: 30px;
    padding-bottom: 20px;
    color: #413f3e;
}
.footer-column-last {
    float: left;
    width: 270px;
    margin-right: 0;
    padding-bottom: 20px;
    color: #413f3e;
}
#footer-keywords.footer-column {
    width: 200px;

}
#footer-downloads.footer-column {
    width: 200px;

}
#footer-video.footer-column {
    margin: 0;
    width: 270px;
}
.footer-column h2, .footer-column-last h2 {
    font-size: 16px;
    color: #fff;
    margin: 0;
    text-align: left;
}
.footer-column ul {
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0;
    border: 0;
    color: #CACACA;
}
.footer-column li {
    border-bottom: dotted thin #CACACA;
    margin: 0;
    padding: 10px 0 10px 0;
    font-weight: normal;
    font-size: 12px;
    text-align: left;
}
.footer-column li:hover {
    background: #c5212a;
    padding: 10px;
}
#copyright {
    padding-top: 15px;
}
#copyright p, #copyright a:link, #copyright a:visited {
    color: #CACACA;
    font-size: 9px;
    line-height: 12px;
    text-decoration: none;
}
#copyright a:hover {
    color: #fff;
    text-decoration: underline;
}


/*-------------------Interstitial-------------------*/


#interContainer{
position: absolute;
width: 670px; /*Width of interstitial box*/
left: 0;
top: 0;
padding: 15px;
padding-top: 0;
background-color: #ffffff;
border: 1px solid black;
visibility: hidden;
z-index: 6;
}

#interContainer .headerbar{ /*CSS for header bar of interstitial box*/
color: gray;
padding: 5px 0;
text-align: right;
}

#interContainer .headerbar a{ /*CSS for header bar links of interstitial box*/
font-size: 120%;
text-decoration: none;
}


#interContent{ /*CSS for div that holds the content to show*/
border: 1px solid gray;

background-color: white;
}

#interVeil{ /*CSS for background veil that covers entire page while interstitial box is visible*/
position: absolute;
background: black url(blackdot.gif);
right: 0;
width: 10px;
top: 0;
z-index: 5;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
opacity: 0.8;
}



/*-------------------Main Website Navigation-------------------*/


#suckerfishnav {
    background:#bbb url("http://www.thehomeofficedepot.com/suckerfish_blue.gif") repeat;
    font-size:9px;
    font-family:verdana,sans-serif;
    font-weight:bold;
    width:100%;
    }

    
    
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:30px;
    padding:0;
    border:0px solid #aaa;
    margin:0;
    width:100%;
    border-style:solid; border-width:0px; border-color:#000000; 
    }

    
    
#suckerfishnav a {
    display:block;
    color:#fff;
    text-decoration:none;
    }

    
    
#suckerfishnav li {
    float:left;
    padding-right:15px;
    padding-left:15px;
    padding-bottom:1px;
    }

    
    
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:201px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #666666;
    }
#suckerfishnav li li {
  
    border-bottom:1px solid #666666;
    border-left:1px solid #666666;
    border-right:1px solid #666666;
    font-weight:normal;
    font-family:verdana,sans-serif;
    }
#suckerfishnav li li a {
    padding:4px 10px;
    width:180px;
    font-size:11px;
    color:#000;
    }

#suckerfishnav li li:hover {
    background:#99CCFF;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:green;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#fff;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#000;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#fff;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#99CCFF;
    }
    
.navigation-2 {
	 z-index:1;
}
	 
	 
.navigation-2 li a{
        background-color:#F8F8FF;
    }
    
/*-------------------Shade Tab CSS.  Used in shopping cart area.------------------- */


.shadetabs{
border-bottom: 1px solid gray;
/* width: 90%; width of menu. Uncomment to change to a specific width */
margin-bottom: 1em;
}

.shadetabs ul{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(media/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(media/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}






/*Google Custom Search Engine */

  .gsc-control-cse {
    font-family: Verdana, sans-serif;
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  input.gsc-input {
    border-color: #BCCDF0;
  }
  input.gsc-search-button {
    border-color: #666666;
    background-color: #CECECE;
  }
  .gsc-tabHeader.gsc-tabhInactive {
    border-color: #E9E9E9;
    background-color: #E9E9E9;
  }
  .gsc-tabHeader.gsc-tabhActive {
    border-top-color: #FF9900;
    border-left-color: #E9E9E9;
    border-right-color: #E9E9E9;
    background-color: #FFFFFF;
  }
  .gsc-tabsArea {
    border-color: #E9E9E9;
  }
  .gsc-webResult.gsc-result {
    border-color: #000000;
    background-color: #FFFFFF;
  }
  .gsc-webResult.gsc-result:hover {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gs-webResult.gs-result a.gs-title:link,
  .gs-webResult.gs-result a.gs-title:link b {
    color: #000000;
  }
  .gs-webResult.gs-result a.gs-title:visited,
  .gs-webResult.gs-result a.gs-title:visited b {
    color: #000000;
  }
  .gs-webResult.gs-result a.gs-title:hover,
  .gs-webResult.gs-result a.gs-title:hover b {
    color: #0000CC;
  }
  .gs-webResult.gs-result a.gs-title:active,
  .gs-webResult.gs-result a.gs-title:active b {
    color: #0000CC;
  }
  .gsc-cursor-page {
    color: #000000;
  }
  a.gsc-trailing-more-results:link {
    color: #000000;
  }
  .gs-webResult.gs-result .gs-snippet {
    color: #000000;
  }
  .gs-webResult.gs-result .gs-visibleUrl {
    color: #660000;
  }
  .gs-webResult.gs-result .gs-visibleUrl-short {
    color: #660000;
  }
  .gsc-cursor-box {
    border-color: #000000;
  }
  .gsc-results .gsc-cursor-page {
    border-color: #E9E9E9;
    background-color: #FFFFFF;
  }
  .gsc-results .gsc-cursor-page.gsc-cursor-current-page {
    border-color: #FF9900;
    background-color: #FFFFFF;
  }
  .gs-promotion.gs-result {
    border-color: #336699;
    background-color: #FFFFFF;
  }
  .gs-promotion.gs-result a.gs-title:link {
    color: #0000CC;
  }
  .gs-promotion.gs-result a.gs-title:visited {
    color: #0000CC;
  }
  .gs-promotion.gs-result a.gs-title:hover {
    color: #0000CC;
  }
  .gs-promotion.gs-result a.gs-title:active {
    color: #0000CC;
  }
  .gs-promotion.gs-result .gs-snippet {
    color: #000000;
  }
  .gs-promotion.gs-result .gs-visibleUrl,
  .gs-promotion.gs-result .gs-visibleUrl-short {
    color: #008000;
  }