/*
覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧 
   ｩ2006 American Web Services  |  All Rights Reserved.
覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧

#B16142		rust
#630		brown
#F6DEC7		khaki
#7F9DB9		pottery barn blue
#00F		blue (default anchor)
#C00		red (default anchor hover)

MISC HASH SET FROM PRINT.CSS [currently not used... I don't know where these came from... here for backup. -rallen]
F0F0F0		silver
0777BD		blue (light)
1D4763		blue (dark v1)
055282		blue (dark v2)
05598D		blue (dark v3)
CD6733		brown (light)
7E5237		brown (dark)
FEBC00		yellow
FED768		yellow (light)
BC9F4D		yellow (dark)
FFF3D1		yellow (very light)
FF9933		orange
F27900		orange (light)
AA6335		orange (dark)
*/


/* BASE TAGS */
.body, body				{ background: #B16142; font: normal 62.5% Verdana,Geneva,Arial,Helvetica,sans-serif; color: #000; margin: 0px; padding: 0px; }
h1						{ font: bold 1.5em 'Courier New',Courier,monospace; }
h2						{ font: bold 1.8em 'Courier New',Courier,monospace; }
tr						{ vertical-align: top; }
img						{ border: 0px; }
a,
a:active,
a:visited 				{ color: #00F; }
a:hover 				{ color: #C00; }


/* PROPERTIES */
.left					{ float: left; margin: 0px 15px 10px 0px; }
.right					{ float: right; margin: 0px 0px 10px 15px; }
.top					{ vertical-align: top; }
.bottom					{ vertical-align: bottom; }
.printonly				{ display: none; }
.paddingtop				{ padding-top: 30px; }
.attention				{ color: #F00; }


/* MAIN STRUCTURE */
.sitewrapper			{ width: 798px; background: #F6DEC7 url(../_images/bg-tile.gif); text-align: left; border: 1px solid #000; }
.mainbody				{ width: 588px; background: #FFF url(../_images/ubeadit_background.jpg) no-repeat; }
.mainbody				{ font-size: 1.2em; line-height: 1.5em; margin: 0; padding: 0 0 15px 0; float: right; }

.subbody h1				{ font-size: 2em; color: #B16142; text-align: center; }
.subbody h2				{ font-size: 1.4em; font-weight: bold; color: #B16142; }
.subPage				{ padding: 0px 0px 2px 0px; }

.contentborder			{ margin: 0; padding: 0 6px 10px 6px; }
.contentborder dd		{ margin: 0px 2px 0px 10px; }

/* TOOLBAR */
.toolbar				{ background: #F6DEC7; font-size: 0.8em; font-weight: bold; padding: 5px 0px 5px 0px; }
.toolbar a,
.toolbar a:visited,
.toolbar a:hover,
.toolbar a:active		{ color: #B16142; text-decoration: none; }
.toolbar .formskin		{ font-size: 1.1em; font-weight: bold; color: #B16142; margin-right: 5px; }


/* TOP MENU */
.topmenu				{ width: 798px; height: 24px; background: url(../_images/ubeadit_nav_background.gif) no-repeat; padding-top: 6px; }
.topmenu				{ font: bold 1em verdana; color: #FFF; text-align: center; }
.topmenu a, 
.topmenu a:visited, 
.topmenu a:active		{ color: #FFF; padding: 0px 10px 0px 10px; text-decoration: none; }
.topmenu a:hover		{ color: #000; }


/* PRODUCT MENU */
.productmenu			{ width: 208px; font: normal 0.9em verdana; padding: 10px 0; float: left; }
.productmenu small		{ color: #C00; }

.scroll 				{ height: 520px; background: #FFF; margin: 8px; padding-left: 4px; border: 4px double #7F9DB9; }
.scroll 				{ overflow: scroll; overflow-x: hidden; overflow-y: scroll; }
.scroll a, 
.scroll a:visited,
.scroll a:active		{ display: block; color: #000; text-decoration: none; }
.scroll a:hover			{ color: #F00; text-decoration: underline; }

.sample a, 
.sample a:visited,
.sample a:active		{ text-decoration: none; }
.sample a:hover			{ text-decoration: underline; }

.node					{ margin-left: 15px; }
.node a,
.node a:visited,
.node a:hover,
.node a:active		{ background: url(../_images/li.gif) no-repeat left; padding-left: 13px; }

/* ADVERTISEMENTS */
.attentionbox .small	{ width: 50%; }
.attentionbox			{ background: #F6DEC7; margin-right: 15px; padding: 0px 0px 10px 0px; }
.attentionbox h1		{ background: url(../_images/h1bg.gif) no-repeat; color: #FFF; margin: 0px; padding: 3px 3px 3px 10px; }
.attentionbox div		{ font: bold 1.7em 'Courier New',Courier,monospace; margin: 0px; padding: 10px; text-align: center; }
.space a,
.space a:visited,
.space a:hover,
.space a:active			{ margin: 5px; }

.textcell p				{ margin-top: 4px;}


/* PRODUCT LISTING */
.products				{ width: 100%; font-size: .9em; margin: 0px; padding: 5px; }
.products tr			{ vertical-align: bottom !important; }
.products td			{ /*width: 150px;*/ padding: 10px 5px 10px 5px; }

.productlisting			{ text-align: center; border-right: 1px solid #F6DEC7; border-bottom: 1px solid #F6DEC7; vertical-align: middle; }
.productlisting img		{ margin: 2px; border: none; } 

.productbox .small		{ width: 50%; }
.productbox				{ background: #FFFFFF; margin-right: 15px; padding: 0px 0px 10px 0px; border: 1px solid #B16142; }
.productbox h1			{ font: bold 1.7em 'Courier New',Courier,monospace; background: url(../_images/h1bg.gif) no-repeat; color: #FFF; margin: 0px; padding: 3px 3px 3px 10px; }
.productbox div			{ margin: 0px; padding: 10px; text-align: center; }
.productbox .textcell	{ font: normal 1em Verdana,Geneva,Arial,Helvetica,sans-serif; color: #000; margin: 0px; padding: 10px; border-right: 1px solid #EEE; border-bottom: 1px solid #EEE;}
.productbox img			{ margin-top: 15px;}

.pagebar				{ width: 557px; height: 1.8em; background: #F6DEC7; color: #B16142; margin: 0px; padding: 5px 7px 0 7px; text-align: center; }
.pagebar a,
.pagebar a:visited,
.pagebar a:hover,
.pagebar a:active		{ font-weight: bold; color: #B16142; }

.pricebar				{ width: 547px; background: #F6DEC7; font-weight: bold; font-size: 0.9em; text-align: center; padding: 5px 10px 5px 10px; }
.pricebar .formskin		{ color: #B16142; margin-right: 5px; }
.pricebar span			{ margin-left: 15px; }

.pricebarselect,
.pricebarqty			{ vertical-align: middle;  }

.productdetail			{ height: 210px; }
.productdetail p			{ width: 60%; font-size: 1.1em; color: #B16142; margin: 0px; padding: 0 5px 0 5px; text-align: left; float: right;}
.productdetail div			{ width: 100%; margin: 10px 0 10px 0; float: left; }
.productdetail img			{ margin: 2px; border: none; float: left; } 

.optionselect			{ text-align: left; font-size: .8em; } 

.eventdetail			{ text-align: justify; padding: 10px; }
.eventphoto				{ vertical-align: bottom; float: left; height: 200px; margin: 5px 10px 0px 5px; }
.eventphoto	img			{ border: 1px solid #F6DEC7; }

/* Product Image Enlarge Popup */
.popupimagehide			{ position: absolute; top: 0; left: 51%; display: none; background-color: #F6DEC7; border: solid 1px #FFF; padding: 2px; }
.popupimageshow			{ position: absolute; top: 0; left: 51%; display: block; background-color: #F6DEC7; border: solid 1px #FFF; padding: 2px; }

/* FOOTER AREA */
.footer					{ font-size: 0.8em; color: #999; margin: 0px; padding: 20px 0px 0px 0px; text-align: center; clear: both; }