div, td { border: solid 0px red; }
body { margin: 0; text-align: center; border-top: solid 0px #bcced3; background: url(../Images/bodyBg.gif) repeat-x #002933; }
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, .btnCheckout { background: url(../Images/bg_btn_submit.gif) no-repeat; border: none; width: 149px; text-align:left; padding-left:8px; height: 18px; border: 0px; color: #ffffff; margin-right: 10px; cursor: pointer; line-height:1em; }
.btnDownload { background: url(../Images/bg_btn_submit.gif); border: 0; margin: 3px 0 0 0; height: 18px; color: #ffffff; width: 149px; cursor: pointer; padding-left:0; padding-right:20px; }
.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; width: 1004px; background: url(../Images/WrapperBg.png) repeat-y; }
.WrapperLeft { padding: 0 8px 0 12px; }






.WrapperPopup { height: 100%; text-align: left; color: #3C3C3C; max-width: 750px; background: url(../Images/WrapperBg.png) repeat-y; }
.WrapperPopup .Masthead { text-align: right; }
.WrapperPopup td.tdPopUp { padding: 14px; color: White; }
.WrapperPopup a { color: #ffffff; }


.WrapperPopup  .Column02 b, .WrapperPopup .Column02 a {vertical-align:baseline;}


.WrapperPopup  .ProductReview  		{ color: #3C3C3C; }

.WrapperPopup  .ProductReview .prSent p		{ color: #ffffff; }

.WrapperPopup  .ProductReview a 	{ color: #006699; }
.WrapperPopup  .ProductReview h2 	{ color: #ffffff; }
.WrapperPopup  .ProductReview b, .WrapperPopup .ProductReview a {vertical-align:baseline;}
.WrapperPopup  .ButtonGroup {background:#fff; padding:5px;}








.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%; }
table.masthead_wrapper td { padding:0 4px 0 4px; }
.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; margin-left: 3px; }
.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: 24px; padding-top: 8px; padding-left: 10px; padding-right: 10px; }
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; }

.Body { padding-top: 0px; padding-left: 0px; background: #ffffff url(../Images/bg_content_bottom.gif) no-repeat bottom; padding-bottom: 16px; }
.BannerZoneRight { width:160px; padding:0 12px 0 8px; }
.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:100%; }

.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: 158px; height: 24px; padding: 7px 0 0 10px; display: block; color: #006699; background: url(../Images/bg_leftnav.gif) no-repeat; vertical-align: middle; line-height: normal; }
.NavLeft a.selected_link {  background: url(../Images/bg_leftnav_hover.gif); /*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; color: #ffffff; padding-top: 0px; padding-top: 7px; height: 24px; width: 156px; padding-left: 10px; }
.NavLeft .divider02 span span { marign: 0px; padding: 0px; display: inline; 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-top: 15px; }
.NavLeftSmall a { margin-right: 0px; }
.NavLeftSmall a:hover { text-decoration: none; }

/* Start: Content */
.Content { float: left; width: 640px; 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: 0 0 20px 40px; }
.crumb_image td { width: 140px; white-space:nowrap; }
.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; border-left:1px solid #cecece; }
.crumb_cart_rgt { background-image: url(../images/crumb_tile.gif); background-repeat: repeat-x; border-left:1px solid #cecece; border-right: 1px solid #cecece; }
.crumb_cart_rgt p {  }


/* 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; }



.liveChatPanel { text-align:center; width:300px; position:fixed; bottom:-204px; right:119px; border: 1px solid #DEDEDE; cursor: default; font-size: 15px; font-style: normal; letter-spacing: 0.08em; padding: 3px; text-align: center; vertical-align: middle; z-index:1;}
.liveChatPanel .button		{ width:300px; height:30px; background:#2C2C2C; }
.liveChatPanel .chat		{ position:absolute; top:7px; left:115px; cursor:pointer; }
.liveChatPanel .content		{ background:#fafafa; height:200px; width:100%; }
.liveChatPanel .content img { margin-top:10px; }
.liveChatPanel p			{ font-size:1.4em; margin-top:20px; }
.liveChatPanel .btn			{ background: #4f8dae; background-image: -webkit-linear-gradient(top, #4f8dae, #4f8dae); background-image: -moz-linear-gradient(top, #4f8dae, #4f8dae); background-image: -ms-linear-gradient(top, #4f8dae, #4f8dae); background-image: -o-linear-gradient(top, #4f8dae, #4f8dae); background-image: linear-gradient(to bottom, #4f8dae, #4f8dae); -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 28px; -webkit-box-shadow: 0px 1px 3px #666666; -moz-box-shadow: 0px 1px 3px #666666; box-shadow: 0px 1px 3px #666666; font-family: Arial; color: #ffffff; font-size: 1.2em; padding: 7px 16px; text-decoration: none; cursor:pointer; border:0; margin-top:10px; }
.liveChatPanel .btn:hover	{ text-decoration: none; }
.liveChatPanel .close		{ position:absolute; top:-13px; right:-11px; cursor:pointer; }
