/* 051031 - test CSS document for elestore.com */

body {
  background-color: white;
  margin: 0;
  padding: 0;
}

/* IDs */

/*

#content {
  width: 100%;
  font-family: arial, sans-serif;
  font-size: 12px;
  line-height: 135%;
  text-align: left;
  padding-right: 30px;
  margin: 0;
  position: absolute;
  top: 200px;
  left: 300px;
  width: 609px;
  background-image: url(images/__triangles.gif);
  background-repeat: repeat-y;
  background-position: top right;
}

*/

#content {
  width: 100%;
  font-family: arial, sans-serif;
  font-size: 12px;
  line-height: 135%;
  text-align: left;
  padding: 0;
  margin: 0;
}


#extraLinks {
  font-size: 0.8em;
}

#designChangeH {
/* id for changing heading properties */
}

/* tags in content (main) div */

p {
	margin: 0em;
	padding: 0 0 1em 0;
	}

h1 {
	font-size: 1.8em;
	line-height: 120%;
	color: #990033;
	padding: 0;
	margin: 8px 0 0.6em 0;
}

h2 {
	font-size: 1.4em;
	line-height: 120%;
	color: #990033;
	padding: 0;
	margin: 10px 0 0.5em 0;
}
	
h3 {
	font-size: 1.2em;
	color: #993333;
	padding: 0;
	margin: 0.4em 0 0 0;
}

h4 {
	font-size: 1em;
	font-weight: bold;
	color: #990033;
	padding: 0;
	margin: 0;
}

/* testing

h2 {
	font-size: 1.4em;
	line-height: 120%;
	color: #990033;
	padding: 0 0 0 20px;
	margin: 10px 0 0.5em -20px;
	background-image: url(images/__small-square.gif);
  background-repeat: no-repeat;
  background-position: 0 6px;
}
	
h3 {
	font-size: 1.2em;
	color: #993333;
	padding: 0 0 0 20px;
  margin: 0.4em 0 0 -20px;
  background-image: url(images/__small-square.gif);
  background-repeat: no-repeat;
  background-position: 0 4px;
  
}

h4 {
	font-size: 1em;
	font-weight: bold;
	color: #990033;
	padding: 0 0 0 20px;
  margin: 0 0 0 -20px;
  background-image: url(images/__small-square.gif);
  background-repeat: no-repeat;
  background-position: 0 4px;
}

*/

h5 {
	font-size: 1em;
	font-weight: normal;
	color: #993333;
	padding: 0;
	margin: 0.1em 0 0 0;
}

ul {
list-style-type: none;
margin: 0 0 1em 1em;
padding: 0;
}

li {
background-image: url(images/bullet.gif);
background-repeat: no-repeat;
background-position: 0 0.38em;
margin: 0 0 0.1em 0;
padding: 0 0 0 1em; 
}

#content a:link, .legacyLeftAreaCell a:link {
	color: #00248f;
	text-decoration: none;
	border-bottom: 1px dotted #7082b7;
	font-weight: normal;
}
	
#content a:visited, .legacyLeftAreaCell a:visited {
	color: #00248f;
	text-decoration: none;
	border-bottom: 1px dotted #c9c9c9;
	font-weight: normal;
}

#content a:hover, .legacyLeftAreaCell a:hover {
	color: #00185e;
	text-decoration: none;
	border-bottom: 1px solid #00185e;
}

#content a:active {
	color: #00248f;
	text-decoration: underline;
	font-weight: normal;
}

h3 + h4 {
  padding-top: 0.8em;
}

h3 + ul {
  margin-top: 0.6em;
}

h4 + ul {
  padding-top: 0.6em;
}

h2 + h3 {
  margin-top: 0.6em;
}

li > p {
inherit;
}

/* indent paragraphs except 1st
#content p + p {
text-indent: 1.2em;
}
*/

/* extra text classes */

.bodyHighlight {
	font-weight: bold;
  color: #3d3d3d;
/*  color: #57093d; */
}

.bodyHighlight2 {
	font-weight: bold;
	color: #003b84;
}

.bodyBold {
	font-weight: bold;
}

.bodySmall {
  font-size: 0.8em;
  line-height: 120%;
}

/* tablular CSS */

/* Rule to fix quirks-mode inheritance behavior */
table, caption {
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-variant: inherit;
}

.designTable1 {
border-top: 1px;
border-right: 0;
border-bottom: 0;
border-left: 1px;
border-color: black;
border-style: solid;
}

