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: 1em;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

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

/* --------- defaults  --------- */
* {margin: 0; padding: 0;}
body {background: #fff;}
hr, .hide {display: none;}		
		
/*  --------- structure  --------- */
#container { width: 750px; margin: 10px auto; }	
#mainContent {float: right; width: 584px; margin-left: 12px;}

/*  --------- fonts items  --------- */
body { font-size: 12px; color: #333; line-height: 1.5em; font-family: Arial, "Helvetica Neue", Helvetica, "Lucida Grande", Verdana, sans-serif; font-weight: normal; }

h1, h2, h3, h4, h5, h6 {margin: 1em 0 .5em 0; font-weight: normal; }
h1 { font-size: 225%;}
h2 { font-size: 185%;}
h3 { font-size: 150%;}
h4 { font-size: 135%;}
h5 { font-size: 120%;}
h6 { font-size: 110%;}

h4.label { text-transform: uppercase; font-weight: bold; font-size: 115%; color: #00457c;}


/*  --------- navigation items  --------- */
#home a { display: block; text-indent: -9999px; overflow: hidden;  width: 154px; height: 103px; }
#logo a { background: url(../imgs/ASTM_logo.jpg) no-repeat 0 0;}

#navigation {float: left; width: 154px; }
#navigation h4 { font-size: 120%; font-weight: normal;}
#navigation ul { margin: 0; margin-bottom: 10px; padding: 0; list-style: none;}
#navigation ul li a {  font-size: 95%; padding: .3em .75em; margin-bottom: 1px; /*background: #e5e5cc;*/ background: #dbdbb7; color: #333; text-decoration: none; display: block; border-radius: .5em; -webkit-border-radius: .5em; -moz-border-radius: .5em;}
#navigation ul li a:hover { background-color: #00457c; color: #fff; text-decoration: none;}
#navigation ul li a:active { background-color: #666;}

#navigation ul li a.standards { color: #860011; font-size: 115%;  }
#navigation ul li a:hover.standards { color: #fff;}

/*  --------- SearchArea  --------- */
#header { border-top: 4px solid #e5e5cc; padding: 5px 0; width:584px;}

#header ul.secNav li { float: left; font-size: 92% }
#header ul.secNavnews li { float: left; font-size: 92% }
#header ul.secNav a.login { background-color: #860011; color: #fff; margin-right: 50px;}

#header .cart_search { background-color: #e5e5cc; margin: 10px 0; width:584px; }
#header .cart_search ul { float:right; }
#header .cart_search li { float: left; padding: 5px 10px; height: 21px; }
#header .cart_search li.search { background-color: #e5e5cc; margin: auto;} 
#header .cart_search li.share { background-color: #dbdbb7;}
#header .cart_search li.cart {background-color: #d1d1a3;  }

.secNav a:link, .secNav a:visited { color: #00457c; text-decoration: none; padding: 2px 7px;}
.secNav a:hover { text-decoration: underline;}

.secNav a:link.login, .secNav a:visited.login { color: #fff;}

/*  --------- main items  --------- */
.main { float: left; width: 376px; margin-right: 10px;}
.main img { border: 5px solid #8193a2; }
.main .mainImg { width: 376px; position: relative; margin: 0 0 10px 0;}
.main h2 {font-family:Georgia, "Times New Roman", Times, serif; font-size: 150%; line-height: 1.3em; font-weight: normal; margin-top: 0;}
.main span {font-family:Georgia, "Times New Roman", Times, serif; font-size: 150%; line-height: 1.3em; font-weight: normal; margin-top: 0;}
.main .mainImg h2 { position: absolute; display: block; width: 346px; bottom: 0; left: 0;  color: #fff;  margin: 0 5px 5px 5px; padding: 10px; background: #333; background: rgba(0,0,0,.6);}

.main div.section { padding-bottom: 10px; margin-top: 10px; border-bottom: 2px solid #e5e5cc;}
.main div.last.section { border-bottom: 0;}

.banner { padding: 0 10px 5px 10px; /*margin: 10px 0 10px 0;*/ border-bottom: 4px solid #e5e5cc; height:60px}
.banner h2 { font-size: 116%; font-weight: normal; margin-top: 0;}
.banner .right img { border: 0;}
.banner .left2 { float: left; width: 466px; margin-right: 10px;}
.banner .right2 { width: 72px; float: right;}
.banner .right2 a.join {background-color: #860011; color: #fff; padding: 3px 5px; }
ul.headlines { font-family: Georgia, "Times New Roman", Times, serif; font-size: 115%;}
ul.headlines li { padding: 5px 0; border-bottom: 1px solid #e5e5cc;}
ul.headlines li.last { border-bottom: 0;}

/*  --------- secondary items  --------- */ 
.secondary { width: 198px; float: right;}
.secondary ul { background-color: #dbdbb7; list-style: none; margin: 0; padding: 0;}
.secondary ul li { padding: 10px 0; margin:5px 10px; border-bottom: 2px solid #a3a35c; border-bottom-color: rgba(0,0,0,.15);}
.secondary ul li strong { margin: 5px 10px 0 10px; display: block; font-size: 92%; line-height: 1.3em;}
.secondary span { font-size: 115%; font-weight: bold; font-style: italic; text-transform: uppercase; color: #00457c; }
.secondary img { border: 5px solid #adad6b;}
.secondary img:hover { border-color: #686821;}

.secondary ul li a:link { color: #333; }
.secondary ul li a:visited { color: #333; }
.secondary ul li a:hover { text-decoration: underline;}
.secondary ul li a:active { color: rgba(51,51,51,.75);}

.secondary ul li.last { border-bottom: 0;}

/*--------- SN Secondary Styles ---------*/
.secondary ul.sn li { border-bottom: 0;}
.secondary ul.sn li span { font-style: normal; color: #333; margin-top: 0; padding-top: 0; font-size:13px; text-transform:none;}
.secondary ul.sn li ul { padding: 5px 0 10px 0;}
.secondary ul.sn li ul li {float: left; margin: 0px 10px 0 0; padding: 0;}
.secondary ul.sn li a:link, .secondary ul.sn li a:visited { color: #00457c;}
	
/*  --------- footer items  --------- */
#footer {clear: both;}

/*  --------- misc items  --------- */
.group:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* ---------- links ---------- */
.main a:link { color: #00457c; text-decoration: none;}
.main a:visited { color: #686821; text-decoration: none;}
.main a:hover { text-decoration: underline;}
.main a:active { color: #d26f11;}

.secondary a:link { color: #00457c; text-decoration: none;}
.secondary a:visited { color: #686821; text-decoration: none;}
.secondary a:hover { text-decoration: underline;}
.secondary a:active { color: #d26f11;}

#foot_map {color:#aaaaaa; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:9px; padding:10px 0 0;}
#foot_map a { color: #888888; text-decoration: none; }
#foot_map a:visited { color: #888888; }
#foot_map a:hover { text-decoration: underline; color: #666666; }
/* ---------- images ---------- */
a img {border: 0;}
	
/* ---------- forms ---------- */	
form { }
input { margin: 0 3px; padding: 0;}

.smallgray  { color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.smallgray_spaced  { color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height:16px; }
.bottomlinks { color: #666666; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
.bottomlinks:hover { text-decoration: underline; }	
.bluelinkline_smaller  { color: #0033cc; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; }
.bluelinkline_smaller:hover { text-decoration: none; }

.cartContainer { background-color: #bcd2e6; border-width: 0px; width: 180px; padding: 5px; margin-top: 153px; }
.header { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-align: center; color: #000; background-color: #bcd2e6; width: 180px; }
.itemA { background-color: #efeae5; margin: 0px; width: 140px; margin-left: 20px; margin-right: 20px; }
.descA { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: left; background-color: #efeae5; width: 140px; margin-left: 20px; margin-right: 20px; }
.qtyA { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: right; background-color: #efeae5; width: 140px; margin-left: 20px; margin-right: 20px; }
.priceA { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: right; background-color: #efeae5; width: 140px; margin-left: 20px; margin-right: 20px; }
.itemB { background-color: #E4F2FF; width: 140px; margin-left: 20px; margin-right: 20px; }
.descB { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: left; background-color: #E4F2FF; width: 140px; margin-left: 20px; margin-right: 20px; }
.qtyB { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: right; background-color: #E4F2FF; width: 140px; margin-left: 20px; margin-right: 20px; }
.priceB { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: right; background-color: #E4F2FF; width: 140px; margin-left: 20px; margin-right: 20px; }
.subtotal { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-align: right; color: #000; background-color: #bcd2e6; width: 180px; }
.totalArea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; background-color: #bcd2e6; width: 180px; }
.totalArea a, .totalArea a:visited { text-decoration: underline; cursor: pointer; color: #0000FF; }
.emptyCart { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; background-color:  #efeae5; }
a#hideLink { text-decoration: underline; cursor: pointer; color: #0000FF; }
.smallgray {color:#000000; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px;}

/*News Fader Styles*/
#imageContainer {position:relative; width:366px;}
#imageContainer {height:340px;}
#imageContainer p {display:none; position:absolute; top:0; left:0; margin:0; padding:0;}
.mainImg span {font-size:18px; position:absolute; display:block; width:346px; bottom:0; left:0; color:#fff; margin:0 5px 8px 5px; padding:10px; background:#333; background:rgba(0,0,0,.6);}
html>body .mainImg span {*margin:0 5px 5px 5px;}
#imageContainer b {font-size:12px; margin:0; text-align:center;}
#imageContainer b span {font-size:20px; margin:0; padding:0; line-height:14px;}
#imageContainer i {font-style:normal;}

#news_buttons {float:right; margin-top:7px; border:2px solid #8193a2;}
html>body #news_buttons {*margin-top:11px; *padding:0;}
#news_buttons img {-moz-border-radius-topleft: .5em; -moz-border-radius-topright: .5em;}

.latestNews {background-image:url('../imgs/news_buttons.jpg'); background-repeat:no-repeat; height:18px; float:left;}
#backNews {width:12px; background-position: -0px 0px;}
#pauseNews {width:15px; background-position: -12px -0px;}
#forwardNews {width:12px; background-position: -27px -0px;}
#backNews:hover {width:12px; background-position: -0px -18px;}
#pauseNews:hover {width:15px; background-position: -12px -18px;}
#forwardNews:hover {width:12px; background-position: -27px -18px;}