/* 
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Title			: SCREEN | Master Stylesheet
' Description	: This page contains master SCREEN styles for
'				: http://retailers.mathewsinc.com
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' History
' 11/01/2007	: David Ellenwood - Created Page
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

/* For development ONLY.... */
div.programmingOnly {position:absolute; top:0px; width:250px; border:1px solid #535353; background:#181818; padding:.25em; z-index:999; font-size:.9em; display:none;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 				HTML <tag> REVISIONS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

html {}
body {
	color:#333;
	margin:0;
	padding:0;
	font:83%/1.3333 Verdana,Arial, Helvetica, sans-serif;
	background:white;
}

h1,h2,h3,h4,h5,h6,p,form {margin:0; padding:0;}
	
h1 {font-size:1.5em;}
h2 {font-size:1.1em;}
h3 {font-size:1em;}
h4 {font-size:1em;}
h5 {font-size:.75em;}
h6 {font-size:.75em;}
p  {font-size:.9em;}

img {border:0;}

a			{color:#5E6439;}
a:hover		{color:#CC0000;}
a:active	{color:#5E6439;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 				UNIVERSAL CLASSES
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.clear		{display:block; clear:both; font-size:1px; line-height:1px; margin:-1px 0 0 0; padding:0; height:1px;}

.textBox	{
	color:#333;
	background:#fff;
	padding:1px;
	border-top:1px solid #9f8b60;
	border-left:1px solid #9f8b60;
	border-bottom:1px solid #e3cc98;
	border-right:1px solid #e3cc98;
}

.submitBtn	{
	color:#333;
	font-weight:bold;
	background:#ecba39 url('/include/site/multimedia/images/submitBtnBk.png') top left repeat-x;
	border-top:1px solid #e3cc98;
	border-left:1px solid #e3cc98;
	border-bottom:1px solid #9f8b60;
	border-right:1px solid #9f8b60;
}

.submitBtnDisabled {
	color:#aaa;
	font-weight:bold;
	background:#ebe8de url('/include/site/multimedia/images/submitBtnBk.png') top left repeat-x;
	border-top:1px solid #e3cc98;
	border-left:1px solid #e3cc98;
	border-bottom:1px solid #9f8b60;
	border-right:1px solid #9f8b60;
	
}

.loading {font-style:italic; font-weight:normal;}
object.loadingBar {margin:0 0px -5px 5px;}

.highlight		{font-weight:bold;}
.highlight a	{color:#333;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 				MASTER LAYOUT <div>'s
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#outerWrap {width:821px; margin-left:auto; margin-right:auto;}


/* ---------- Masthead ------------------------------ */

#masthead {position:relative; background:#5BA6D8;}

/* ---------- Master Nav ------------------------------ */

ul#masterNav			{position:relative; clear:both; margin:3px 0 0 0; padding:0; list-style:none; font-size:1.1em; z-index:1; width:821px; min-height:32px;}
ul#masterNav li			{float:left; width:auto; margin:0 2px; padding:4px 0 2px 8px;}
ul#masterNav li a		{color:#fff; text-decoration:none; padding:5px 8px 2px 0;}
ul#masterNav li a img	{margin-bottom:-3px;}

ul#masterNav li:hover,
ul#masterNav li.sfhover		{background:#fff;}
ul#masterNav li:hover a,
ul#masterNav li.sfhover a	{color:#000;}

ul#masterNav li.sel		{background:#fff;}
ul#masterNav li.sel a	{color:#000; font-weight:bold;}

ul#masterNav li div		{position:relative;}

ul#masterNav li ul		{
	display:none;
	position:absolute;
	width:190px;
	margin:2px 0 0 -9px;
	padding:0 5px 2px 5px;
	list-style:none;
	z-index:999;
	background:#fff;
	border:1px solid #999;
	border-top:none;
}

ul#masterNav li:hover ul,
ul#masterNav li.sfhover ul {display:block;}

ul#masterNav li ul li,
ul#masterNav li.sel ul li		{display:block; width:100%; clear:both; margin:3px 0; padding:0;}

ul#masterNav li ul li a,
ul#masterNav li.sel ul li a,
ul#masterNav li:hover ul li a,
ul#masterNav li.sfhover ul li a	{display:block; color:#000; font-size:.9em; font-weight:normal; padding:2px 5px; background:transparent;}

ul#masterNav li ul li a:hover,
ul#masterNav li ul li a.sfhover	{color:#fff; background:#5BA6D8;}


/* ---------- Pop-Ups ------------------------------ */

div#overlay {
	position:fixed;
	_position:absolute;
	display:none;
	top:0;
	left:0;
	width:100%;
	height:100%;
	_height:620px;
	background:#000;
	z-index:9999;
	filter:alpha(opacity=45);		/* Transparency for IE */
	-moz-opactity:0.45;				/* Transparency for Mozilla Browsers (FF, Netscape) */
	opacity:0.45;					/* Transparency for Others, standard CSS2 Spec */
}

.popUp	{position:absolute; display:none; top:75px; left:0; z-index:10000; width:500px; padding:2em; background:#fff; border:4px solid #eed082;}

.popUp h2.popTitle .title 		{float:left; width:420px;}
.popUp h2.popTitle .action		{float:right; width:70px; text-align:right; font-size:.9em;}
.popUp h2.popTitle .action img	{margin-bottom:-4px;}

.popUp h5.close		{text-align:right; font-size:.9em;}
.popUp h5.close img	{margin-bottom:-4px;}

.popUp .inset		{float:right; width:190px; margin:1em 0 1em 1em; padding:5px 8px; border:1px solid #eed082; background:#f6e7c0 url('/include/site/multimedia/images/newsListBk.jpg') bottom left repeat-x;}
.popUp .inset h3	{margin:0;}
.popUp .inset ul	{font-size:.9em; margin:3px 0 3px 1.75em; padding:0; list-style-type:square; list-style-image:url('/include/site/multimedia/images/listBullet.gif');}
.popUp .inset ul li	{margin:.25em 0;}

.popUp h1,
.popUp h3,
.popUp h4,
.popUp h5,
.popUp h6,
.popUp p,
.popUp ul	{margin:1em 0 0 0; padding:0;}