/* ---------------------------------------CSS Reset ---------------------------------------*/
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body
{
	line-height: 1;
}

ol li
{ 
      /*giving OL's LIs generated numbers*/ 
      list-style: decimal outside;
} 

/* tables still need 'cellspacing="0"' in the markup */
table
{
	border-collapse: collapse;
	border-spacing: 0;
}


/* ---------------------------------------Generic styling ---------------------------------------*/

html, body
{
      height: 100%; 
}

body
{
      font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
      font-size: 12px;
      color: #666666;
      margin: 0px;
      background: #fff url(../img/newstructure/bg_sideNav.gif) top left repeat-y;
}

b, strong
{
      font-weight: bold;
}

i, em, cite
{
      font-style: italic;
}

sup
{
      font-size:11px;
      vertical-align:super;
}

hr
{
      color: #ddd;
      height: 1px;
      border-style: dashed;
}

p
{
      margin-bottom:10px;
}

h1, h2, h3, h4, h5, h6
{
      font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
      font-weight: normal; 
      color: #fff;
      padding-top: 13px;
      padding-bottom: 10px;
      font-size: 23px;
      text-align: left;
      margin-left: 180px;
      width: 650px;
      line-height: 23px;
}

h2
{
      color: #CF741A;
      font-size: 14px; 
      font-weight: normal;
      padding-bottom: 0px;
      margin-left: 0px;
}     

h2.Spec
{
      color: #EEA256;
      font-size: 25px; 
      font-weight: normal;
      margin-top: 10px;
      margin-left: 0px;
      padding-bottom: 10px;
      width: 300px; 
}

h3
{
      font-size: 13px;
      color: #3D89C0; 
      margin-left: 0px;
}


dt
{
      margin-top:10px; 
      margin-left: 0px;
      font-weight: bold;
      color: #C96D47;
}

dd
{
      margin-left: 35px;
}

ol li, ul li
{ 
      margin-left: 40px; 
      padding-bottom: 2px;
}

ol, ul
{
      margin-top: 10px;
      margin-bottom: 25px;
}

ul ul
{
      margin-top: 10px;
      margin-bottom: 0;
}

#TopBanner
{
      background: #fff url(../img/newstructure/repeat_topBar.gif) top left repeat-x;
      width: 979px;
      height: 17px;
}

#TopBanner2
{
      background: #fff url(../img/newstructure/repeat_topBar2.gif) top left repeat-x;
      width: 979px;
      height: 99px;
}

#TopBanner2 div#Header
{
      float: left;
}

#Logo
{
      position: absolute;
      width: 114px;
      height: 99px; 
      top: 19px; 
      left: 865px;
}

#NavColumn
{
      position: absolute;
      top: 20px;
      left: 0px;
      width: 154px; 
      background: #a13228;
      min-height:100%; /* For Main Browser - so the background color shows up */
      height: 100%; /* For IE - so the background color shows up */ 
}

#Content, #AccessoriesContent
{
      font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
      color: #666;
      width: 790px;
      margin-top: 0px;
      margin-left: 156px;
      padding: 0 10px 50px 40px;
      line-height: 155%; 
}

#Content div img
{
      float: left;
}

#Content div#AccessoryTxt
{
      float: left;
      width: 380px;
      padding: 0 0 0 15px;
}

#AccessoriesContent
{
      padding-top: 50px;
      width: 380px;
      font-size: 10px;
}

#AccessoriesContent h2
{
      padding-bottom: 10px;
}


#AccessoriesContent div
{
      float: left;
      width: 120px;
      height: 130px;
      padding-bottom: 0px;
      margin-top: 10px;
      line-height: 130%;
}

#AccessoriesContent div p
{
      width: 100px; 
}

/* Accessory Categories style */
#AccessoryCategories
{
      position: absolute;
      top: 220px;
      left: 620px;
      float: right;
      width: 240px;
      padding-left: 15px;
      border-left: 1px solid #A13228;
}

#AccessoryCategories ul
{
      margin-top: 10px;
}

#AccessoryCategories ul li
{
      line-height: 145%;
}

/* Link style for Accessories thumbnail captions */
#AccessoriesContent a:link, #AccessoriesContent a:visited, #AccessoriesContent a:hover
{
      text-decoration: none;
      color: #A13228;
}

#AccessoriesContent a:hover
{
      color: #EEA256;
}

#AccessoryTxt em
{
      font-size: 11px;
}

#AccessoryTxt p
{
      padding-bottom: 10px;
}

