/* *** Float containers fix: http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
content: "."; display: block; height: 0; clear: both; visibility:
hidden;
}
.clearfix{
display: inline-table;
}
/* Hides from IE-mac */
html .clearfix{
height: 1%;
}
.clearfix{
display: block;
}
#wrapper {
font: 100% serif;
text-align: left;
margin: 0px auto;
padding: 0px;
border:0;
width: 760px;
background: #ffff99;
}
div.container {
clear: both;
}
div.ultext {
clear: both;
font-family: georgia "times new roman" serif;
font-size: .8em;
text-align: left;
color: #3100ff;
}
#header {
clear: both;
margin: 0 0 .5em 0;
background: #ffff99;
}
div.header-welcome {
clear: both;
margin: 0 0 .3em 0;
background: #ffff99;
}
div.side-a {
float: left;
width: 168px;
background: #ffff99;
voice-family: "\"}\"";
voice-family: inherit;
}
div.upperside-a {
float: left;
width: 85px;
background: #ffff99;
voice-family: "\"}\"";
voice-family: inherit;
}
div.uppercontent { float: left;
width: 36%;
margin: 0px 10px 10px 0;
background: #ffff99;
voice-family: "\"}\"";
voice-family: inherit;
}
div.upperside-b {
float: right;
width: 390px;
background: #ffff99;
voice-family: "\"}\"";
voice-family: inherit;
}
div.priceside-a {
float: left;
width: 122px;
background: #ffff99;
voice-family: "\"}\"";
voice-family: inherit;
}
div.orderside-a {
float: left;
width: 168px;
background: #ffff99;
voice-family: "\"}\"";
voice-family: inherit;
}
div.side-b {
float: right;
width: 296px;
background: #ffff99;
voice-family: "\"}\"";
voice-family: inherit;
}
div.priceside-b {
float: right;
width: 95px;
background: #ffff99;
voice-family: "\"}\"";
voice-family: inherit;
}
div.orderside-b {
float: right;
width: 168px;
background: #ffff99;
voice-family: "\"}\"";
voice-family: inherit;
}
div.content { float: left;
width: 37%;
margin: 0px .8em .8em 0;
background: #ffff99;
voice-family: "\"}\"";
voice-family: inherit;
}
div.pricecontent { float: left;
width: 70%;
margin: 0px 0px 0px 0;
background: #ffff99;
voice-family: "\"}\"";
voice-family: inherit;
}
div.ordercontent { float: left;
width: 54%;
margin: 0px .8em .8em 0;
background: #ffff99;
voice-family: "\"}\"";
voice-family: inherit;
}
div.footer {
clear: both;
background: #ffff99;
}
div.goldenrule {
clear: both;
background: #ffff99;
}
h1 {
font-size: 190%; letter-spacing: -.02em;
margin: 0px 0 .2em 0; color: #3100ff; clear: both;
}
h2 {
font-size: 155%; letter-spacing: -.025em;
margin: .2em 0 .2em 0; color: #3100ff; font-style: oblique; clear: both;
}
h3 {
font-size: 1em; margin: .5em 0 .5em 0; color: rgb(132,0,0);
}
h4 {
font-size: 1em; margin: 0; padding: 0.33em 0 0; color: rgb(50%,50%,35%);
}
h5 {
font-size: .85em; margin: .5em 0 .5em 0; color: rgb(49,0,156);
}
h1, h3, h4 {
line-height: 1em;
}
p {
line-height: 1.2em; margin: 0em 0 0em 0; color: rgb(49,0,156);
}
p.p2 {
line-height: 1.05em; margin: 0em 0 0em 0; color: rgb(49,0,156);
font-size: 1em;
}
p.p3 {
font-size: 1em; color: #3100ff;
}
p.p4 {
font-size: 1em; color: #3100ff;
}
div.navcontainer{
background: #ffff99;
float: left;
width: 80%;
margin: 0 auto;
padding: 0em 0;
font-family: verdana, sans-serif;
color: #3100ff;
font-size: .7em;
text-align: left;
text-transform: none;
}
ul.navlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0;
width: 100%;
}
ul.navlist li
{
display: block;
margin: 0 auto;
padding: 0;
}
ul.navlist li a {
display: block;
width: 100%;
margin: .25em 0 .25em 0;
padding: 0.2em 0 0.3em 1.2em;
border-width: 0em;
border-color: #ffe #c39e09 #ffcc00 #fff;
border-style: solid;
color: #8F5D8B;
text-decoration: none;
background: #ffff99;
}
div.navcontainer>ul.navlist li a { width: auto; }
ul.navlist li#active a
{
background: #A16F74;
color: #800000;
}
ul.navlist li a:hover, ul.navlist li#active a:hover
{
color: #c60000;
background: transparent;
border-color: #9B7F0F #fff #ffe #ffcc00;
}