body {
background-color: #E1ECE1;
color: #000000;
margin: 0px;
font-size: 115%;
font-family: Arial, Helvetica, sans-serif;
}
body img {
border: 0px;
}
#container {
width: 100%;
}
/* ================= menu  =============== */
#menu {
background: #533899;
color: #000000;
width: 180px;
vertical-align: top;
padding: 5px;
font-size: 90%;
}
#menu ul {
margin: 0px;
padding: 0px;
}
#menu li {
list-style: none;
border: thin #FFFFFF solid;
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 94%;
margin : 3px;
color: Black;
padding: 2px;
background-color: #C8DBC8;
}
#menu a:link {
font-weight: bold;
color: #5E7974;
background-color: #C8DBC8;
padding: 0px 0px 0px 3px;
text-decoration : none;
}
#menu a:visited {
font-weight: bold;
text-decoration : none;
color: #9880CA;
background-color: #C8DBC8;
padding: 0px 0px 0px 3px;
}
#menu a:hover {
font-weight: bold;
text-decoration : none;
color: #533899;
background-color: #C8DBC8;
padding: 0px 0px 0px 3px;
}
/* ================= banner  =============== */
.banner {
padding: 0px 0px 10px 0px;
display: block;
margin-left: auto;
margin-right: auto;
}
.banner1 {
background: #9880CA url('images/bg-header-scentralstn-use.jpg') no-repeat;
height: 120px;
}
#content {
vertical-align: top;
clear: both;
padding: 5px 30px 30px 30px;
font-size: large;
}
#footer {
text-align: center;
background: #9880CA url('images/fade-bar.jpg') no-repeat;
color: #000000;
padding: 50px 5px 15px 5px;
font-size: 75%;
}
#footer a:link {
font-weight: bold;
color: #FFFFFF;
background-color: #9880CA;
padding: 0px 0px 0px 3px;
text-decoration : none;
}
#footer a:visited {
font-weight: bold;
text-decoration : none;
color: #660066;
background-color: #9880CA;
padding: 0px 0px 0px 3px;
}
#footer a:hover {
font-weight: bold;
text-decoration: underline;
color: #8763A2;
background-color: #9880CA;
padding: 0px 0px 0px 3px;
}
.design {
font-size: 72%;
}
.red {
color: #CD0031;
text-align: center;
font-weight: bold;
}
.red-bold {
color: #CD0031;
font-weight: bold;
}
h1 {
background: #E1ECE1;
color: #8763A2;
font-size: 25px;
font-weight: bold;
text-align: center;
}
h2 {
background: #E1ECE1;
color: #8763A2;
font-size: 20px;
}
.right-align {
text-align: right;
}
h3 {
background: #E1ECE1;
color: #8763A2;
font-size: 16px;
}
.center {
text-align: center;
}
.img-center {
display: block;
margin-left: auto;
margin-right: auto;
padding: 5px;
}
.img-left {
float: left;
padding: 10px;
}
.img-right {
float: right;
padding: 5px;
}
.line {
text-decoration: line-through;
}
.viewcart {
background: #8763A2;
color: #FFFFFF;
font-weight: bold;
width: 150px;
padding: 2px;
display: block;
margin-left: auto;
margin-right: auto;
}
.mail {
border: thin #8763A2 solid;
padding: 5px;
color: #000000;
width: 160px;
font-size: 80%;
display: block;
margin-left: auto;
margin-right: auto;
background-color: #9880CA;
}
.mpane {
width: 150px;
}
input.go {
color: #FFFFFF;
background: #8763A2;
}
.indent {
background: #FFFFFF;
margin: 0px 40px 0px 40px;
color: #FF0000;
}
.plain-indent {
margin-left: 40px;
}
.submit {
color: #FFFFFF;
background: #8763A2;
}
#test ul {
margin: 0px;
padding: 0px;
}
#test li {
list-style: none;
border: thin #8763A2 solid;
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 94%;
margin : 3px;
color: Black;
padding: 2px;
background-color: #CCA4F3;
}
#test a:link {
font-weight: bold;
color: #FFFFFF;
background-color: #CCA4F3;
padding: 0px 0px 0px 3px;
text-decoration : none;
}
#test a:visited {
font-weight: bold;
text-decoration : none;
color: #660066;
background-color: #CCA4F3;
padding: 0px 0px 0px 3px;
}
#test a:hover {
font-weight: bold;
text-decoration : none;
color: #8763A2;
background-color: #CCA4F3;
padding: 0px 0px 0px 3px;
}