.designTable1 td {
padding: 8px 10px 8px 10px;
border-top: 0;
border-right: 1px;
border-bottom: 1px;
border-left: 0;
border-color: #333333;
border-style: solid;
vertical-align: text-top;
}

.designTCell {
background-color: #edeef1;
color: #780000;
font-weight: bold;
}

.designTCell2 {
background-color: #edeef1;
color: black;
font-weight: bold;
}

.designTCell3 {
background-color: #fafafa;
}

/* extra divs */

.designSpace {
  height: 0.6em;
}

.designImg1 {
  width: 100%;
  padding: 1em 0 1em 0;
  text-align: top;
}

/* dictionary div */
.designDictionary {
margin-bottom: 1em;
}

.designDictionary h5 {
font-size: 1em;
font-weight: bold;
margin: 0;
padding: 0;
float: left;
width: 11.5em;
}

.designDictionary p {
font-size: 1em;
margin-left: 12em;
}

.designDictionary ul {
font-size: 1em;
margin-left: 12em;
padding: 0 0 0 1em;
}

/* styles for site map */

.designSiteMap {
/* site map links area */
}

.designSiteMap h3 {
/*font-size: 1em;*/
padding: 6px 0 0 0;
margin: 0;
display: block;
float: left;
width: 25%;
top: 0;
text-align: right;
}

.designSiteMap ul {
font-size: 1em;
}

.designSiteMapLinks {
margin: 0 0 0.5em 26.5%;
padding: 6px 0 2px 0;
background-color: #ffffcc;
width: 60%;
}

/* extra formatting */

.designCenter {
text-align: center;
}

.designRight {
text-align: right;
}

.designDeprecated {
color: #555555;
}

#designChangeH h2 {
margin: 0;
color: #003b84;
}
#designChangeH h3 {
margin: 0;
color: #003b84;
}

.designYellowBG {
background-color: #ffff00;
}

.designFloatRight {
float: right;
}

.designProdIndent {
margin-left: 5em;
}

.designExtraPar {
margin-bottom: 1em;
}

.designExtraPar p {
padding: 0;
margin: 0;
}

.designMoveDown {
margin-top: 1em;
}

.designAddress {
margin-left: 2em;
}

.designAddress h4{
color: black;
font-size: 1.6em;
font-weight: normal;
padding: 0;
margin: 1em 0 0.8em 0;
}

/* designExtra1 is only the image on top left of homepage for now, needs to be reworked to something more flexible */

#designExtra1 {
  width: 110px;
  height: 75px;
  position: absolute;
  top: 78px;
  left: 649px;
}

#designExtra1 a:link, #designExtra1 a:visited, #designExtra1 a:hover {
border: 0;
}

/* legacy selectors - table cells, extra divs to compensate box model etc */

#legacyHolderCell {
  padding: 0;
  margin: 0;
  width: 579px;
}

#legacyPaddingDiv {
  padding: 10px 16px 20px 16px;
}

/* screenshots */

.legacyTable1 {
  border: 0;
}

.legacyTable1 td {
  padding: 8px;
  border: 0;
  vertical-align: top;
  height: auto;
}

/* sitemap */

.legacyTable2 {
  border: 0;
}

.legacyTable2 td {
  padding: 4px;
  border: 0;
  vertical-align: top;
  height: auto;
}


.legacyTable2Cells {
  background-color: #ffffcc;
}

.legacyLeftAreaCell {
font-family: arial, sans-serif;
font-size: 10px;
padding: 10px;
}

/* IE displays incorrectly */
.legacyLeftAreaCell li {
background-image: none;
margin: 0 0 4px 0;
padding: 0 0 0 1em; 
}

.legacyLeftCell {
border-left: 1px solid #1354a0;
text-align: top;
border-right: 1px dashed black;
}

/* image control */

.imageRight {
float: right;
margin-left: 0.8em;
}

.imageCenter {
text-align: center;
margin: 0 0 1em 0;
}

.imageLeft {
position: relative;
top: 0;
left: 0;
float: left;
clear: both;
}

.imageDescription {
width: inherit;
font-size: 80%;
height: 20px;
background-color: red;
}

/* testing stuff */

#testArea {
width: 579px;
border: 1px dotted black;
}

#all {}

#header {
width: 656px;
height: 156px;
background-image: url(images/__header.gif);
background-repeat: no-repeat;
background-position: top left;
}

#extra {
width: 200px;
height: 300px;
background-image: url(images/__menu.gif);
background-repeat: no-repeat;
background-position: top left;
position: absolute;
top: 200px;
left: 50px;
}