/* This is only used by CXML punch outs.
*/

@media screen { body { margin: 0;  padding: 0; background-color: #fff } .printShow { display: none }}

@media print { .printHidden { display: none } .printShow { display: block } }

html { font-family: "Verdana", "Helvetica", sans-serif; font-size: small; color: #000; letter-spacing: normal }
body,td,th { font-family: "Verdana", "Helvetica", sans-serif; font-size: small; color: #000; letter-spacing: normal }
.normal { font-family: "Verdana", "Helvetica", sans-serif; font-size: small; font-weight: normal; letter-spacing: normal }

form { margin: 0; padding: 0 }

table, div { margin: 0;  padding: 0;  border: none; }
table { border-collapse: collapse }
table.spaced { border-collapse: separate }
table.borderlt td { border: 1px solid #ccc }
table.borderlt th { border: 1px solid #ccc }
pre, tt, code, kbd, samp { font: 10px "Monaco", "Courier New", monospace; }

h1,h2,h3,h4,.h1,.h2 { color: #EF3D42;  font-weight: bold;  text-indent: -1px; }
h1,.h1 { font-size: large;  color: #EF3D42; letter-spacing: 1px; }
h2,.h2 { font-size: medium; margin-bottom: .25em; }
h1.page_title { margin-top: 0; border-bottom: solid 1px #888 }

.top { margin-top: 0; }
.bottom { margin-bottom: 0; }

.eimg { float: right; clear: both; margin-left: 1em; margin-bottom: 1em; margin-top: .5em; padding: 0 }
.eimg img { border: 0 }

.zoomed { position: absolute; top: 100px; left: 50px; display: block }
.zoomed .inner { background: #ffe; border: thin ridge #aa8; padding: 10px }
.zoomed .close { border-top: 1px solid #aaa; margin-top: 0 }

.related_button { margin: 0; padding: 0 }
.related_button img { display: inline }
.related_separator { border-top: solid 1px #ddd; padding: 0; margin-top: .8em; margin-bottom: .8em }

ul { margin: 1em; padding-left: 2em }
li { margin-bottom: .5em }

a { color: #00f; text-decoration: underline; }
a:hover { color: #EF3D42; text-decoration: underline; }

a.hover { text-decoration: none }
a.hover:hover { text-decoration: underline }

.plainlinks a { text-decoration: none }
.plainlinks a:hover { text-decoration: underline }

div { padding: 0;  margin: 0; }
img { border: none; }

/* Separator for RSHughesID/Custom Part Number on order pages */
div.partnumsep { margin: .2em auto .1em auto; border-bottom: 1px solid #999; width: 75% }
div.partnumsep hr { display: none }

#maincontent { width: 769px !important; margin: 0; padding: 15px 0 15px 15px }

#topbanner { position: relative }
#topbannerhomelink { position: absolute; display: block; width: 220px; height: 65px; top: 0; left: 195px; padding: 0 }
#topbannerhomelink img { border: none; display: block; width: 220px; height: 65px }
#topbannermaplink { position: absolute; bottom: 9px; left: 19px; font-family: "Verdana", "Helvetica", sans-serif; font-size: 10px; color: #fff }
#topbannermaplink a { color: #fff; display: block }
#topbannermaplink a:hover { color: #fee }
#topbannertitle { font-size: 14px; font-style: oblique; font-weight: bold; color: #fff; opacity: 0.30; filter: alpha(opacity=30) }

#toptitle { margin-left: 19px; position: absolute; bottom: 5px; left: 0; color: #fff; font-style: oblique; opacity: 0.30; filter: alpha(opacity=30) }

#leftside { width: 199px !important; margin-left: 0px; margin-top: 10px; margin-bottom: 0; }
#leftside ul { margin-top: 0; margin-bottom: 0 }
#leftside ul li { margin-top: .5em; margin-bottom: 0 }
#leftside ul li.top { margin-top: 0 }
#leftside2 { text-align: center; margin-top: 10px; margin-bottom: 20px; }

#topleft { margin-left: 19px; }
#topnav { font: 9px "Verdana", "Helvetica", sans-serif;  color: #fff; margin-top: 5px; }
#topnav a { color: #fff; }
#topnav a:hover { color: #fee; }

#topright { width: 173px !important; font: 10px "Verdana", "Helvetica", sans-serif;  color: #00f; }
#topright a { color: #00f; }
#topright a:hover { color: #EF3D42; }
#topright img { float: left; padding-right: 5px; border: none; position: relative; top: 3px }

#border { border: 1px solid #ccc; }

#colortext { color: #EF3D42; font-weight: bold;}
#copy { font-size: x-small; color: #000; }
#footer { font-size: 10px; margin-left: 15px; margin-right: 15px; line-height: 16px }
#footer td { font-size: 10px }

a.img { display: block; border: 1px solid #000;  background-color: #000; }
a.img:hover { border-color: #EF3D42;  background-color: #EF3D42; }

ul.catalog_sub { font-size: small; padding: 0 0 0 1.5em; margin: 0 0 0 0; list-style: none }
ul.catalog_sub li { margin-bottom: .5em }
div.catalog_seealso { font-size: small; font-style: oblique; padding: 0 0 0 1.5em; margin-bottom: .5em }
h1.catalog { font-size: medium; letter-spacing: normal; border-bottom: solid 1px black; padding: 0 .2em .2em .2em; margin: .8em 0 1em 0 }
h1.product { font-size: medium; letter-spacing: normal; border-bottom: solid 1px black; padding: .2em; margin: .5em 0 1em 0 }

ul.dense li { margin-top: 0; margin-bottom: .2em }

ol.compact { font-size: smaller; padding: 0 0 0 1.5em; margin: 0 0 0 .2em; list-style-type: disc; line-height: 100% }

ul.compact { font-size: smaller; padding: 0 0 0 1.5em; margin: 0 0 0 .2em; list-style-type: disc; line-height: 100% }

dl.compact dt { margin-left: 0; padding-left: 0 }
dl.compact dd { margin-left: 0; padding-left: 0 }

dl.menu dt a { font-weight: bold }
dl.menu dd { margin-bottom: 1em }

/* Can't use more logical OL > LI due to lack of support in MSIE */
ol.prod_steps { margin: 0; padding-left: 2.3em }
li.prod_steps { color: #EF3D42; font-size: medium; font-weight: bold }
li.prod_steps div { color: black; font-size: small; font-weight: normal }
li.prod_steps_dis { color: #e99; font-size: medium; font-weight: bold }
li.prod_steps_dis div { color: #999; font-size: small; font-weight: normal }

/* Product extra info (rebates, coupons and such) */
.prextra { float: left; background-color: #fec; padding: .4em; margin: .2em 0; border: 1px solid #cba }
.prextra h3 { font-size: small; font-weight: bold; color: black; margin-top: 0; margin-bottom: .5em; color: #EF3D42 }
.prextra ul { padding-left: 1em; margin-top: 0; margin-bottom: 0; margin-right: 0; padding-top: 0; padding-bottom: 0 }
.prextra ul li { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0 }
.prextra p { margin-top: .5em; margin-bottom: 0 }

/* Coupons list on the cart and order pages */
div.couponlist { }
.couponlist ul { margin: 0; font-size: smaller }
.couponlist ul li .error { background-color: #ffd; color: #800; padding: .5em; margin-top: .3em }
.couponlist ul li .warning { background-color: #ffd; color: #800; padding: .5em; margin-top: .3em }

/* For manually numbered steps -- in DIV, TD, etc. */
.steps { color: #EF3D42; font-size: medium; font-weight: bold }

/* Location finder page table */
table.locationfinder { border-collapse: collapse; border: #888 solid 1px }
table.locationfinder th { text-align: left; color: #EF3D42; font-weight: bold; background-color: #eee }
table.locationfinder th.header { background-color: #ddd }

/* Default bordered tables */
table.bordered { border-collapse: collapse; border: #888 solid 1px; margin-top: .5em; margin-bottom: .5em }
table.bordered td { border: #999 solid 1px; padding: .3em }
table.bordered th { border: #999 solid 1px; padding: .3em }

table.bordered table { border: none }
table.bordered table td { border: none }
table.bordered table th { border: none }

tr.header { background-color: #eee }
th.header { background-color: #eee }

.popup { text-align: left; padding: 1em; border: thick solid #888; background-color: #fff; opacity: 0.95; filter: alpha(opacity=95); z-index: 99; display: none; position: absolute }

/* Product info in searches, etc. */
.product_info { border-bottom: 1px dotted #eee; padding: .5em 0 }
.product_info .image { padding: 0; margin: 0; float: left; width: 40px }
.product_info .image img { width: 40px; display: block }
.product_info .text { padding: 0; margin: 0 0 0 55px }
.product_info .text a { display: block; font-weight: bold }
.product_info .text .keywords { font-size: xx-small; color: #666 }
.product_info .text .part_number { font-size: xx-small; color: #666 }

/* Category matches in search */
.search-group-category { list-style: none; margin: 0 0 15px 0; padding: 0; }
.search-group-category li { margin: 0; padding: .5em 0; border-bottom: 1px dotted #eee }
.search-group-category .x-image { padding: 0; margin: 0; float: left; width: 40px }
.search-group-category .x-image img { width: 40px; display: block }
.search-group-category .x-name { padding: 0 0 0 55px }
.search-group-category .x-path { padding: 0 0 0 55px; font-size: xx-small; color: #666; margin-top: 3px }
.search-group-category .x-count { color: #444; margin-left: 5px }
.search-group-category .x-count-number { color: #444; font-weight: bold }

/* My Lists */
.mylists_tab_underline { border-bottom: solid 3px #EF3D42; padding-top: 10px; width: 580px; }
.mylists_extras { padding: 0 20px; text-align: center; line-height: 35px; }

/* It's important that the outer div is padding and margin free.
 * Otherwise the animation script miscalculates the height of the div
*/
.featured_front_row { overflow: hidden; margin: 0; padding: 0; border: none }
.featured_front_inner { padding: 4px; border-bottom: solid 1px #ccc }
.featured_front_image { float: left; width: 74px; text-align: center }
.featured_front_image img { display: inline; border: 1px solid #888 }
.featured_front_text { margin-left: 82px }

/* Trustwave, Verisign, and other seals
*/
.orderseals { margin-top: 10px }
.orderseal { padding-left: 20px; float: right }

.clearer { clear: both }
.todo { color: #c84 }
.disabled { color: #888 }
.disabled td { color: #888 }
strike.disabled { color: #666 }
.larger { font-size: larger; font-weight: bold }
.small { font-size: smaller }
.small td { font-size: x-small }
.red { color: #ef3d42 }

.menuActive { font-weight: bold }
.menuGrayed { color: #999 }

.ps_list { border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: 1em; padding: 0 0 .5em .5em;
           background: #fff url(/images/personal_search_bg.png) no-repeat left bottom }
.ps_list_more { }

.precise_price { font-size: x-small; color: #666 }
.precise_price a { color: #77f }

/* Compatibility styles
*/
.keywords { font-size: 8pt; font-family: sans-serif; color: #666 }

/* Hints styles
*/
.hint { font-size: small; font-family: sans-serif; }
.hint_title { font-size: medium; font-weight: bold; }

.form_err { color: #800 }
.form_err td { color: #800 }
.form_err input { background-color: #fed }
.form_err select { background-color: #fed }

.bold { font-weight: bold }

.inactive { color: #888 }

.docs pre { font-family: monospace; font-size: xx-small; margin: .3em; padding: .5em; border: solid 1px #adf; background-color: #def }
.docs dt { font-weight: bold }

.border_light_top { border-top: solid 1px #aaa }

.fixshipping_lines { background: #ddd }

.logframe { position: absolute; top: 5px; left: 5px; width: 95%; height: 130px;
            overflow: scroll; padding: .5em; font-size: 9pt; border: 1px solid #888;
            background-color: #ffe; opacity: 0.90; filter: alpha(opacity=90); z-index: 99 }

.mlcontrol_outer { white-space: nowrap; font-size: smaller }
.mlcontrol_error { color: #800; font-weight: bold }

/* Google Map */
.mapInfo { font-size: 10pt; font-weight: normal; width: 350px }
.mapInfo h1 { font-size: 10pt; font-weight: bold; margin: 0 0 .5em 0; padding: 0; border-bottom: 1px solid #ef3d42; color: #ef3d42 }
.mapInfo .mapLink { float: right }
.mapInfo .address .label { font-weight: bold }
.mapInfo .info { clear: both }
.mapInfo .info .label { font-weight: bold; display: block; float: left; width: 6em }

/* MRO Product Family Styles */
.MRO_products { background-color:#bad4ff; border:10px solid #bad4ff; width:99%; }
.MRO_products th {
	background-color: #467dd8;
	color: #fff;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	border-bottom: solid #bad4ff 4px;
	border-right: solid #bad4ff 1px;
	padding: 8px;
}
.MRO_products td {
	border-bottom: solid #bad4ff 8px;
	border-right: solid #bad4ff 1px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top:8px;
	padding-bottom:8px;
	background-color:#eee;
	font-size: 11px;
}
.MRO_products td img { border:1px solid #D5D5D5; }
.MRO_products td a img { border:0px; }

.iosonly { display: none }

.shaded-box { -moz-box-shadow: 2px 2px 20px 0px #444; -webkit-box-shadow: 2px 2px 20px 0px #444; box-shadow: 2px 2px 20px 0px #444; }
.shaded-box-frame { border: 2px solid #000; }
.shaded-box-content { padding: 15px; background: #fefefe; overflow: hidden; }

.vert-margin { margin-top: 25px; margin-bottom: 25px; }

.category-path {
    font-family: "Verdana", "Helvetica", sans-serif;
    font-size: 11px;
    margin-bottom: 1em;
}

.category-path a:link { color: #66f; }
.category-path a:visited { color: #66f; }
.category-path a:hover { color: #EF3D42; text-decoration: underline; }

.category-path span {
    font-weight: bold;
    color: #888;
}

.highlight-new:before { content: "New!"; color: #f00; font-weight: bold; font-style: oblique; margin-right: .5em; }
.highlight-new { background: url(/images/wiki/bg-highlight-v.png) repeat-x; position: relative; }

/* ******************* category-iconic- ********************* */

.category-iconic-box {
    overflow: hidden;
    margin: 5px 5px 20px 5px;
    font-family: "Verdana", "Helvetica", sans-serif;
}

.category-iconic-box-small  { font-size: 11px; width: 140px; }
.category-iconic-box-medium { font-size: 12px; width: 200px; margin: 5px 10px 20px 10px; }
.category-iconic-box-large  { font-size: 12px; width: 280px; margin: 5px 25px 20px 25px; }

.category-iconic-image {
    display: block;
    margin: 0 0 5px 0;
}

.category-iconic-box-small  .category-iconic-image { height: 110px; }
.category-iconic-box-medium .category-iconic-image { height: 150px; }
.category-iconic-box-large  .category-iconic-image { height: 150px; }

.category-iconic-box .x-new:before {
    content: "New!";
    color: #f00;
    font-weight: bold;
    margin-right: .5em;
}
.category-iconic-box .x-new {
    background: url(/images/wiki/bg-highlight-v.png) repeat-x;
    position: relative;
}

.category-iconic-name {
    font-weight: bold;
}

.category-iconic-subcats {
    margin-left: 5px;
    margin-top: 2px;
    margin-bottom: 0px;
    list-style: disc;
    font-family: "Verdana", "Helvetica", sans-serif;
    font-size: 10px;
    font-weight: normal;
}
.category-iconic-subcats li {
    margin: 2px 0px 0px 0px;
}
.category-iconic-box-medium .category-iconic-subcats { font-size: 11px }
.category-iconic-box-large  .category-iconic-subcats { font-size: 11px }

/* ******************* category-legacy- ********************* */

.category-legacy-list {
}

.category-legacy-box {
    margin: 0 0 20px 0;
}

.category-legacy-group {
    float: left;
    width: 230px;
    padding-left: 10px;
    margin-right: 14px;
}

.category-legacy-box .x-new:before {
    content: "New!";
    color: #f00;
    font-weight: bold;
    margin-right: .5em;
}
.category-legacy-box .x-new {
    background: url(/images/wiki/bg-highlight-h.png) repeat-y;
    position: relative;
}

.category-legacy-name {
    font-family: "Verdana", "Helvetica", sans-serif;
    font-size: 12px;
    font-weight: bold;
}
.category-legacy-subcats {
    list-style: none;
    padding: 0 0 0 15px;
    margin: 0;
    font-family: "Verdana", "Helvetica", sans-serif;
    font-size: 11px;
}
.category-legacy-subcats li {
    margin: 8px 0 0 0;
}

/* ******************* wiki render *************************** */

.wiki-render { }
.wiki-render .x-image-right  { float: right; margin: 10px 0 10px 10px; }
.wiki-render .x-image-left   { float: left;  margin: 10px 10px 10px 0; }
.wiki-render .x-image-center { margin: 10px 0; }
.wiki-render .x-image-center img { display: block; margin: auto; }
.wiki-render .x-image-inline { display: inline; }
.wiki-render .x-image-inline img { display: inline; }

/* ******************* product-selector- ********************* */

.product-selector {
    padding: 5px 15px;
    background: #fff;
    border-top: 1px solid #e6e6e6;
}
.product-selector h1 {
    font-size: small;
    color: #006;
    margin: 0 0 .5em -.5em;
    padding: 0;
    text-decoration: none;
    text-align: left;
    background: #fed;
}
.product-selector h2 {
    font-size: small;
    color: #000;
    margin: 0;
    padding: 0;
    text-decoration: none;
    text-align: left;
}
.product-selector-values {
    list-style: none;
    margin: 0 0 .8em 1.3em;
    padding: 0;
    font-size: smaller;
}
.product-selector-values li {
    margin-bottom: .3em;
}
.product-selector-values li.x-expand {
  cursor:   pointer;
  height:   14px;
  overflow: hidden;
  position: relative;
}
.product-selector-values li.x-expand img.x-fade {
  cursor:   pointer;
  height:   100%;
  left:     0px;
  position: absolute;
  top:      0px;
  width:    140px;
}
.product-selector-values li.x-expand img.x-arrow {
  display:  block;
  float:    right;
  margin:   3px 0 0 3px;
}
.product-selector-values .clear-url {
    display: block;
    float: right;
    padding: 1px 3px;
    border: 1px solid #ddd;
    margin-left: .5em;
    font-size: 8px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #eee;
    text-decoration: none;
}
.product-selector-values .clear-url:hover {
    background: #ffc;
    text-decoration: underline;
}

.category-content-selection {
    background: #c7dcff;
    padding: 2px 5px;
    margin-bottom: .4em;
}
.category-content-selection .selection-title {
    float: left;
    font-weight: bold;
    color: #333;
}
.category-content-selection .selection-options {
    float: right;
    font-size: smaller;
    margin-top: .1em;
    color: #555;
}
.category-content-selection .active {
    color: #555;
    font-weight: bold;
}
.category-content-selection .inactive {
    color: #666;
    font-weight: normal;
}

/*.product-selector-values li:hover {
    background-color: #fed;
}*/
.product-selector-values-count {
    color: #555;
}

/* Outer div that contains .product-grid-row's
*/
.product-grid { }

/* Outer for each item */
.product-grid-row {
    clear: both;
}

/* Immediately within grid-row for odd-even rows
*/
.product-grid-row .x-even {
    padding: 4px 4px;
    background-color: #f8f8f8;
}
.product-grid-row .x-odd {
    padding: 4px 4px;
}

/* First element, image.
*/
.product-grid-image {
    display: block;
    float: left;
    width: 40px;
    padding-bottom: 1px;    /* without it next div floats through because of zero height */
}

/* Second element - product description
*/
.product-grid-info {
    float: left;
    width: 473px;
    margin-left: 8px;
    margin-right: 8px;
    padding-right: 6px;
    border: none;
}
.x-even .product-grid-info {
    border-right: 1px solid #e8e8e8;
}
.x-odd .product-grid-info {
    border-right: 1px solid #eee;
}
.product-grid-info .x-item-code {
    font-size: smaller;
    color: #444;
}

/* Wrapped around buying info
*/
.product-grid-buy {
    float: right;
    width: 220px;
    margin: 0;
}

/* Not available for purchase
*/
.product-grid-buy .x-not-available {
    text-align: right;
    color: #444;
}

/* Pricing information
*/
.product-grid-price {
    position: relative;
    vertical-align: baseline;
    float: right;
}
.product-grid-price .x-price {
    font-weight: bold;
    color: #333;
    /*margin: 0 .3em;*/
}
.product-grid-price .x-unit {
    display: inline-block;
    white-space: nowrap;
    width: 2.3em;
}
.product-grid-price .x-input {
    /*margin: 0 .3em;*/
}
.product-grid-price .x-input input {
    width: 30px;
}
.product-grid-price input.x-error {
    background-color: #fdd;
}
.product-grid-price input.x-hilight {
    background-color: #ffa;
}
.product-grid-price .x-submit {
    /*margin: 0 .3em;*/
}

.product-grid-price .x-error-message {
    position: absolute;
    top: 2.5em;
    right: 0;
    width: 190px;
    font-size: smaller;
    text-align: center;
    padding: 8px;
    background-color: #fdd;
    border: 1px solid #faa;
    z-index: 99;
}

/* Note about pricing (multi-unit, volume discount)
*/
.product-grid-buy .x-note {
    display: block;
    clear: both;
    font-size: xx-small;
    color: #777;
    padding-top: 2px;
}

.wiki-edit-links {
    position: absolute;
    right: 0px;
    top: -10px;
    border: 1px solid #eca;
    padding: 4px;
    background: #ffe;
    font-family: "Verdana", "Helvetica", sans-serif;
    font-size: 10px;
    opacity: 0.80; filter: alpha(opacity=80);
}
.wiki-edit-links .x-links {
    text-align: center;
}
.wiki-edit-links .x-note {
    border-top: 1px dashed #eca;
    margin-top: 3px;
    padding-top: 1px;
    font-size: 9px;
    font-weight: bold
}

.wiki-edit-notes { margin-left: 1em; font-size: smaller; color: #666; min-width: 200px }
.wiki-edit-notes h2 { color: #f66; margin-top: 0 }
.wiki-edit-notes dl { margin-top: 0.5em; margin-bottom: 0.5em }
.wiki-edit-notes dt { font-weight: bold }
.wiki-edit-notes dd { margin-left: 2em; margin-bottom: .5em }
.wiki-edit-notes dt.outer { color: #444; background: #ddd; padding: .2em }

/* Newsletter form */

.newsletter-form { text-align: center; margin: 10px; font-size: 12px; }
.newsletter-form .x-input { width: 170px; padding: 0 2px; }
.newsletter-form .x-grayed { color: #999; }
.newsletter-form .x-title {
    font-family: sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 12px;
    color: #d5262b;
    line-height: 14px;
    font-size-adjust: none;
    font-stretch: normal;
    margin-top: 4px;
    margin-bottom: 6px;
}
.newsletter-form .x-name { margin-top: 8px; }
.newsletter-form .x-email { margin-top: 8px; }
.newsletter-form .x-submit { margin-top: 2px; }
.newsletter-form .x-error { margin-top: 8px; color: #c00; font-size: 12px; }
.newsletter-form .x-success { margin-top: 8px; color: #060; font-size: 11px; text-shadow: 4px 4px 6px #8a8; }

.alt-spelling { margin: .8em 0 }
.alt-spelling .x-intro { color: #c00 }
.alt-spelling .x-query { }
.alt-spelling .x-replaced { font-weight: bold; font-style: oblique }

/* Search suggestions
*/
/*#sg          { z-index: 192; position: absolute; left: 50px; top: 200px; visibility: hidden; margin: 0 0 0 0; padding: 0 0 0 0; min-width: 140px; width: auto; display: block; border-left: 1px #e0e0e0 solid; border-top: 1px #e0e0e0 solid; background-color: #ffffff; box-shadow: 1px 2px 3px #bbbbbb; }*/
#sg          { z-index: 192; position: absolute; left: 50px; top: 200px; visibility: hidden; margin: 0; padding: 3px; min-width: 140px; max-width: 500px; width: auto; overflow: hidden; display: block; border: 1px #bbb solid; background-color: #f6f6f6; box-shadow: 0px 0px 5px #aaa; border-radius: 2px; }
#sg ul       { margin: 0 0 0 0; padding: 0 0 0 0; list-style-type: none; }
#sg li.grp   { margin: 0 0 0 0; padding: 2px 20px 1px 5px; font-weight: bold; color: #999; }
#sg li.src   { margin: 0 0 0 0; padding: 1px 20px 2px 15px; }
#sg li.prd   { margin: 0 0 0 0; padding: 0 20px 0 15px; }
#sg li.prd table { margin: 0 0 0 0; padding: 0 0 0 0; border: 0; border-collapse: collapse; border-spacing: 0; }
#sg li.prd table td { padding: 0; }
#sg li.prd table td:first-child { width: 40px; height: 25px; vertical-align: top; }
#sg li.prd img { border: 0; vertical-align:bottom; }
#sg li.prd p { margin: 0 0 0 0; padding: 3px 0 5px 0; }
#sg li.lnk   { margin: 0 0 0 0; padding: 1px 20px 2px 15px; }
#sg li.htm   { margin: 0 0 0 0; padding: 1px 20px 2px 15px; }
#sg li.msg   { margin: 0 0 0 0; padding: 1px 20px 2px 5px; }
#sg b        { } /* { color:#0033cc; } */
#sg .sg-hl   { background-color: #ddd; cursor: default; color: #0033cc; }

/* Temporary, stubs for new design that are needed in cXML
*/
#product-list-media { float: left; margin: 0 15px 15px 0; }
#product-list-media .pp-extra-media { display: none; }
.product-grid       { margin-top: 15px; border-top: 1px solid #eee; padding-top: 15px; clear: both; }
.wiki-render .x-spec-data { display: inline; }

/* Invoice view
*/
#invoice-list .x-invoice-list { border-collapse: collapse; width: 100%; border-bottom: 1px solid #444; margin: 30px 0; }
#invoice-list .x-invoice-list thead tr { border-top: 1px solid #444; border-bottom: 1px solid #444; }
#invoice-list .x-invoice-list thead tr.x-group { background-color: #ddd; }
#invoice-list .x-invoice-list thead tr.x-cols { background-color: #eee; }
#invoice-list .x-invoice-list tr { vertical-align: baseline; }
#invoice-list .x-invoice-list th,
#invoice-list .x-invoice-list td { padding: 4px 8px; }

#invoice-view .x-submit { float: right; margin: 0 0 30px 30px }
#invoice-view .x-submit button { padding: 3px 6px; font-weight: bold; }
#invoice-view .x-invoice-info td { padding: 4px 8px; }
#invoice-view .x-invoice-lines { border-collapse: collapse; width: 100%; border-top: 1px solid #444; border-bottom: 1px solid #444; margin: 30px 0; }
#invoice-view .x-invoice-lines tr { vertical-align: baseline; }
#invoice-view .x-invoice-lines th,
#invoice-view .x-invoice-lines td { padding: 4px 8px; }
#invoice-view .x-invoice-lines thead tr { border-bottom: 1px solid #444; }
#invoice-view .x-invoice-lines tfoot tr:first-child { border-top: 1px solid #888; }