/* prominic.css
CSS for Prominic - Home Page and Internal Pages.
*/

/* Define styles for body and links */
body { color: #7A0908; margin: 0px; padding: 0px; text-align: center; 
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	background-image:url("../img/backg.gif"); background-repeat: repeat; }

a:link { font-weight: bold; color: #FE1E1B; }
a:visited { font-weight: bold; color: #FE9205; } 
a:hover { font-weight: bold; color: #FFF; background-color: #FE1E1B; text-decoration: none; }
a:active { font-weight: bold; color: #FFF; background-color: #FE1E1B; text-decoration: none; }

a:link.crumbnav { font-weight: normal; color: #92083B; }
a:visited.crumbnav { font-weight: normal; color: #FEF176; }
a:hover.crumbnav { font-weight: bold; color: #FE1E1B; background-color: #FFF; text-decoration: none; }
a:active.crumbnav {	font-weight: bold; color: #FEF176; background-color: #FFF; text-decoration: none; }

/* Setup 3-column page-sized table. Left and right columns are the shadowed borders.
	Middle column draws the menu background. */
table#pagetable { border-spacing: 0px; border-collapse: collapse; padding: 0px; width: 100%; }
td#leftedge { background-color: #F5DE76; width: 4%; text-align: right; vertical-align: top; padding: 0px; 
	background-image: url("../img/shadowleft.gif"); background-position: right; background-repeat: repeat-y; }
td#rightedge { background-color: #F5DE76; width: 4%; text-align: left; vertical-align: top; padding: 0px; 
	background-image: url("../img/shadowright.gif"); background-position: left; background-repeat: repeat-y; }
td#centercol { border-left: 2px solid #000; border-right: 2px solid #000; 
	padding: 0px; vertical-align: top;
	background-image: url("../img/menustretch.gif"); background-repeat: repeat-x; background-position: 0px 80px; }

/* The rest of the page elements need to be centered with a 24px margin on either side.
	This is not difficult in IE, but in NS we get strange behavior on centered, absolute-positioned
	divs as the window narrows.	So, for the rest of the page we use this table class to center. */
table.centeringtable { border-spacing: 0px; border-collapse: collapse; padding: 0px; width: 100%; }
td.leftspace { padding: 0px; }
td.centerspace { padding: 0px; width: 884px; vertical-align: top; }
td.rightspace { padding: 0px; }

/* Position mainbox on the page (Different positions for home and internal pages) */
div#mainboxpos { position: absolute; left: 0px; top: 243px; width: 100%; }
div#mainboxintpos { position: absolute; left: 0px; top: 152px; width: 100%; }

/* This div is the primary big white box */
div#mainbox { background-color: #FAF4CF; width: 886px; text-align: left;
	margin-left: 0px; margin-right: 0px; /* 24px; */
	padding-left: 10px; padding-right: 10px; padding-top: 10px;
	border-top: 1px solid #7A0908; border-bottom: 1px solid #7A0908; border-left: 1px solid #7A0908; border-right: 1px solid #7A0908; }
/* The above width is only for IE5/5.5. Here we set the right value for other browsers. */
div#mainbox {
  voice-family: "\"}\""; /* some browsers have a parsing bug */
                         /* and will ignore the following rules */
  voice-family: inherit;
  width: 864px;
}

/*******************************
	The following divs lay out the content of mainbox for internal pages.
*******************************/

div#leftcontent { float: left; width: 722px; }

img#titleimg { margin-top: 5px; margin-bottom: 5px; }

div#adpluscontent { width: 720px; }

div#content { float: right; width: 624px; font-size: 0.8em; }
div#content p { margin-top: 0px; margin-bottom: 0.8em; }

div#leftad { margin-top: 3px; }

div#related { width: 129px; float: right; 
	font-size: 0.6em; background-color: #FEF176;
	border-left: 1px dashed #FE1E1B; border-right: 1px dashed #FE1E1B; }
div#related p.text { margin-left: 3px; margin-right: 3px; }
div#related p.image { margin: 0px; padding: 0px; }

/*******************************
	The following divs lay out the content of mainbox for the home page.
*******************************/

/* This div is the primary big white box */
div#mainboxhome { background-color: #FAF4CF; width: 886px; text-align: left;
	margin-left: 0px; margin-right: 0px; /* 24px; */
	padding-left: 30px; padding-right: 30px; padding-top: 10px;
	border-top: 2px solid #7A0908; border-bottom: 1px solid #7A0908; border-left: 1px solid #7A0908; border-right: 1px solid #7A0908; }
/* The above width is only for IE5/5.5. Here we set the right value for other browsers. */
div#mainboxhome {
  voice-family: "\"}\""; /* some browsers have a parsing bug */
                         /* and will ignore the following rules */
  voice-family: inherit;
  width: 824px;
}


/* Hometext is the primary text at the left, above the dashed-line boxes. */
div#hometext { float: left; width: 550px; font-size: 0.8em; }
div#hometext p { margin-top: 0px; margin-bottom: 0.8em; }
div#hometext p.image { margin-top: 0px; margin-bottom: 7px; }
div#hometext p.homeinfo { margin-top: 0px; margin-left: 60px; }
div#hometext p.homeinfolast { margin-top: 0px; margin-left: 60px; margin-bottom: 10px; }

/* This div contains everything on the right third of the mainbox div.
	It's split into two sub-divs, lookingfor and seealso. */
div#rightstuff { float: right; }

div#lookingfor { }
div#lookingfor p { margin: 0px; padding: 0px; margin-bottom: 2px; }
div#lookingfor div { margin: 0px; padding: 0px; margin-bottom: 2px; }
div#lookingfor img { border: 1px solid #FE1E1B; margin: 0px; padding: 0px; }

div.lookingoption { position: relative; }
div.lookingoptiontext { position: absolute; right: 4px; top: 3px; }

a:link.lookinglinkoff { text-decoration: none; color: #FE7837; background-color: transparent; font-size: 13px; }
a:visited.lookinglinkoff { text-decoration: none; color: #FE7837; background-color: transparent; font-size: 13px; }
a:hover.lookinglinkoff { text-decoration: none; color: #FE7837; background-color: transparent; font-size: 13px; }
a:active.lookinglinkoff { text-decoration: none; color: #FE7837; background-color: transparent; font-size: 13px; }

a:link.lookinglinkon { text-decoration: none; color: white; background-color: transparent; font-size: 13px; }
a:visited.lookinglinkon { text-decoration: none; color: white; background-color: transparent; font-size: 13px; }
a:hover.lookinglinkon { text-decoration: none; color: white; background-color: transparent; font-size: 13px; }
a:active.lookinglinkon { text-decoration: none; color: white; background-color: transparent; font-size: 13px; }

div#seealso { margin-top: 4px; }
div#seealso { width: 232px; text-align: left; font-size: 0.7em; }
div#seealso p { margin-top: 0px; margin-bottom: 0.7em; }

/* spotlight is the upper dashed-line box. */
div#spotlight { clear: left; width: 490px; border: 1px dashed #FE8A41;  background-color: #FEF89A; font-size: 0.6em; 
	padding: 5px; padding-right: 8px; margin-left: 60px; }
/* The above width is only for IE5/5.5. Here we set the right value for other browsers. */
div#spotlight {
  voice-family: "\"}\""; /* some browsers have a parsing bug */
                         /* and will ignore the following rules */
  voice-family: inherit;
  width: 475px;
}

div#spotpic p { padding: 0px; margin: 0px; }
div#spotpic p.boxtop img { border: 1px dashed #FE8A41; }
div#spottext { float: right; width: 330px; color: #F76103; }
div#spottext p { margin: 0px; }
div#spottext p.extra { margin-top: 1em; }
div#spottext p.boxbottom { text-align: right; margin: 0px; }
div.clearingdiv { clear: both; }

/* newsbox is the lower dashed-line box, containing news obviously. 443/425 */
div#newsbox { width: 443px; border: 1px dashed #FE8A41; background-color: #FFFFFF; font-size: 0.6em;
	margin-top: 10px; padding: 8px; padding-bottom: 5px; margin-left: 60px; }
/* The above width is only for IE5/5.5. Here we set the right value for other browsers. */
div#newsbox {
  voice-family: "\"}\""; /* some browsers have a parsing bug */
                         /* and will ignore the following rules */
  voice-family: inherit;
  width: 472px;
}

div#newstext { float: right; width: 405px; color: #F76103; }
div#newstext p { margin: 0px; }
div#newstext p.boxbottom { text-align: right; margin: 0px; }
div.clearingdiv { clear: both; }

/*******************************
	The rest of the divs are for both the home and internal pages.
*******************************/

/* Copyright is just the one line of text at the bottom of the mainbox. */
div#copyright { text-align: center; font-size: 0.7em; clear: both; }
div#copyright p { margin: 0px; padding-top: 8px; padding-bottom: 4px; }

/* Footer is just below mainbox, still within the same centering table */
div#footer { font-size: 0.65em; color: #FFF; padding-top: 5px; padding-bottom: 6px; width: 100%; }
div#footer table { margin-left: auto; margin-right: auto; text-align: left; }
td.footright { padding-left: 45px; }
div#footer p { margin: 4px 0px; line-height: 100%; text-align: center; }

div#footer a:link { color: white; font-weight: bold; text-decoration: underline; }
div#footer a:visited { color: white; font-weight: bold; text-decoration: underline; }
div#footer a:hover { color: #FE1E1B; background-color: white; font-weight: bold; text-decoration: none; }
div#footer a:active { color: white; font-weight: bold; text-decoration: none; }

/* Pagetoppos positions the logo, saleschat, and datetime elements at the top of the page. */
div#pagetoppos { position: absolute; left: 0px; top: 0px; width: 100%; text-align: left; }
/* Forcewide prevents the table from narrowing if the page is made narrow, so the logo
	can't jump out of place. */
div#forcewide { width: 884px; }

/* Topright groups saleschat, datetime, and search together logically within pagetoppos. */
div#topright { float: right; }
table#toprighttable { }
td#datetime { color: #FAF4CF; text-align: right; font-size: 11px; padding-bottom: 7px; padding-top: 7px; vertical-align: top; }
td#saleschat { padding-top: 7px; }
img#saleschatimg { padding-bottom: 4px; }
td.bottomrowtd { vertical-align: top; }
input#searchtext { border: 1px solid #B71618; font-size: 12px; }

img#logo { padding: 0px; margin: 0px; border: 0px; }
img.externallink { padding-top: 3px; }

/* Header is the big banner image which only appears on the homepage. */
div#headerpos { position: absolute; left: 0px; top: 134px; width: 100%; text-align: left; }
div#header { }
img#headimg { border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; }

/* Crumbnav is the line of text that tells you where you are on the site.
	(Internal pages only.) */
div#crumbnavpos { position: absolute; left: 0px; top: 132px; width: 100%; text-align: left; }
div#crumbnav { font-size: 0.6em; color: #FFF; margin-left: 40px; }

/*******************************
	NEW ITEMS - Added for menu system
*******************************/
div#menubarpos { position: absolute; left: 0px; top: 80px; width: 100%; text-align: left; }
div#menubar { width: 884px; }

div#menutopright { float: right; }
div#menutopleft { text-align: left; }

div#menutopright img { border: 0px; }
div#menutopleft img { border: 0px; }

div.menurowpos { position: absolute; left: 0px; top: 100px; width: 100%; text-align: left; }
div.menurowpos a:link { font-weight: bold; color: #FE1E1B; background-color: transparent; text-decoration: none; }
div.menurowpos a:visited { font-weight: bold; color: #FE1E1B; background-color: transparent; text-decoration: none; } 
div.menurowpos a:hover { font-weight: bold; color: #92083B; background-color: transparent; text-decoration: none; }
div.menurowpos a:active { font-weight: bold; color: #92083B; background-color: transparent; text-decoration: none; }
div.menurow     { width: 710px; text-align: left; font-size: 10px; padding-top: 10px; padding-bottom: 10px; visibility: visible; }
div.menurowhid  { width: 710px; text-align: left; font-size: 10px; padding-top: 10px; padding-bottom: 10px; display:none; }
div.menurowinit { width: 710px; text-align: left; font-size: 10px; padding-top: 10px; padding-bottom: 10px; visibility: hidden; }

div.menudroprowpos     { position: absolute; left: 0px; top: 125px; width: 100%; text-align: left; visibility: visible; }
div.menudroprowposhid  { position: absolute; left: 0px; top: 125px; width: 100%; text-align: left; display:none; }
div.menudroprowposinit { position: absolute; left: 0px; top: 125px; width: 100%; text-align: left; visibility: hidden; }
div.menudroprow { width: 710px; text-align: left; font-size: 10px; }

div.menudropbox { background-color: #FEF176; width: 500px; 
	padding: 0px; padding-top: 3px; padding-bottom: 0px;
	border-left: 1px solid #FEE10F; border-right: 1px solid #FEE10F; border-bottom: 2px solid #FEE10F; }

div.dropdiv { padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 5px; line-height: 13px; margin: 0px; }
div.dropdiv a:link { font-weight: bold; color: #FE1E1B; background-color: transparent; text-decoration: none; }
div.dropdiv a:visited { font-weight: bold; color: #FE1E1B; background-color: transparent; text-decoration: none; } 
div.dropdiv a:hover { font-weight: bold; color: #FE1E1B; background-color: transparent; text-decoration: none; }
div.dropdiv a:active { font-weight: bold; color: #FE1E1B; background-color: transparent; text-decoration: none; }
	
div.dropdivon { padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 5px; line-height: 13px; margin: 0px;
	background-image: url("../img/menu/menuhighlight.gif"); background-repeat: repeat-x; cursor: pointer; }
div.dropdivon a:link { font-weight: bold; color: #92083B; background-color: transparent; text-decoration: none; }
div.dropdivon a:visited { font-weight: bold; color: #92083B; background-color: transparent; text-decoration: none; } 
div.dropdivon a:hover { font-weight: bold; color: #92083B; background-color: transparent; text-decoration: none; }
div.dropdivon a:active { font-weight: bold; color: #92083B; background-color: transparent; text-decoration: none; }