@charset "utf-8";
/* CSS Document */
	
/*
##############  ID's  ################
*/
#banner { /* top graphic used for logo presentation and navigation */
	position:relative;
	margin:auto;/* for centering the page on FireFox 2.0+ */
	width:800px;
	height:150px;
	background-image:url(/clipArt/banner2.png);
	background-repeat:no-repeat;
	color:#ffffff;
	font-weight:bold;}
#banner a {color:#999966;text-decoration:none;font-weight:bold;}
#banner a:hover {color:#99ffff;}


#logo { /* positions the logo on the banner background */
	position:absolute;
	left:2px;
	top:40px;}
	
#navMenu { /* positioning/format of HOME | ABOUT ROMNEY | HER WORK */
	position:absolute;
	font-size:0.75em;
	top:105px;
	right:20px;}

#navSubMenu { /* positioning/format of STORE NAVIGATION  - TEXT NO GREATER THAN 0.75em to preserve look */
	position:absolute;
	font-size:0.75em;
	top:125px;
	right:20px;}


#notice { /* for text that serves as a highly-visible notice */
	color:#00fcff;font-weight:bold;font-size:0.75em;text-align:right;}

#copyright { /* for copyright information at the bottom of pages */
	font-size:0.7em;
	font-weight:normal;
	color:#aaaaaa;}
#copyright a {color:#eeeeee;}
#copyright a:hover {color:#999966;}

#currentPage { /* in the top navigation, format the text to the page that is currently displayed */ 
	color:#ffffff;}
/*
##############  ELEMENTS  ################
*/

body {
	background-color:#000000;
	background-image:url(/clipArt/bg_main2.jpg);
	background-repeat:repeat-x;
	text-align:center;
	margin-top:0px;
	font-family:"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	color:#ffffff;}
	
a {color:#99ffff;text-decoration:none;}
a:hover {color:#99ffff;text-decoration:underline;}

img { border:none; padding:0px; margin:0px; border-spacing:0px; }

h1,h2,h3,h4,h5{font-weight:700;}

h1 { color:#99ffff; 
	margin-top: 0.0em;
	letter-spacing:0.05em;}

h2,h3,h4,h5 {
	color:#ffffff;
	margin-top: 0.5em;
	margin-bottom: 0.0em;}

h1 {font-size:1.3em;} /* EM rather than px or pt FONT units should be used for wider accessibility */
h2 {font-size:1.15em;}
h3 {font-size:1.05em;}
h4 {font-size:0.95em;}
h5 {font-size:0.8em;}


/*
##############  CLASSES  ################
*/

.normText {
	font-size:0.8em;
	color:#ebebeb;
	text-align:left;}
	
.storeLabel, .storeText {font-size:0.75em;color:#ffffff;}

.storeLabel {font-style:italic;text-align:right;}
.storeText {font-style:bold;}

.centered {margin:auto;text-align:center;} /* for centering elements on the page in FireFox */
.padding {padding:10px;} /*  intended for use with block-level elements: p, div, blockquote, etc */


.featureBox { /* formatting of the feature boxes (e.g. three on the bottom of index page) */
	padding:10px;
	background-color:#663333;}
.rightBorder {border-right:1px solid #666666;}
.marginLeft10 {margin-left:10px;}

/*
$$$$$$$ STORE-RELATED CLASSES $$$$$$$$
*/
h1.prodCatTitle {
	font-weight:bold;}
	
/*  for store input buttons "Add to Cart" */
input.addToCart {margin:0; font-size:10pt; color:#444444; text-align:center; width:100px; font-weight:bold; height:24px; background-image:url(/clipArt/bgNavCurrent.gif); border:1px solid #999999; cursor:pointer;}
input.quantity  {background-color:#eeeeee; margin:0; color:#444444; text-align:center; font-weight:bold; height:24px; border:1px solid #999999; cursor:pointer;}
input.remove    {background-color:transparent; margin:0; color:#444444; text-align:center; font-weight:bold; height:24px; border:0px solid #999999; cursor:pointer;}


span.cartText {font-size:0.8em;color:#cccccc;}
span.prodSpecs {font-size:0.75em;color:#ffffff;font-weight:bold;}
span.prodName {color:#ffffff;font-size:0.9em;font-weight:bold;text-transform:uppercase;}	

p.prodDesc {font-size:0.8em;color:#ffffff;padding:8px;}

.freeShippingNotice {font-size:1.3em;background-color:#ffffff;color:#663333;font-style:italic;letter-spacing:1px;}

/* END STORE-RELATED LINKS */


	
table.body {
	margin:auto; /* for centering the page on FireFox 2.0+ */
	border: 1px solid #666666;}

table.indexBody {
	margin:auto; /* for centering the page on FireFox 2.0+ */
	border: 1px solid #666666;
	/*background-color:#efdeda;*/
	background-color:#665333}

tr.line {background-color:#999966;text-align:left;} /* ROW BREAK COLOR */
tr.lineText {background-color:#333333;text-align:left;} /* FOR ROW BREAK COLOR WITH TEXT */
td img.theImage {cursor:pointer;border:1px solid #999966;} /* must be "pointer" to work in FireFox */
td img.prodThumb { vertical-align:bottom; padding-right:2px; padding-top:2px;}
td.itemLine { border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#996600;}
