﻿div, td { border: solid 0px red; }
body { margin: 0; text-align: center; border-top: solid 0px #bcced3; background: #ffffff; }
img { border: none; }
form { margin: 0; }
td { vertical-align: top; padding: 0; }
hr { border: dotted 1px #ffffff; border-top: dotted 1px #999999; clear: both; }
table { border-collapse: collapse; }
h1, h2, h3, h4, h5 { clear: both; }
h1.inlineh1 {display:inline;}
p, h1, h2, h3, h4, h5, h6, li p { margin-top: 6px; margin-bottom: 6px; }
h2 { margin-top: 0px; }
li p { margin-top: 0px; margin-bottom: 0px; }
ul, ol { margin-top: 0px; margin-bottom: 0px; list-style-type: square; }
/* ul { list-style-image: url(../Images/bullet-03.gif); } */
li { margin-left: -18px; }
a { color: #006699; }
/* a:hover * { filter: alpha(opacity=60); } */
.btnSubmit { background: url(../Images/bg_btn_submit.gif); border: none; margin-bottom: 20px; width: 126px; height: 28px; border: 0px; color: #000000; margin-right: 10px; cursor: pointer; }
.btnDownload { background: url(../Images/bg_btn_submit.gif); border: 0; margin: none; height: 28px; color: #000000; width: 126px; cursor: pointer; }
.btnSample { background: url(../Images/bg_btn_sample.gif); border: none; margin: none; height: 28px; color: #000000; width: 146px; cursor: pointer; }
.btnCheckout { background: #515c6c; background-image: url(../Images/bg_btn_sample.gif); border: none;  width: 146px; margin: none; height: 28px; color: #000; cursor: pointer; }
.Wrapper { margin: 0px auto; text-align: left; height: 100%; width: 780px; background: #ffe400; }
.WrapperPopup { height: 100%; text-align: left; width: 100%; }
.WrapperPopup .Masthead { text-align: right; }
.WrapperPopup td.tdPopUp { padding: 14px; }
.WrapperSimple { height: 100%; text-align: left; width: 750px; margin: 0px auto; }
.WrapperSimple td.tdBody { padding: 80px 14px 120px 14px; }
.WrapperPrint { height: 100%; text-align: left; width: 100%; background-color: #ffffff; }
.WrapperPrint .Masthead { text-align: right; }
.WrapperPrint td.tdContent { padding: 14px; }
.Content { }
.Copyright { height: 30px; }
.SearchBasic * { vertical-align: middle; }
.SearchBasic { text-align: right; float: right; clear: right; white-space: nowrap; margin-top: 16px; }
table.masthead_wrapper { width: 100%; }
.SearchBasic .input01 { width: 110px; }
.SearchBasic .select01 { color: #515c6c; }
.SearchBasic .select02 { width: 185px; color: #515c6c; }
.SearchBasic .btnSubmit { width: 40px; margin-bottom: 0px; height: 23px; background: url(../Images/bg_login_button.gif) no-repeat; text-align: center; margin-left: 5px; }
.Content { margin: 0px auto; text-align: left; height: 100%; }
.Searchbasic option { color: #515c6c; }
td.logos img { float: left; clear: left; }
div.login_box { float: right; width: auto; min-width: 300px; max-width: 607px; background: url(../Images/bg_top_nav.gif) no-repeat left; height: 28px; padding-top: 8px; padding-left: 10px; padding-right: 15px; }
div.login_box img { float: left; padding-right:2px; margin-top:-1px; }

.NavSmallTop, .LoginInfo { float: left; margin-left: 10px; }
.LoginInfo { display: inline-block; margin-left: 20px; }
.NavMain { padding-top: 5px; display: none; }
.NavMain table { width: 732px; height: 26px; }
.NavMain td { padding-right: 7px; padding-left: 8px; white-space: nowrap; }
.NavMain table, .NavMain img { float: left; }
td.NavMain img { display: none; }
.NavMain table td { background-image: url(../Images/menu-item.gif); background-repeat: repeat-x; padding-top: 4px; }
.NavMain table .selected { text-decoration: underline; }
.MavMainSub { }
.MavMainSub a { color: #006699; }
.NavMain td a { display: block; }

.Footer { text-align: center; padding-left: 130px; padding-top: 10px; }
.WrapperLeft { margin-left: 0px; margin-top: 5px; }
.Body { padding-top: 0px; padding-left: 0px; background: #ffffff url(../Images/bg_content_bottom.gif) no-repeat bottom; padding-bottom: 16px; }
.BannerZoneRight { padding-left: 10px; padding-right: 10px; padding-top: 0px; }
.BannerLeft, .BannerRight { margin-top: 10px; text-align: center; background: #ffffff; padding: 10px 0px 10px 0px; }
.BannerLeft { background: #ffffff; padding: 10px; width: 120px; margin-left: auto; margin-right: auto; }
.BannerMidRight { position: relative; top: 36px; float: right; }
.BannerMidpage { width: 100%; text-align: center; line-height: 0em; }
.BannerMidpage img { margin: 4px 6px 4px 6px; }
.gototop { text-align: right; clear: both; margin-top: 10px; }
.highlight { background-color: #e0dbe9; padding-left: 4px; padding-right: 8px; }
.highlight02 { background-color: #eeeeee; padding: 4px 10px 4px 10px; }
.testimonial { padding-bottom: 10px; }
.divSub01 { float: left; padding: 4px 20px 4px 8px; width: 25%; white-space: nowrap; }
/* Start: Nav Left */
.NavLeft { width: 184px; }

.ButtonGroup input { margin-bottom: 0px; }
td.bullet01, td.bullet02 { width: 8px; display: block; }

.NavLeft .divider01 { height: 0px; margin-bottom: -1px; }
/*.NavLeft .link01, .NavLeft .link02, .NavLeft .link03, .NavLeft .link04, .NavLeft .link05, .NavLeft .link06, .NavLeft .link07, .NavLeft .link08, .NavLeft .link09, .NavLeft .link10, .NavLeft .link11, .NavLeft .link12, .NavLeft .link13, .NavLeft .link14, .NavLeft .link15 { display: block;vertical-align: middle; padding-left:0px;}*/

.NavLeft a, .NavLeftSmall a { width: 163px; padding-left: 5px; height: 24px; padding-top: 7px; display: block; color: #006699; background: url(../Images/bg_leftnav.gif) no-repeat; vertical-align: middle; line-height: normal; float: right; margin-right: 8px; _margin-right: 4px;  }
.NavLeft a.selected_link { background: url(../Images/bg_leftnav_selected.gif); }
.NavLeft a:hover, .NavLeftSmall a:hover { background: url(../Images/bg_leftnav_hover.gif); line-height: normal; text-decoration: none; }
.NavLeft .divider02 span { display: block; background: url(../Images/bg_divider_left.gif) repeat-x; color: #006699; padding-top: 0px; padding-top: 7px; height: 24px; width: 156px; padding-left: 10px; margin-left: 9px; margin-right: 7px; }
.NavLeft .divider02 span span { marign: 0px; padding: 0px; display: inline; background: #ffe400; width: auto; padding-left: 2px; padding-right: 2px; }
/*.NavLeft .link01 { background:#515c6c; }
.NavLeft .link02 { background:#0a50a1; }
.NavLeft .link03 { background:#fd1b14; }
.NavLeft .link04 { background:#5fad42; }
.NavLeft .link05 { background:#ffbd21; }
.NavLeft .link06 { background:#769dca; }
.NavLeft .link07 { background:#fe8d89; }
.NavLeft .link08 { background:#afd6a0; }
.NavLeft .link09 { background-image: url(../Images/menu-left-item-09.gif); border-right-color: #423eac; }
.NavLeft .link10 { background-image: url(../Images/menu-left-item-10.gif); border-right-color: #f2a776; }
.NavLeft .link11 { background-image: url(../Images/menu-left-item-11.gif); border-right-color: #42c9c8; }
.NavLeft .link12 { background-image: url(../Images/menu-left-item-12.gif); border-right-color: #f9da4c; }
.NavLeft .link13 { background-image: url(../Images/menu-left-item-13.gif); border-right-color: #beb34c; }
.NavLeft .link14 { background-image: url(../Images/menu-left-item-14.gif); border-right-color: #bf3ef3; }
.NavLeft .link15 { background-image: url(../Images/menu-left-item-15.gif); border-right-color: #d23e89; }*/

.NavLeftSmall { margin-left: 8px; margin-top: 15px; }
.NavLeftSmall a { margin-right: 0px; }
.NavLeftSmall a:hover { text-decoration: none; }

/* Start: Content */
.Content { float: left; width: 636px; padding-left: 8px; padding-right: 8px; background: #ffffff url(../Images/bg_content_top.gif) no-repeat top; padding-top: 20px; }

.BreadCrumb, .Column01, .Column02, .TabGroup { padding-right: 8px; }
.BreadCrumb { width: 560px; float: left; }
.Print { width: auto; text-align: right; float: left; white-space: nowrap; }
.Column03 { float: left; padding-left: 20px; width: 465px; }
.TabGroup { float: left; width: 140px; margin-top: 8px; }
.TabGroup .divLink { border-bottom: dotted 1px #999999; padding-bottom: 4px; padding-top: 4px; line-height: 1em; }
.TabGroup .divLink h2, .TabGroup .divLink h2 * { margin: 0; margin-bottom: 2px; }
.Column01 { width: 440px; float: left; }

.Login { background-color: #515c6c; width: 180px; position: relative; top: 36px; float: right; border: solid 6px #515c6c; }

.Login td { padding: 1px; }
.Login .input01 { width: 103px; }
.Login .input02 { width: 70px; }
.Login .input03 { }

.ButtonGroup { text-align: right; margin-top: 10px; margin-bottom: 20px; }
.Date { white-space: nowrap; }
.Title { white-space: nowrap; }

/*Page Map*/

div.sMapLists { padding-left: 0px; }
div.sMapLists li { margin-left: 0px; }
div.sMapLists ul { margin: 0px; padding: 0px; padding-left: 16px; list-style-image: url(../Images/bullet-03.gif); }

/* article on product details page */
div.artSample { position: relative; padding: 5px; border-width: 1px 1px 0px 1px; border-color: #BCBCBC; font-size: 13px; color: #AAAAAA; width: 120px; text-align: center; font-style: italic; }
div.artBody { padding: 5px; border-width: 1px; border-color: #BCBCBC; }
div.artButtons { position: relative; top: -30px; }

/* shopping trolley styles */

div.crumb { padding-left: 200px; }
.crumb_image td { border: 0px solid #000; width: 100px; }
.crumb_image td p { font-size: 11px; font-weight: bold; padding: 0px; margin: 0px; }
.crumb_inactive { color: #cecece; width: 100px; }
.crumb_active { color: #0a50a1; width: 100px; }
.crumb_cart { background-image: url(../images/crumb_tile.gif); background-repeat: repeat-x; }
.crumb_cart_rgt { background-image: url(../images/crumb_tile.gif); background-repeat: repeat-x; padding-bottom: 2px; }
.crumb_cart_rgt p { border-right: 1px solid #cecece; }


/* Metal Bulletin Packages page - GB 2008.06.06 */
.subscription-info { background-color: #515c6c; color: White; display: none; margin-left: 8px; padding: 4px 8px; position: absolute; text-align: left; width: 200px; font-weight: bold; }
.package-details-table { width: 100%; text-align: center; }
.package-details-table td, .package-details-table th { padding: 6px; vertical-align: middle; border: 1px solid #dadada; }
.package-details-table .col-a { text-align: right; font-weight: bold; }
.package-details-table td:first-child { text-align: right; font-weight: bold; }
.package-details-table th { background-color: #006699; }
.package-details-table th a, .package-details-table th { font-size: 12px; color: White; }
.package-details-table th a:hover { color: White; }
.package-details-table .th-empty { background-color: Transparent; border: 0; }
.package-details-table tr.row-a { background-color: #fafafa; }
.package-details-table .row-price { background-color: #eeeeee; font-weight: bold; color: Black; }
.feature-link { cursor: help; }
.packages-smalltable td { padding: 2px 5px; }
