/* Rendering in standard-mode.  BoxModel only on 5.0 (No one uses that one) ----  6.0 7.0 not affected in standard mode. */
/* Both body and siteMainWrapper have elements that will make centering work on both browsers. "margin-left: auto; margin-right: auto;" is the trick */
#outerFrameBodyId  { background-color: #dde8ff; position: relative; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; text-align: center; }
#innerFrameBodyId  { background-color: white;  position: relative; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; text-align: left; color: #9afeff;  } /* font-family:   Verdana, Arial, Sans-Serif; font-size: 12px; */
.siteMainWrapper { background-color: white; position: relative; top: 0px; left: 0px; width: 1000px;  margin-left: auto; margin-right: auto; border: 0px solid blue; text-align: left; display: block; }  /*   border: 1px solid black;  */
.headerPicture { position: relative; clear: both; width: 1000px; height: 100px; background-color: white; }
.headerSomeSpace { position: relative; clear: both; width: 1000px; height: 30px;  border: 0px red solid; }			/* background-color: white; background-color: yellow */
.footer { position: relative; clear: both; width: 1000px; background-color: white; }						/* background-color: white; */

/* Columns */
/*.columnMenu {    position: relative; top: 0px; left: 0px; width:   0px; float: left;    height: 450px; border: 0px solid red;	   background-color: #f9e8a8;   padding-left: 10px; padding-right: 10px; }	*/ /*  background-color: pink; background-color: #a7d3ff; */ 
.columnContent { position: relative; top: 0px; left: 0px; width: 1000px; float: left;	               border: 0px solid black;    background-color: #9afeff;                                            }	/*  background-color: grey; */

.columnIndexA { float: left;   width: 220px; border: 0px solid red;    background-color: #9afeff; }
.columnIndexB { float: right;  width: 760px; border: 0px solid green;  background-color: #9afeff; }

/* Columns */
.layoutTripleColumnA {     float: left;  width: 210px; border: 0px solid red;	    background-color: #9afeff; padding-left: 5px;  padding-right: 5px; } /* font-family: Verdana, Arial, Sans-Serif; font-size: 10px; */
.layoutTripleColumnB {	   float: left;  width: 380px; border: 0px solid green;	    background-color: #9afeff; padding-left: 10px; padding-right: 10px; } /* e4e5e5 */
.layoutTripleColumnC {     float: left;  width: 380px; border: 0px solid red;       background-color: #9afeff; } /* #c3c0aa */
.layoutTripleColumnC1 {	   float: left;  width: 380px; border: 0px solid red;       background-color: #9afeff; } /* #c3c0aa */
.layoutTripleColumnC2 {	   float: right; width: 380px; border: 0px solid red;       background-color: #9afeff; } /* #c3c0aa */

.layoutTripleColumnPages { float: left;  width: 760px; border: 0px solid red;       background-color: #9afeff; } /* #c3c0aa */

/* Boxes inside columns */
.ColumnABox { width: 210px; border: 1px #0054ff solid; padding-top: 5px; padding-bottom: 5px;}

/* Strictly text properties  */
.siteMainWrapper { color: #3cb700; font-family:   Verdana, Arial, Sans-Serif; font-size: 12px; }
a       { color: #3cb700; font-family:    text-decoration: none; font-weight: bold; }
a:hover { color: #3cb700; font-family:    text-decoration: none; font-weight: bold; }

/* Headings */
h1 { font-size: 14px; padding: 0px; margin: 0px; }
h2 { font-size: 12px; padding: 0px; margin: 0px; font-weight: bold; }

/* Lists */
ul { margin: 0px; }

/* Text boxes */
#toSearch { width: 300px; }



/* Top menu */
.headerStripeMenu { position: relative; clear: both; width: 1000px; background-color: #0054ff; height: 16px; text-align: right; border: 0px red solid; }			/* background-color: white; */
.menuTile       { float: left; color: #0054ff; font-family:   Verdana, Arial, Sans-Serif; font-size: 12px; text-decoration: none; background: url(images/deals_button_menu_small.gif) repeat-x; font-weight: bold; text-decoration: none; border: 0px solid red;   height: 15px; cursor: pointer;  width: 583px;  margin-top: 1px; }
.menuLink       { float: left; color: #0054ff; font-family:   Verdana, Arial, Sans-Serif; font-size: 12px; text-decoration: none; background: url(images/deals_button_menu_small.gif) repeat-x; font-weight: bold; text-decoration: none; border: 1px solid #0054ff;  height: 14px; cursor: pointer;  }
.menuLink:hover { float: left; color: #0054ff; font-family:   Verdana, Arial, Sans-Serif; font-size: 12px; text-decoration: none; background: url(images/deals_button_menu_small.gif) repeat-x; font-weight: bold; text-decoration: none; border: 1px solid #0054ff; height: 14px; cursor: pointer;  }