* { border: 0; }
body { margin: 0; padding: 0; background: #000 url(/images/stars2.gif); font: 12px/16px Arial, Helvetica, sans-serif; height: 100%;  }
a, a:link { text-decoration: none; color: #3578f2; }
a:hover { text-decoration: underline; }
.small { font: 10px/13px Arial, Helvetica, sans-serif; }
.white { color: #efefef; }
.red { color: #ff0000; }
.blue { color: #0000ff; }
.right { margin: 0 0 16px 16px; }
.left { margin: 0 16px 16px 0; }
.swmblue { color: #3578f2; }
.swmorange { color: #f2820e; }
.swmgreen { color: #0b9c00; }

p { margin: 0 16px 16px 0; padding: 0; }
h1 { padding: 0; margin: 0 0 8px; font: 18px/18px Arial, Helvetica, sans-serif bold; font-weight: bold; }
h2 { padding: 0; margin: 0 0 8px; font: 14px/14px Arial, Helvetica, sans-serif bold; font-weight: bold; color: #f2820e; }
h3 { margin: 0 0 8px; padding: 0; font: 13px/13px Arial, Helvetica, sans-serif bold; font-weight: bold; }

table {border-collapse : collapse;}
table td, table th {padding : 0;}

div#mainContainer { width: 754px; background-color: #fff; margin: 0 auto 0 auto; padding: 1px; position: relative; border: 16px solid #000; }

#nav { margin: 0; padding: 0; }
#nav li { display: inline; color: #fff; padding: 0 20px; font: 14px/18px Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; clear: both; }
#nav li.on { color: #000; background-color: #fff; }
#contentContainer { background-color: #fff; height: 100%; min-height: 100%; }
#contentContainerBlk { background-color: #000; height: 100%; min-height: 100%; }


div#footer { background-color: #333; padding: 10px; }
div#footer p { margin: 0; padding: 0; color: #888; vertical-align: middle; }
div#footer a, div#footer a:visited { color: #888; }
div#footer a:hover { color: #cfcfcf; text-decoration: none; }

ul#lnav { padding: 12px 0 0 0; margin: 0; color: #fff; }
ul#lnav li { list-style-type: none; margin: 0; padding: 3px 18px; border-bottom: 1px solid #808080; }
ul#lnav li.head {  background-color: #808080; font-weight: bold; text-transform: uppercase; margin-bottom: 1px; }
ul#lnav li.last { border-bottom: 0; }


ul#gnav { padding: 0; margin: 0; height: 31px; list-style-type: none; }
ul#gnav li { margin: 0; padding: 0; line-height: 31px; float: left; }
ul#gnav li a { outline: none; margin: 0; padding: 0; height: 31px; line-height: 31px; text-indent: -9999px; text-decoration: none; float: left; }
ul#gnav li, ul#gnav li a { background-image: url(/images/nav-matrix.jpg); background-repeat: no-repeat; }

ul#gnav li.home, ul#gnav li.home a { width: 76px; background-position: 0 0; }
ul#gnav li.home a:hover { width: 76px; background-position: 0 -31px; }
ul#gnav li.home a.on, ul#gnav li.home a.on:hover { width: 76px; background-position: 0 -62px; }

ul#gnav li.collection, ul#gnav li.collection a { width: 139px; background-position: -76px 0; }
ul#gnav li.collection a:hover { width: 139px; background-position: -76px -31px; }
ul#gnav li.collection a.on, ul#gnav li.collection a.on:hover { width: 139px; background-position: -76px -62px; }

ul#gnav li.estore, ul#gnav li.estore a { width: 80px; background-position: -215px 0; }
ul#gnav li.estore a:hover { width: 80px; background-position: -215px -31px; }
ul#gnav li.estore a.on, ul#gnav li.estore a.on:hover { width: 80px; background-position: -215px -62px; }

ul#gnav li.aboutus, ul#gnav li.aboutus a { width: 98px; background-position: -295px 0; }
ul#gnav li.aboutus a:hover { width: 98px; background-position: -295px -31px; }
ul#gnav li.aboutus a.on, ul#gnav li.aboutus a.on:hover { width: 98px; background-position: -295px -62px; }

ul#gnav li.meteorites, ul#gnav li.meteorites a { width: 156px; background-position: -393px 0; }
ul#gnav li.meteorites a:hover { width: 156px; background-position: -393px -31px; }
ul#gnav li.meteorites a.on, ul#gnav li.meteorites a.on:hover { width: 156px; background-position: -393px -62px; }

ul#gnav li.services, ul#gnav li.services a { width: 96px; background-position: -549px 0; }
ul#gnav li.services a:hover { width: 96px; background-position: -549px -31px; }
ul#gnav li.services a.on, ul#gnav li.services a.on:hover { width: 96px; background-position: -549px -62px; }

ul#gnav li.contact, ul#gnav li.contact a { width: 109px; background-position: -645px 0; }
ul#gnav li.contact a:hover { width: 109px; background-position: -645px -31px; }
ul#gnav li.contact a.on, ul#gnav li.contact a.on:hover { width: 109px; background-position: -645px -62px; }

#galleryContainer { background: url(/images/bg-galleryContainer.jpg) repeat-x top #000; width: 722px; padding: 0 16px; color: #fff; }
#galleryContainer h1 { color: #f2820e; }
#pageContainer { background: url(/images/bg-pageContainer.jpg) repeat-x top #fff; width: 722px; padding: 0 16px; color: #000; }

ul#breadcrumb { margin: 0; padding: 9px 11px 9px 0; clear: left; }
ul#breadcrumb li { margin: 0 5px; padding: 0; list-style-type: none; display: inline; color: #999; }
ul#breadcrumb li.first { margin-left: 0; }
ul#breadcrumb li a { text-decoration: none; color: #999; }
ul#breadcrumb li a:hover { color: #fff; }

#pageContainer ul#breadcrumb li { color: 666; }
#pageContainer ul#breadcrumb li a { text-decoration: none; color: #666; }
#pageContainer ul#breadcrumb li a:hover { color: #000; }


#galleryContainer .galleryLeft { padding:0; float: left; display: inline; width: 424px;  background: url(/images/bg-galleryleft.gif) bottom right no-repeat #000; }
#galleryContainer .galleryLeft a { color: #3578f2; }
#galleryContainer .galleryLeft h1 { font: 15px/15px Arial, Helvetica, sans-serif bold; font-weight: bold; color: #f2820e; padding: 0; margin: 0 0 5px 0; clear: both; }

#galleryContainer .galleryRight { padding: 0; float: right; display: inline; width: 298px; margin-bottom: 15px; }
#galleryContainer .galleryRight p { margin: 0 0 16px 16px; padding: 0; }
#galleryContainer .galleryRight h1 { margin: 0 0 4px 16px; padding: 0; font: 24px/24px Arial, Helvetica, sans-serif; font-weight: bold; color: #fff; }
#galleryContainer .galleryRight a { color: #f29535; }


#itemDetails { width: 424px; color: #000; margin-bottom: 5px; }
#stats { border-top: 1px solid #c0c0c0; background: url(/images/bg-stats.jpg) repeat-x bottom #dddee7; margin-bottom: 10px; padding: 8px; }

#miscItemDetails { margin-bottom: 5px; color: #fff; }
#miscStats { }

#searchResults { }
#searchResults br { line-height: 1px; height: 1px; }
#searchResults div.result:hover,
#searchResults div.sfHover1  { background-color: #101010; }
#searchResults div.parentResult { float: left; margin: 10px 0 10px 0; }
#searchResults div.parentResult h2 { margin: 0 0 4px; padding: 0; width: 116px; height: auto; vertical-align: bottom; font: 12px/12px Arial, Helvetica, sans-serif; font-weight: bold;  }
#searchResults div.parentResult h2.extended { width: auto; color: #0b9c00; }
#searchResults div.result { padding: 4px; height: 144px; width: 120px; margin: 0 10px 0 0; border: 1px solid #333333; float: left; text-align: center; display: inline; }
#searchResults div.noheight { height: auto; }
#searchResults div.result img { }
#searchResults div.result a { margin-top: 4px; }
#searchResults div.result a em { color: #f2820e; font-weight: bold; }

div.limitResults { float: right; margin-right: 32px; text-align: center; display: inline; }
 
.relatedSpecs { clear: left; }
.relatedSpecs h1 { font: 16px/16px Arial, Helvetica, sans-serif bold; font-weight: bold; }
 
table.otherSpecimen { margin: 0 10px 5px 0; text-align: center; display: inline; width: 120px; clear: none;  }

@media screen and (-webkit-min-device-pixel-ratio:0) {
table.otherSpecimen {
	display: inline-table;
}
}
  
table.otherSpecimen div { clear: none; display: inline; }
table.otherSpecimen td { }
table.otherSpecimen img { margin-bottom: 3px; text-align:left; }
img.viewphotos { position: absolute; top: 2px; left: 2px; border: 0; z-index: 0; }
div.prevnext { float: right; }

div#buyContainer { background: url(/images/buy-bg.jpg) repeat-y #000; width: 273px; margin: 0 0 16px 13px; }
div#buy { background: url(/images/buy-bottom.jpg) bottom no-repeat; padding-bottom: 13px; }
div#buy p.small { margin-right: 13px; }
div#buy img { margin: 0; padding: 0; }
div#buy form.buy, div#buy form.buy input { margin: 0; padding: 0; }
div#buy .buyLeft { float: left; display: inline; }
div#buy .buyRight { float: right; display: inline; }
div#buy form.cart { float: right; margin: 9px 0 0 0; padding: 0; }



div#buy p { margin: 9px 18px 0; }
div#buyTop { width: 273px; height: 37px; position: relative; background: url(/images/buy-top.jpg) top no-repeat; }
div#buyBox { position: absolute; top: 11px; left: 159px; padding: 2px 8px; background-color: #fff; border: 1px solid #000; color: #000; width: auto; font-weight: bold; }

div.buybutton { margin: 0 0 16px 16px; position: relative; width: 176px; height: 44px; }
div.buyprice { text-align: center; position: absolute; margin: 0; padding: 0; color: #000; font-weight: bold; right: 32px; top: 14px; width: 49px; height: 19px;  }

div#pageLeft { width: 460px; float: left; }
div#pageLeftFull { width: 704x; float: left; } 
div#pageRight { width: 244px; text-align: center; float: right; }
div#pageRight p { text-align: left; }

form#contact input.text, form#contact select, form#contact textarea.text { width: 200px; border: 1px solid #bebebe; }
table.contact { margin: 0 0 10px 0; }
table.contact td { vertical-align: top; padding: 5px 5px 5px 0; }
table.contact td.label { text-align: right; }
form#contact input.submit { width: 100px;  border: 1px solid #bebebe; }
form#contact input, form#contact textarea { color: #444; padding: 2px; background-color: #f7f7f7; }

/** estore home **/
#estoreHome { background-color: #fff; width: 722px; padding-bottom: 1px; } 
#estoreLeftContainer { position: absolute; }
#estoreLeft { position: relative; width: 360px; float: left; }
#estoreLeft img.featured { width: 354px; border: 0; margin: 3px 3px 0; }
#estoreLeft div#estoreOverlay { display: none; position: absolute; left: 0; bottom: 0;
   background-image: url(/images/bg-blk60.png) !important;  /* Mozilla only */
   background-color: transparent !important;           /* Mozilla only */
   background-image: none;                             /* IE only */
   background-color: #000000;                          /* IE only */
   filter:alpha(opacity=80);                           /* IE only */
   margin: 3px 3px 0; padding: 0; border-top: 1px solid #fff; cursor: pointer; width: 334px; padding: 10px; }
#estoreLeft div#estoreOverlay table { position: relative; }
#estoreLeft div#estoreOverlay table td {  }
#estoreLeft h1 { position: absolute; top: 10px; left: 10px; color: #3578f2; }
#estoreLeft h1.under { position: absolute; top: 11px; left: 10px; color: #fff; }
#estoreLeft span.item { font-size: 11px; }

#estoreRight { width: 362px; float: right; }

#estoreRight ul {  margin: 0; padding: 0; width: 178px; height: 133px; list-style-type: none; }
#estoreRight ul li { margin: 0; padding: 0; line-height: 133px; float: left; }
#estoreRight ul li a { margin: 0; padding: 0; width: 178px; height: 133px; line-height: 133px; text-indent: -9999px; text-decoration: none; float: left; }
#estoreRight ul li, #estoreRight ul li a  { background-repeat: no-repeat; background-position: 0 0; }
#estoreRight ul li a:hover { background-position: 0 -133px; }


#estoreRight ul#meteorites { float: left; display: inline; margin-top: 3px; margin-right: 2px; }
#estoreRight ul#meteorites li, #estoreRight ul#meteorites li a { background-image: url(/images/estore-meteorites-matrix.jpg); }

#estoreRight ul#jewelry {  float: right; display: inline; margin-top: 3px; margin-right: 3px; }
#estoreRight ul#jewelry li, #estoreRight ul#jewelry li a { background-image: url(/images/estore-jewelry-matrix.jpg); }

#estoreRight ul#impactites { float: left; display: inline; clear: left; margin-top: 2px; margin-right: 2px; }
#estoreRight ul#impactites li, #estoreRight ul#impactites li a { background-image: url(/images/estore-impactites-matrix.jpg); }

#estoreRight ul#misc { float: right; display: inline; margin-top: 2px; margin-right: 3px; }
#estoreRight ul#misc li, #estoreRight ul#misc li a { background-image: url(/images/estore-misc-matrix.jpg); }

#estoreBottom { clear: both; background: url(/images/bg-estore-bottom.jpg) repeat-x #333333 bottom; background-color: #333; padding: 10px 0 10px 20px; margin: 1px 1px 0; }
#estoreBottom h2 { margin: 0 0 10px; padding: 0; }
#estoreBottom div.bottomFeature { margin-right: 18px; padding: 0; float: left; display: inline; width: 120px; text-align: center; }
#estoreBottom div.bottomFeature a img { border: 1px solid #000; }
#estoreBottom div.bottomFeature a:hover img { border-color: #3578f2; }



/** collection home **/
#collectionHome { background-color: #fff; width: 720px; padding-bottom: 1px; text-align: center; padding: 2px 0 0 2px; } 
#collectionHome a { color: #fff; }
#collectionHome a:hover { }
#collectionHome div.header { background: url(/images/bg-collection-header.jpg) repeat-x top #555; padding: 3px 0; border-bottom: 1px solid #999; }
#collectionHome div.resultContent { position: relative; }
#collectionHome div.resultContent div.collectionOverlay { display: none; position: absolute; bottom: 0; left: 0; width: 100%; text-align: left; width: 178px;
	border-top: 1px solid #fff;
   background-image: url(/images/bg-blk60.png) !important;  /* Mozilla only */
   background-color: transparent !important;           /* Mozilla only */
   background-image: none;                             /* IE only */
   background-color: #000000;                          /* IE only */
   filter:alpha(opacity=80);                           /* IE only */
   cursor: pointer; }
#collectionHome div.resultContent div.collectionOverlay table { width: 100%; margin: 5px 0; }
#collectionHome div.resultContent div.collectionOverlay table td { padding: 1px 5px; }
#collectionHome div.resultContent div.collectionOverlay table td h3 { color: #f2820e; font: 13px/13px Arial, Helvetica, sans-serif; font-weight: bold; margin: 0; padding: 0; }
#collectionHome div.result { width: 178px; float: left; display: inline; margin: 0 2px 2px 0; }


table.datastrip { margin: 0 0 12px; padding: 8px; background-color: #181818; border: 1px solid #bebebe; }
table.datastrip td { padding: 2px; }

/** promo **/
ul.promo1 { padding: 0; margin: 16px 0 16px 16px; height: 85px; list-style-type: none; }
ul.promo1 li { margin: 0; padding: 0; line-height: 85px; float: left; }
ul.promo1 li a { margin: 0; padding: 0; height: 85px; line-height: 85px; text-indent: -9999px; text-decoration: none; float: left; }
ul.promo1 li, ul.promo1 li a { background-image: url(/images/matrix-promo1.jpg); background-repeat: no-repeat; }

ul.promo1 li, ul.promo1 li a { width: 273px; background-position: 0 0; }
ul.promo1 li a:hover { width: 273px; background-position: 0 -85px; }