AccessoriesContent div.Acc_Wrap
{
      height: 100px; 
      width: 500px;
}

#Content div#Column1, #Content div#Column2
{
      float: left;
      width: 350px;
}

#Nav
{
      position:absolute;
      top:5px;
      left:7px;
      width:139px;
      height:185px;
      background:#fff;
}

#LetsChat
{
      position: absolute;
      top: 198px;
      left: 7px;
}

#SubNav
{
      position: absolute;
      top: 110px;
      height: 15px;
      width: 900px;
      left: 154px; 
      clear: both;
}

/* --------------------------------------- Sub Horizontal Navigation Style --------------------------------------- */

ul#AccNav   {     font-family: verdana, Arial;
                  font-size: 12px;
                  list-style: none;}

ul#AccNav li
            {     margin: 0;
                  padding-top: 5px;
                  float: left; /*For Gecko*/
                  display: inline;
                  list-style: none;
                  border-right: 3px solid #ffffff; 
                  height: 15px;}

ul#AccNav li a
            {     padding: 5px 10px 5px 15px; }

ul#AccNav li a:link, ul#AccNav li a:visited, ul#AccNav li a:hover     
            {     color: #ffffff;
                  text-decoration: none; 
                  background-color: #EEA256 }

ul#AccNav li a:hover     
            {     color: #a13228;
                  background-color: #F8C28B }

ul#AccNav li a.Sel:link, ul#AccNav li a.Sel:visited, ul#AccNav li a.Sel:hover    
            {     color: #ffffff;
                  font-weight: bold; 
                  background-color: #a13228;
                  background-image: url(../img/newstructure/accNav_Sel.gif);
                  background-position: center left;
                  background-repeat: no-repeat; }

/* --------------------------------------- Table styling ---------------------------------------*/


table.Data
{
      border-collapse: collapse;
      border: 1px solid #666666;
      background-color: #ffffff;
      margin: 10px 0px;
}

table.Data th
{
      background-color: #a13228;
      color: #ffffff;
      font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
      font-size: 10px;
      font-weight: bold;
      border-bottom: 1px solid #999999;
      border-left:  1px dashed #999999;
      padding: 3px 4px;
      text-align: center;
      line-height: 135%;
}

table.Data td
{
      font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
      font-size: 10px;
      border-bottom: 1px solid #999999;
      border-left:  1px dashed #999999;
      padding: 3px 4px;
      text-align: center;
      line-height: 135%;
}

table.Data td.LeftColumn
{
      text-align: left;
}
/* --------------------------------------- General styling ---------------------------------------*/

a:link, a:visited, a:hover
{
      text-decoration: underline;
      color: #a13228;
}

a:hover
{
      text-decoration: none;
      color: #EEA256;
}

hr #DashedLine
{
      border: 1px dashed #ddd; 
}

#ProductDescription
{
      float: left;
      width: 300px; 
}

#ProductHERO div
{
      float: left;
      width: 190px;
}

#ProductHERO div.SeeAccessories
{
      float: right;
      width: 136px;
      padding: 0;
      margin-top: 10px;
}

#ProductHERO div.SeeAccessories ul
{
      font-size: 10px;
      color: #666;
      margin-bottom: 5px;
}

#ProductHERO div.SeeAccessories ul li
{
      line-height: 125%;
      padding-bottom: 5px;
}

#ProductHERO div p
{
      font-size: 10px;
      color: #666;
      text-align: center;
}

.H-Divline, .H-DivlineShopAboutMini, .H-DivlineShopeNookPro, .H-DivlineShopPrinterCart, .H-DivlineShopElevateAdjusta, .H-DivlineShopAnthroCarts
{
      position: absolute;
      left: 150px;
      width: 750px;
      margin-left: 0px;
      border-bottom: 8px #a13228 solid;
}

.H-DivlineShopAboutMini
{
      top: 410px;
}

.H-DivlineShopeNookPro
{
      top: 360px;
}

.H-DivlineShopPrinterCart
{
      top: 370px;
}

.H-DivlineShopElevateAdjusta
{
      top: 355px;
}

.H-DivlineShopAnthroCarts
{
      top: 375px;
}

/* Wrapper box for product secion on product page */

#ProductInfoBox
{
      float: left;
      width: 820px;
      margin-bottom: 20px;
}

/* Wrapper box for spec section on product page */
#SpecBox
{
      float: left;
      width: 700px;
}

#SpecBox div#Spec
{
      float: left;
      width: 280px; 
}

#SpecBox div#SpecLineArt
{
      float: left;
      width: 329px;
      padding-top: 50px;
}

div#Spec ul
{
      font-size: 10px;
      width: 250px;
      line-height: 125%;
}

div#Spec ul li
{
      padding-bottom: 10px;
}

/* --------------------------------------- Site Map page styling ---------------------------------------*/

ul.SiteMap
{
      margin-top: 30px;
      list-style-image : url(../img/newstructure/sitemap_arrowlevel0.gif);
}

ul.SiteMap li
{
      font-weight: bold;
}

ul.SiteMap ul li
{
      list-style-image : url(../img/newstructure/sitemap_arrowlevel1.gif);
      font-size: 11px;
      font-weight: normal;
}

ul.SiteMap h3
{
      font-family: verdana, arial, san-serif;
      font-size: 11px;
      color: #C96D47;
      font-weight: bold;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-top: 0px;
}

ul.SiteMap li.Down
{
      list-style-image : url(../img/newstructure/sitemap_arrowlevel_down.gif);
}

/* ------------------------------------- Why Anthro page styling --------------------------------- */

#Content div.Txt-IMG, #Content div.IMG-Txt
{
      float: left;
      width: 790px;
      margin-bottom: 10px;
}

#Content div.Txt-IMG div.Photo, #Content div.IMG-Txt div.Photo
{
      float: right;
      width: 123px;
      margin-top: 10px;
}

#Content div.Txt-IMG div.Txt, #Content div.IMG-Txt div.Txt
{
      width: 550px;
      float: left;
}

/* For Great OEM and ISO 9001 copy */
#Content div.Txt-IMG div.Txt-OEM, #Content div.Txt-IMG div.Txt-ISO
{
      width: 700px;
      float: left;
}

#Content div.Txt-IMG div.Txt-OEM, #Content div.Txt-IMG div.Txt-ISO p img
{
      float: right;
      padding-bottom: 15px;
}

#Content div.IMG-Txt div.Photo
{
      float: left;
}

#Content div.IMG-Txt div.Txt
{
      float: right;
}

#Content div.IMG-Txt div.Txt-Customization
{
      width: 520px;
      float: right;
}

#Content div.Txt-IMG div.Txt-Selection
{
      width: 350px;
      float: left;
}

#Content div.Txt-IMG div.Photo-Selection
{
      width: 321px;
      float: right;
}

#Content div.IMG-Txt div.Txt-LifetimeWarranty
{
      width: 600px;
      float: right;
}

#Content div.IMG-Txt div.Photo-LifetimeWarranty
{
      width: 90px;
      float: left;
      margin-top: 10px;
}

/* This fixes from IE to push out the text boxes and push down the image - Need to be smaller than 350px */
#Content div.IMG-Txt div h2, #Content div.Txt-IMG div h2
{
      width: 350px;
}

#Content div.IMG-Txt div h3, #Content div.Txt-IMG div h3
{
      padding-top: 0px;
      padding-bottom: 5px;
}

/* ------------------------------------- Specialty Catalog (Downloads page) styling --------------------------------- */



#SpecialtyCatalogDownload

{
      width: 800px;
      float: left;
      clear: both;
}

#SpecialtyCatalogDownload div.SpecialtyCatalog
{
      width: 140px;
      float: left;
      font-size: 11px;
      text-align: center;
}

#SpecialtyCatalogDownload div.SpecialtyCatalogCopy

{
      width: 450px;
      float: left;
      font-size: 12px;
}



/* ------------------------------------- New Spec Guide (Downloads page) styling --------------------------------- */

.box
{
width: 850px;
clear: both;
}

#SpecGuideDownload

{
      width: 800px;
      float: left;
}

#SpecGuideDownload div.CompleteSG

{
      width: 150px;
      float: left;
      font-size: 11px;
      text-align: center;
      padding-top: 0px;
}

#SpecGuideDownload div.FamilySG

{
      width: 350px;
      float: left;
}

.copy
{
clear: both;
}

#Content div.IMG-Txt div.txtDownload p
{
      width: 750px;
}


/* --------------------------------------- Footer styling ---------------------------------------*/

#Footer
{
      clear: both; 
      margin-left: 153px;
      padding-top: 20px; 
      height: 50px;
      width: 830px;
      border-bottom: 15px solid #a13228; 
}

#Footer p
{
      margin-top: 15px;
      font-family: verdana, arial, san-serif;
      font-size: 12px;
      color: #333;
      margin-left: 35px;
}