﻿/* Global page elements */
html body {background: transparent none;}
html body #doc-outer {background: transparent none;}
html body #content-bottom {background: transparent none;}
html body #top-nav,
html body #branding ul,
html body #breadcrumb,
html body #doc-bg,
html body #doc-shadows
{display: none !important; }


html body #doc-height,
html body #doc-outer {width: 100%;}

html body #content-bottom {margin-top: 20px;}
/* Stretch the footer out and put a solid bg. Duplicate the padding from #doc-inner */
html body #content-bottom #foot {width: 100%;padding:0 12px 0 25px;} 
html body #content-bottom #foot ul {display: none;}
html body #content-bottom #foot-bg {background: #FAF5E3 none;}
/* Layout elements */
div.layout-2-col-B #col-left {display: none;}
div.layout-2-col-B #col-right {width: 100%;}
div.layout-3-col #col-left {display: none;}
div.layout-3-col #col-mid {width: 100%;}
div.layout-3-col #col-right {display: none;}

/* Components */
html body #content-area a.alpha,
html body #content-area ul.alpha {display: none;}
html body #content-area div.foot-icons {display: none;}
html body #content-area .btn-bg {display: none;}
html body #content-area ul.x-list li ul {display: block !important;}
/* Convert image-bg bullets to normal ones */
html body #content-area ul.icons {padding-left: 5px;}
html body #content-area ul.icons li {list-style-type: disc; display: list-item; margin-left: 1em; padding-left: 0; background-image: none;}

/* for chips in the content area, hide the bg and restore the image-replaced text*/
html body div.chip {background: transparent none;}
html body div.chip h2 {background: transparent none; text-indent: 0px; padding-left: auto;}

/* Specific pages */
#product-detail #col-mid div.prod-img a.btn-bg,
#product-detail #col-mid div.prod-img a.lbl  {display: none;}
#product-detail #col-mid div.prod-txt {float: left; margin-left: 1em;}