/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; }
.errorBox { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size : 11px; background:#CC0000; font-weight: bold; color:#ffffff }
.stockWarning { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size : 10px; color: #CC0000; font-weight:bold; }
p.productsNotifications { background-color: #D7E9F7; padding:5px; }
.orderEdit { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size : 10px; color: #333399; text-decoration: underline; }
.attribute { font-weight:bold; font-size:1.2em; }
.highlight { color:#CC0000; }

BODY {
  color: #666;
  margin: 0px;
  background:url(images/body-bg.gif) top left repeat #000;
  text-align:center;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  position:relative;
}

img, a img { border:none; }

h1, h2, h3, h4, h5, h6 {color:#000; margin-bottom:0.25em; }

h2 { font-size:1.6em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; }

A {
  color: #336;
  text-decoration: underline;
}

A:hover {
  color: #336;
  text-decoration: none;
}

FORM {
	display: inline;
}

table { width:900px; margin:0 auto; text-align:left; vertical-align:top; }
table table { width:auto; text-align:left; margin:0px 0px; background-color:ffffff; }
table table td { text-align:left; }

div#header {
	width:900px;
	height:155px;
	margin:0 auto;
	position:relative;
}

div#stone-foundation {	
	width:280px;
	float: left;
	margin-top: 10px;
	margin-left: 50px;	
}
	div#stone-foundation img { float:left; }
	
	div#stone-foundation a { display:block; margin:10px 0 0; color:#ccc; }

div#city-guilds { text-align:right; float:right; position:relative; width:93px; height:91px; background:url(images/city-guilds.gif) top right no-repeat; top:10px; color:#CCCCCC; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; font-weight:bold; }

div#logo { text-align:left; float:left; position:relative; width:421px; height:108px; }
div#logo div  { position:absolute; top:10px; width:421px; height:108px; background:url(images/stonewerx_logo.png) top left no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/stonemasonry/cladding/images/stonewerx_logo.png'); }
/*\*/
* html div#logo div { background:none; }
/**/

div#menu { font-weight:bold; width:900px; top:15px; #top:10px; padding:0; position:relative; height:40px; clear:both; }
div#menu ul { margin:0; padding:0; list-style:none; }
div#menu li { float:left; text-align:center; position:relative; width:130px; margin-right:5px; }
div#menu li a { padding-top:10px; height:30px; #height:40px; display:block; text-decoration:none; }
div#menu li a:link, div#menu li a:visited, div#menu li a:active { color:#ccc; background:url(images/nav-blue.gif) top left no-repeat #201559; }
div#menu li a:hover{ color:#306; background:url(images/nav-grey.gif) top left no-repeat #ccc; }
/* current page highlighting*/
div#menu li a.current:link, div#menu li a.current:visited, div#menu li a.current:active, div#menu li a.current:hover{ color:#306; background:url(images/nav-grey.gif) top left no-repeat #ccc; }

div#banner { width:900px; height:410px; margin:0 auto 10px; position:relative; overflow:hidden; }
/* all modern browsers [!ie7] */
html>/**/body div#banner { margin-top:8px; }
html>/**/body div#banner div#master0 { margin-left:-900px; }
div#master0 { z-index:3; }

div#shopcart-wrapper { width:900px; margin:0 auto; position:relative; text-align:center; padding:0; z-index:4; }
div#shopping-cart-sml { height:75px; padding:20px 0 0 15px; width:184px; color:#fff; position:absolute; top:-105px; left:0; background:url(images/shopping-cart-bg.gif) top left no-repeat; text-align:left; font-size:13px; }
div#shopping-cart-sml a:link, div#shopping-cart-sml a:visited { color:#fff; text-decoration:underline; }
div#shopping-cart-sml a:active, div#shopping-cart-sml a:focus, div#shopping-cart-sml a:hover { color:#fff; text-decoration:none; }
span.rightlink { display:block; margin-top:8px; text-align:right; font-size:11px; padding-right:15px; }

/*\*/
* html div#shopping-cart-sml { height:95px; width:199px; }
/**/

div#breadcrumbs {
	height:20px;
	margin:10px auto 0;
	padding:2px 0 0;
}

table#tblContent { margin-top:8px; #margin-top:15px; }

table#tblMain { width:695px; /*height:380px; #height:400px;*/ vertical-align:top; margin-left:12px; background:url(images/content-top.gif) top left no-repeat #fff; }
table#tblMain td { padding-left:10px;padding-right:10px; vertical-align:top; }
/*table#tblMain td table td { padding:0px; vertical-align:top; }*/

table#categories { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 auto; width:450px;}
table#categories td { text-align:center; font-size:1.1em; }
table#categories a:link, table#categories a:visited { text-decoration:none; }
table#categories a:active, table#categories a:focus, table#categories a:hover { text-decoration:underline; }
table#categories td img { border:1px solid #339999; }

table#tblGallery, table#tblGallery td { padding:0; }
table#tblGallery .lightbox img, td.boxText .lightbox img, img.thickborder, table#tblProduct .lightbox img, a.thickborder img, .lightbox img { border:3px solid #ccc; }
table#tblGallery a.lightbox:hover img, td.boxText a.lightbox:hover img, table#tblProduct a.lightbox:hover img, a.thickborder:hover img, .lightbox:hover img { border:3px solid #336; }

TR.headerNavigation, TABLE.headerNavigation {
  background-color: transparent;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background-color: transparent;
  color: #666;
  font-weight : normal;
}

A.headerNavigation { 
  color: #336; 
  font-weight:bold;
}

A.headerNavigation:hover {
  color: #666;
  font-weight:bold;
}

A.categories { 
  color: #336; 
  font-weight:bold;
  height:17px;
}

A.categories:hover {
  color: #336;
  font-weight:bold;
  height:17px;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TABLE.page {
	margin-top:-35px;
}

.page td{
	padding:0;
}

img.img-btm { margin:0 0 12px 12px; }

TABLE.footer {
  margin-top:7px;
  background:url(images/footer-bg.gif) top left repeat;
  color:#fff;
}

td.footer { padding:0 5px; }

TABLE.footer a:link, TABLE.footer a:visited, TABLE.footer a:active {
	text-decoration:underline;
	color:#fff;
}

TABLE.footer a:hover {
	text-decoration:none;
	color:#fff;
}
/* sryled box used on signup page */
.Box {
	/*border:1px solid #333399;
	background-color:#cc99ff;*/
}

.Box table {
	/*background-color:#cc99ff;*/
}

.Box table td { padding:5px; }

.BoxContents {
  font-size: 10px;
  /*background-color:#cc99ff;*/
}

/* whitelink */
a.whitelink:link, a.whitelink:visited, a.whitelink:active {
	text-decoration:underline;
	color:#FFFFFF;
}

a.whitelink:hover {
	text-decoration:none;
	color:#FFFFFF;
}

.infoBox {
	background:transparent;
}

.infoBoxContents {
  font-size: 11px;
  background:transparent;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #000000;
}

TR.leftbox { background-color:transparent; }


div.leftbox { width:188px; background-color:#FFFFFF; padding:0px; margin:-5px 0 0 1px; #margin-bottom:0px; }
div.leftbox p { padding:0 20px; margin-bottom:0; }
img.boxSpace { margin-bottom:15px; #margin-bottom:10px; }

TR.rightbox {
}

TR.leftbox h1, TR.rightbox h1 { 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight:normal;
  	color: #000000;
	margin-bottom:0px;
	margin-top:5px;
	padding:0 0 5px;
}

TR.leftbox h1 {
	border-bottom:2px solid #ccc;
	margin:2px 10px;
	text-indent:30px;
	line-height:20px;
	background-image:url(images/arrow.gif);
	background-position:0px 2px;
	background-repeat:no-repeat;
}

.line { 
	border-top:2px solid #ccc;
	width:100%;
	padding-top:10px;
}

TR.leftbox TD.line a{
	margin-top:20px;
	border-top:2px solid #ccc;
}

TR.rightbox h1 { 
	/*width:190px;*/
}

TR.leftbox li { 
	list-style-image:url(images/arrow-list.gif);
}

.leftbox-outer { background-color:transparent; }
.leftbox-outer table { background-color:transparent; margin-top:-1px; #margin-top:-5px; }
.leftbox-outer table table { margin-top:0; }

.rightbox-outer {
	/*margin-top:32px;*/
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #333;
  padding:5px;
  border:1px solid #000;
  border-collapse:collapse;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #666;
  padding:5px;
  border:1px solid #000;
  border-collapse:collapse;
}

/* shopping cart page */
TR.productListing-even table td, TR.productListing-even table td a, TR.productListing-even table td a:hover, TR.productListing-odd table td, TR.productListing-odd table td a, TR.productListing-odd table td a:hover { 
	padding:0px; 
	border-bottom:0px;
}

TR.productListing-even table, TR.productListing-odd table { 
	background-color:transparent;
}

table #size {
  border: 1px;
  border-style: solid;
  border-color: #333399;
  border-spacing: 1px;
  width:520px;
  font-size:1.0em
}

#size th {
	color:#333399;
	font-weight:bold;
}

TABLE.productListing {
  width:90%;
  /*#width:485px;*/
  /*margin:0 0 5px;*/
  
}

td.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #666;
  color: #FFFFFF;
  font-weight: bold;
  padding:3px;
  height:25px;
  border-bottom:5px solid #FFF;
}

/*table.productListing td.productListing-heading {
	display:none;
}*/

a.productListing-heading, a.productListing-heading:hover { color:#fff; }

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  padding:15px;
  color:#FFF;
  vertical-align:middle;
  border-bottom:5px solid #FFF;
}

TD.productListing-data a, TD.productListing-data a:hover {
	color:#FFF;
}

TD.productListing-data img {
	border:3px solid #CCC;
}

TD.productListing-data a:hover img { border:3px solid #336; }

.productListing-big {
	font-size:1.4em;
	padding-bottom:1.0em;
}

A.pageResults {
  color: #339999;
}

A.pageResults:hover {
  color: #000000;
}

TD.pageHeading, DIV.pageHeading, h1 {
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 25px;
  font-weight: normal;
  color: #000000;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main, TD.main table td, P.main table p {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

#tblMain p, p.main { margin:0 0 5px; }

TD.main li {
	/*list-style:url(images/arrow-list.gif) inside;*/
	padding:0;
	margin-left:0.75em;
	list-style-position:inside;
}

TD.main ul {
	margin-bottom:1.0em;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #339999;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

.inputbox { 
	width:250px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #000;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #fff;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* homepage banners */
#master0 #wrapper {
  position:absolute;
  z-index:9999;
  width:900px;
  height:410px;
  background:url(images/banner-border.png) 0 0 no-repeat;
}

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; padding:3px; color:#fff; background-color: #c00; font-weight:bold; }
td.messageStackError { padding:3px; }
td.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; color:#FFFFFF; background-color: #333366; padding:5px; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }
.inputBorder { border:1px solid #66CCCC; background-color:#FFFFFF; }

/* fade image styles */
div#master0, div#canvas0_0, div#canvas0_1 { display:inline; }