/* standard page elements */
BODY    {color: Black; font-family: verdana, tahoma, arial; font-size: 8pt; text-align: left;}
A       {text-decoration: underline; color: blue;}
A:Hover {color: red;}
IMG     {border-width: 0;}
TABLE   {padding: 0px 0px 0px 0px; border-collapse: collapse;}
DIV.Scroll {height:400px; overflow:scroll;}
   
/* basic font control - use styles in combination to avoid creating new selectors
    Ex.    class="S12 B C" - combines to be 12pt font + bold + centered  */
.B      {font-weight: bold;}
.I      {font-style: italic;}
.U      {text-decoration: underline;}
.C      {text-align: center;}
.L      {text-align: left;}
.R      {text-align: right;}
.S9    {font-size: 9pt;}
.S10    {font-size: 10pt;}
.S12    {font-size: 12pt;}
.S7     {font-size: 7pt;}
.Err    {color: Red;}
.Ok     {color: Blue;}
.Warn   {color: Gray;}
.UGrid  {color: Black; font-family: verdana, tahoma, arial; font-size: 8pt; text-align: left;}
.B      {font-weight: bold;}
.PL     {padding-left: 8pt;}
.PR     {padding-right: 8pt;}


/* table highlighting - works in FF, IE7, Safari (NOT IE6) */
.hilite:hover { background-color: #99FFCC; }
/* required due to performance issues with IE7 when no background is specified */
.hilite { background-color: white; }

.magAd {color: #666666; font-family: arial; font-size: 10pt;}	
.magAdHd {color: #828d37; font-family: arial; font-size: 18pt;}	
.pdfClick {color: #7fa2c1; font-family: arial; font-size: 8pt;}
.magAdProd {color: #666666; font-family: arial; font-size: 8pt;}
.magAdProd:link {color: #666666;	font-family: arial;	font-size: 8pt;	text-decoration: none;}	
.magAdProd:visited {color: #666666; font-family: arial; font-size: 8pt; text-decoration: none;}
.magAdProd:hover {color: #666666;	font-family: arial;	font-size: 8pt;	text-decoration: none;}
.OrderCatalog {color: Gray; font-family: verdana, "century gothic", tahoma, "arial unicode ms", arial; font-size: 7.8pt; font-weight: bold;}
.InteriorStyleHd {color: #666666; font-family: Times New Roman, Palatino Linotype; font-size: 10pt;}
.InteriorStyleHd:link {color: #666666; font-family: Times New Roman, Palatino Linotype; font-size: 10pt;	text-decoration: none;}
.InteriorStyleHd:visited {color: #666666; font-family: Times New Roman, Palatino Linotype; font-size: 10pt;	text-decoration: none;}
.InteriorStyleHd:hover {color: #666666; font-family: Times New Roman, Palatino Linotype; font-size: 10pt;	text-decoration: none;}
.InteriorStyle1 {color: #828d37; font-family: verdana, "century gothic", tahoma, "arial unicode ms", arial; font-size: 8pt; font-weight: bold;}
.InteriorStyle1:link {color: #828d37; font-family: verdana, "century gothic", tahoma, "arial unicode ms", arial; font-size: 8pt; font-weight: bold; text-decoration: none;}
.InteriorStyle1:visited {color: #828d37; font-family: verdana, "century gothic", tahoma, "arial unicode ms", arial; font-size: 8pt; font-weight: bold; text-decoration: none;}
.InteriorStyle1:hover {color: #828d37; font-family: verdana, "century gothic", tahoma, "arial unicode ms", arial; font-size: 8pt; font-weight: bold; text-decoration: none;}
.InteriorStyle2 {color: #828d37; font-family: Times New Roman, Palatino Linotype; font-size: 10pt;}
.InteriorStyle2:link {color: #828d37; font-family: Times New Roman, Palatino Linotype; font-size: 10pt; font-weight: bold; text-decoration: none;}
.InteriorStyle2:visited {color: #828d37; font-family: Times New Roman, Palatino Linotype; font-size: 10pt; font-weight: bold; text-decoration: none;}
.InteriorStyle2:hover {color: #828d37; font-family: Times New Roman, Palatino Linotype; font-size: 10pt; font-weight: bold; text-decoration: none;}
.StandardSmall {color: Black; font-family: arial, tahoma, verdana; font-size: 8pt;}
.StandardSmall:link {color: Blue; font-family: arial, tahoma, verdana; font-size: 8pt; text-decoration: none;}	
.StandardSmall:visited {color: Blue; font-family: arial, tahoma, verdana; font-size: 8pt; text-decoration: none;}
.HeaderMedium{color: Black; font-family: verdana, tahoma, arial; font-size: 12pt;}
.HeaderSmall{color: Black; font-family: verdana, tahoma, arial; font-size: 10pt;}
.HeaderSmall:link {color: Blue; font-family: verdana, tahoma, arial; font-size: 10pt; text-decoration: none;}	
.HeaderSmall:visited {color: Blue; font-family: verdana, tahoma, arial; font-size: 10pt; text-decoration: none;}
.glossInt {color: #333333; font-family: arial; font-size: 11px;}
.glossInt:link {color: #333333; text-decoration:none;}   
.glossInt:visited {color: #333333; text-decoration: none;}
.glossIntLnk {color: #336699; font-family: arial; font-size: 11px;}
.glossIntLnk:link {color: #336699; text-decoration: none;}   
.glossIntLnk:visited {color: #336699; text-decoration: none;}
.gloss {color: Black; font-family: arialMT; font-size: 8pt;}
.gloss:link {color: Black; font-family: arialMT; font-size: 8pt; text-decoration:none;}
.gloss:visited {color: Black; font-family: arialMT; font-size: 8pt; text-decoration:none;}
.glossLg {color: #535353; font-family: arialMT; font-size: 12pt;}
.glossLg:link {color: #535353; font-family: arialMT; font-size: 12pt; text-decoration:none;}   
.glossLg:visited {color: #535353; font-family: arialMT; font-size: 12pt; text-decoration: none;}
.glossSm {color: #535353; font-family: arialMT; font-size: 8pt;}

.Standard {color: Black; font-family: verdana, tahoma, arial; font-size: 10pt; text-align: left;}
.OPage {color: Black; font-family: verdana, tahoma, arial; font-size: 8pt; text-align: left;}
.Desc  {color: Black; font-family: arial, tahoma, verdana, ; font-size: 8pt; text-align: left;}
.Press  {color: Black; font-family: arial, tahoma, verdana, ; font-size: 9pt; text-align: left;}
.PressHd  {color: Black; font-family: arial, tahoma, verdana, ; font-size: 9pt;}
.PressTitle {color: Black; font-family: Times New Roman, Palatino Linotype; font-size: 18pt; }
.PressSubTitle {color: Black; font-family: Times New Roman, Palatino Linotype; font-size: 11pt; }
.DescSub {font-family: arial, tahoma, verdana; font-size:11px; color:#4b4941;}
.ArticleStandard {color:black; font-size:13px; font-family:Georgia; }
.FooterBlueLeft {color: #7fa2c1; font-family: verdana, tahoma, arial; font-size: 8pt; text-align: left;}
.FooterBlueCenter {color: #7fa2c1; font-family: verdana, tahoma, arial; font-size: 8pt; text-align: center;}
.FooterBlueRight {color: #7fa2c1; font-family: verdana, tahoma, arial; font-size: 8pt; text-align: right;}
.FooterGrayLeft {color: #999999; font-family: verdana, tahoma, arial; font-size: 8pt; text-align: left;}
.FooterGrayCenter {color: #999999; font-family: verdana, tahoma, arial; font-size: 8pt; text-align: center;}
.FooterGrayRight {color: #999999; font-family: verdana, tahoma, arial; font-size: 8pt; text-align: right;}
.SmallT {color: Black; font-family: verdana, tahoma, arial; font-size: 7pt; }
.SmallG {color: #666666; font-family: verdana, tahoma, arial; font-size: 7pt; }
.SmallI {color: #666666; font-family: verdana, tahoma, arial; font-style: italic; font-size: 7pt; }
.linksHd {text-decoration: none; color: #4F3826;}
.linksTx {text-decoration: none; color: #666666;}
.linksTxSmallG {text-decoration: none; color: #666666; font-family: verdana, tahoma, arial; font-size: 7pt; }
.FinishHd  {color: Black; font-family: arial, tahoma, verdana, ; font-size: 12pt;}
.Finish  {color: #666666; font-family: arial, tahoma, verdana, ; font-size: 9pt;}

.HeaderTextLinks {position:absolute; font-family: arial, tahoma, verdana;left:317px; top:57px; z-index:3; font-size: 8.5pt; vertical-align:bottom; color: #333333;}
.HeaderTextLinksHtl:link {color: #333333; text-decoration:none;}   
.HeaderTextLinksHtl:visited {color: #333333; text-decoration: none;}
.FooterTextLinks {position:absolute; font-family: arial, tahoma, verdana;left:12px; top:-22px; z-index:3; font-size: 8.5pt; vertical-align:bottom; color: #333333;}
.FooterTextLinksHtl:link {color: #333333; text-decoration:none;}   
.FooterTextLinksHtl:visited {color: #333333; text-decoration: none;}

.HeaderTopSearch {position:absolute; left:744px; top:54px; z-index:3; font-size: 6pt; vertical-align:bottom;}
.HeaderBoxFont { font-size: 8pt; color: #666666; vertical-align:top;}

.SmallGry {color: #666666; font-family: verdana, tahoma, arial; font-size: 7pt; }
.MenuBkgd {background-image:url(/images/menuhd.jpg); background-repeat: no-repeat;}
.MenuHd {color: #4F3826; font-family: Times New Roman, Palatino Linotype; font-size: 10pt; }
.MenuTx {color: #666666; font-family: verdana, tahoma, arial; font-size: 8pt; }
.SpecModl {color: #333333; font-family: verdana, tahoma, arial; font-size: 8pt; }
.CollectionHeader {color: #333333; font-family:  Georgia, Palatino Linotype, Times New Roman; font-size: 12pt; }
.CollectionDesc {color: #666666; font-family: verdana, tahoma, arial; font-size: 10pt; }
.RomanceTitle {color: Black; font-family: Times New Roman, Palatino Linotype; font-size: 16pt; padding-left: 4pt; padding-right: 4pt;}
.RomanceText {color: Black; font-family: verdana, tahoma, arial; font-size: 10pt; padding-left: 4pt; padding-right: 4pt;}
.RomanceLnk {color: #6a8fd5; font-family: verdana, tahoma, arial; font-size: 10pt; padding-left: 4pt; padding-right: 4pt; text-decoration:none;}
.RomanceLnk:hover {color: #666666; font-family: verdana, tahoma, arial; font-size: 10pt; padding-left: 4pt; padding-right: 4pt; text-decoration:none;}

.Yellow  {background:#FFFFCC;}
.Blue    {background:#DFE3F9}
.Green   {background:#C0FFC0;}
.LtGray  {background:#E5E5E5;}
.Totals  {color: maroon;}

.DBGreenBar {background : #99FFCC;}	
.DBRedBar   {background : #FF9999;}
.DBTable {border-style: none none solid solid; border-width: 0px 0px 1px 1px; border-color:Gray; }
.MGTable {border-style: solid none none solid; border-width: 1px 0px 0px 1px; border-color:Gray; text-align:center;}


.ArticlesHeader{color: #395478; font-family: verdana, tahoma, arial; font-size: 16pt; }


/* defaults for rounded corners approach - white content area with light gray borders */
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.x1, .x2, .x3, .x4 {display:block; overflow:hidden;}
.x1, .x2, .x3 {height:1px;}
.x2, .x3, .x4 {background:white; border-left:1px solid #999999; border-right:1px solid #999999;}
.x1 {margin:0 5px; background:#999999}
.x2 {margin:0 3px; border-width:0 2px;}
.x3 {margin:0 2px;}
.x4 {height:2px; margin:0 1px;}
.content {display:block; background:white; border:0 solid #999999; border-width:0 1px;}
.vertLine {display:block; background:white; border-left:1px solid #666666;}
#CSSid {background: transparent; margin:0.5em;}
#CSSid2 {background: transparent; margin:0.5em;}

/* specifics for each type of div ID including overrides of defaults where needed */

/* Header - Standard Riverside dark blue content area, white font and black borders */
#Head {background: transparent; margin:0.1em; color: White; white-space:nowrap;}
#Head .x2, #Head .x3, #Head .x4 {background:#454F82; border-left:1px solid black; border-right:1px solid black;}
#Head .x1 {background:black}
#Head .content {background:#454F82; border:0 solid black;}
#Head a {text-decoration: none; color: White;}
#Head a:Hover {color: yellow;}
#Head .logo {font-family: Times New Roman; font-size: 1.60em; }

/* Footer - Standard Riverside dark blue content area, white font and black borders */
#Foot {background: transparent; margin:0.1em; color: White; white-space:nowrap;}
#Foot .x2, #Foot .x3, #Foot .x4 {background:#454F82; border-left:1px solid black; border-right:1px solid black;}
#Foot .x1 {background:black}
#Foot .content {background:#454F82; border:0 solid black;}
#Foot a {text-decoration: none; color: White;}
#Foot a:Hover {color: yellow;}

/*Modal Popup*/
.modalBackground 
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.modalPopup 
{
   background-color:transparent;  
   padding:1em 6px;
}
.modalPopup2
{
   width:600px;
   height:500px;
   vertical-align :top;
}
.modalPopup3
{
   width:500px;
   vertical-align :top;
}
.ModalProdImage
{
   width:680px;
   height:660px;
   vertical-align :top;
   background-color: White;
}

/* 
   08/24/2006 - NOTES concerning new 1024x768 target and handling an IE6 alignment issue:
   on standard pages use rounded div width of 960 with internal table with of 958 
   on wider pages use an internal width of two less than the rounded div width
*/

/* For Query and other 'header' type areas - Yellow content area with default borders */
#Query {background: transparent; margin:0.5em;}
#Query .x2, #Query .x3, #Query .x4 {background:#FFFFCC;}
#Query .content {background:#FFFFCC;}
#Q2 {background: transparent; margin:0.5em;}
#Q2 .x2, #Q2 .x3, #Q2 .x4 {background:#FFFFCC;}
#Q2 .content {background:#FFFFCC;}

/* For Message areas - green content area with default borders */
#Message {background: transparent; margin:0.5em;}
#Message .x2, #Message .x3, #Message .x4 {background:#C0FFC0;}
#Message .content {background:#C0FFC0;}

/* Bar for Action / Update buttons - light gray content area with default borders*/
#Action {background: transparent; margin:0.5em;}
#Action .x2, #Action .x3, #Action .x4 {background:#CCCCCC;}
#Action .content {background:#CCCCCC;}



/* Inner Menu */
#iMenu {background: transparent; margin-left:0.5em; margin-right:0.5em;}
#iMenu .x2, #iMenu .x3, #iMenu .x4 {background:#EEEEEE;}
#iMenu .content {background:#EEEEEE;}

/* Newsletter Subscription Mini-Form for use on Template 12 */
.SUHead    { font-family:palatino, times new roman; color: #81A9E4; font-size:2.4em; text-align:center; }
.SUDesc    { font-family:palatino, times new roman; font-size:1.2em; }
.SULabel   { font-family:palatino, times new roman; color: #81A9E4; font-size:1.3em; }