html {
background-color: #CCCCCC;
font-family: Arial, Helvetica, sans-serif;
font-size: 85%;
margin: 0;
padding: 0;
height: 100%;
}
#wrap {
text-align: center;
width: 100%;
margin-top: 10px;
padding-bottom: 20px;
}
#cblock {
display: block;
margin: 0 auto;
width: 918px;
text-align: left;
background-color: #ffffff;
border: 2px solid #666666;
padding: 0px;
}
#stc {
color: #000000;
background-color: #FFFFFF;
font-size: 75%;
padding: 0em;
text-align: center;
margin: 0.25em 0.25em 0 0;
}
#stc a {
color: #666666;
font-size: 75%;
padding: 0.1em 0.2em;
}
#stc a:hover {
background-color: #FFFFCC;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
margin: 0;
padding: 0;
color: #000000;
}
#main {
color: #000000;
clear: both;
margin: 1em 0 0 0;
padding: 0.5em 0;
}
#cblock{
background-image: url('../img/fl_tr.jpg');
background-position: top right;
background-repeat: no-repeat;
}
p, h1, h2, h3, h4, h5, h6 {
font-weight: normal;
margin: 0;
padding-left: 10px;
padding-bottom: 0.5em;
}
ul {
padding-left: 3em;
list-style-type: disc;
color: #000000;
margin: 0.1em 1.5em 20px 0;
line-height: 150%;
letter-spacing: 0.02em;
}
ul li {
margin-left: 2em;
list-style-type: disc;
line-height: 150%;
letter-spacing: 0.02em;
}
.heading a, .heading a:link, .heading a:visited {
color: #003399;
text-decoration: none;
}
p {
font-size: 100%;
margin: 0.5em 2% 1em 0;
line-height: 150%;
letter-spacing: 0.02em;
color: #000000;
display: block;
}
table.tp {
font-size: 100%;
margin: 1em 2% 2em 70px;
line-height: 150%;
letter-spacing: 0.02em;
color: #000000;
display: block;
border-collapse: separate;
border-spacing: 2px;
background-color: #cc99cc;
width: 232px;
}
table.tp td, table.tp th {
background-color: #f5f8c8;
padding: 0.25em 0.5em;
text-align: left;
}
table.tp td.p {
width: 40px;
text-align: center;
letter-spacing: 0.04em;
font-weight: bold;
font-size: 130%;
}
table.px {
width: 332px;
}
table.px td.p {
width: 140px;
}
table.tp th.t {
width: 180px;
}
h1 {
font-size: 130%;
letter-spacing: 0.15em;
font-weight: bold;
color: #333333;
}
h2 {
font-size: 115%;
letter-spacing: 0.1em;
font-weight: bold;
color: #666666;
margin-left: 0;
}
ul h2 {
margin-bottom: 0.25em;
}
h3 {
color: #666666;
font-size: 105%;
font-weight: bold;
padding: 0.25em 0 0.25em 0;
margin-top: 0.5em;
margin-left: 0;
margin-bottom: 1em;
}
h4 {
color: #000000;
font-size: 100%;
font-weight: bold;
padding-left: 0.1em;
margin: 0.05em 2.25em;
}
h5 {
font-size: 85%;
}
h6 {
font-size: 70%;
}
.sitebox {
border: 0.15em solid #999999;
padding: 0.2em;
margin: 0.3em;
}
.nav {
color: #000000;
margin: 1.25em 0;
padding: 0 0 0 2.2em;
line-height: 100%;
text-align: center;
display: block;
width: 180px;
float: left;
clear: left;
}
.nav img {
margin: 0;
border: none;
}
.nl ul {
text-align: left;
list-style-type: none;
color: #000099;
font-size: 90%;
list-style: none;
margin: 0;
width: 100%;
padding: 0;
}
.nl ul li {
margin: 6px 0;
line-height: 1.75em;
list-style-type: none;
}
.nl ul li a {
padding: 0.25em 0.4em 0.25em 18px;
display: block;
border: none;
color: #000000;
background-color: #ffffff;
background-image: url('../img/vbg.jpg');
background-position: top left;
background-repeat: repeat-y;
border: 2px solid #cc3366;
letter-spacing: 0.1em;
}
.nl ul li a:hover {
background-image: url('../img/vbg_over.jpg');
border: 2px solid #cc3366;
text-decoration: none;
}
.nav h1 {
font-size: 70%;
background-color: #FFFFCC;
}
.nph {
width: 100%;
text-align: center;
}
.ident {
font-size: 180%;
}
div.content {
float: none;
margin-left: 220px;
width: 670px;
margin-top: 16px;
}
#header, #footer {
color: #000000;
clear: both;
margin: 0;
padding: 0;
position: relative;
line-height: 100%;
background-color: #cc3366;
}
#header {
display: block;
text-align: left;
padding: 0;
margin: 0;
position: static;
height: 80px;
}
#footer {
padding-top: 0.5em;
padding-bottom: 0.25em;
}
#hdrlogo {
width: 100%;
text-align: center;
padding: 0 ! important;
}
#hdrlogo img {
border: none;
text-align: center;
padding: 0 ! important;
margin: 0 ! important;
background-color: #cc3366;
}
.mnav {
text-align: center;
clear: both;
display: block;
padding: 0.25em;
position: relative;
margin-top: 1em;
}
.hdrinf, .hdrlnks {
z-index: 50;
display: block;
color: #000000;
}
#footer h6 {
margin: 0;
}
#header p, form, #footer p {
margin: 0.1em;
padding: 0;
}
img {
margin: 0.25em 0.7em;
border: none;
}
.imgswatch {
margin: 5px auto;
display: block;
text-align: center;
}
.img {
display: block;
text-align: center;
}
h6 img {
vertical-align: middle;
}
.sp {
text-align: center;
}
.spc {
clear: both;
float: none;
font-size: 1px;
line-height: 10px;
padding: 0px;
margin: 0px;
}
#header h1 {
text-align: center;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 0.05em;
font-style: bold;
font-size: 95%;
text-align: right;
padding-right: 0;
margin-right: 0;
}
.title {
float: none;
}
h2.bc, h2.sm {
font-size: 80%;
color: #003399;
margin: 0.2em;
padding: 0.05em 0.25em 0.05em 0.25em;
}
h2.sm {
background-color: #FFFFCC;
}
#footer {
text-align: center;
color: #999999;
}
#footer .ftrinf {
font-size: 70%;
color: #999999;
padding: 0.5em 0.1em 0.1em 0.1em;
}
#footer .ftral {
font-size: 110%;
letter-spacing: 0.35em;
padding: 0.5em;
margin: 8px;
}
#footer a:link, #footer a:visited {
color: #f5f8c8;
}
#footer .ftral a:link, #footer .ftral a:visited {
color: #333333;
}
h3 a:visited {
color: #330066;
}
a, a:link {
text-decoration: none;
font-weight: bold;
color: #0033FF;
}
a:visited {
color: #CC00FF;
}
a:hover {
color: #FF9900;
text-decoration: underline;
}
.nav ul li {
padding: 0.25em 0;
}
hr {
width: 92%;
}
#hdrcontacts {
position: absolute;
display: block;
color: white;
margin-right: 0;
text-align: right;
width: 100%;
}
.hdreml, .hdrphone {
display: block;
color: white;
text-align: center;
font-size: 115%;
line-height: 120%;
letter-spacing: 0.15em;
padding: 0.2em;
}
.mnav a {
line-height: 100%;
border: 1px solid #666666;
padding: 0.5em 0.7em;
margin: 0 0.25em;
background-image: url('../img/hbg.jpg');
background-repeat: repeat-x;
background-color: #ffffff;
}
/*
.mnav a.first {
border-left: none;
}
*/
.mnav a:link {
color: #000000;
text-decoration: none;
}
.mnav a:visited {
color: #333333;
text-decoration: none;
}
.mnav a:hover {
color: #006666;
background-image: url('../img/hbg_over.jpg');
background-repeat: repeat-x;
}
.hdreml a:link, .hdreml a:visited {
color: white;
text-decoration: none;
}
a:link.sel, a:visited.sel {
background-color: #ffffcc ! important;
background-image: none ! important;
color: #cc3366 ! important;
border-color: #cc3366 ! important;
}
.colcon {
width: 70%;
height: 9.25em;
margin-left: 15%;
margin-bottom: 2em;
margin-top: 2em;
clear: both;
}
.colcon2 {
width: 72%;
height: 14em;
margin-left: 14%;
margin-bottom: 3em;
margin-top: 3em;
clear: both;
}
.lcol, .rcol {
width: 40%;
float: left;
text-align: center;
border: 2px solid #cc3366;
border-top: 2px solid #ccccff;
border-right: 2px solid #ccccff;
padding: 1em;
line-height: 150%;
letter-spacing: 0.1em;
background-image: url('../img/hpcbg.png');
background-position: bottom left;
background-repeat: no-repeat;
}
.rcol {
float: right;
background-image: url('../img/hpcbg2.png');
background-position: top right;
}
.rcol2 {
text-align: center;
border: 2px solid #cc3366;
border-top: 2px solid #ccccff;
border-right: 2px solid #ccccff;
padding: 3px 5px 10px 5px;
line-height: 130%;
letter-spacing: 0.1em;
background-image: url('../img/hpcbg.png');
background-position: bottom left;
background-repeat: no-repeat;
float: right;
background-image: url('../img/hpcbg2.png');
background-position: top right;
width: 170px;
height: 110px;
font-size: 90%;
margin-top: 14px;
}
.boptxt {
padding-top: 2.5em;
text-align: center;
clear: both;
}
.boptxt2 {
padding-top: 0.1em;
text-align: center;
clear: both;
}
.lcol h2, .rcol h2 {
padding: 0;
margin: 4px auto;
text-align: center;
color: #cc3366;
}
.rcol2 h2 {
padding: 0;
margin: 1px auto 4px auto;
text-align: center;
color: #cc3366;
}
#hdrlogo img {
border: none;
padding-top: 0px ! important;
margin-top: 0px ! important;
}
.xmenu {
padding: 2em 0;
display: block;
width: 918px;
text-align: center;
}
.xmenu2 {
padding: 1em 0;
display: block;
width: 918px;
text-align: center;
}
.xmc {
width: 75%;
text-align: center;
margin: auto;
}
.s1 {
font-size: 130%;
letter-spacing: 0.2em;
}
.s2 {
font-size: 195%;
letter-spacing: 0.1em;
}
.s3 {
font-size: 140%;
letter-spacing: 0.2em;
}
.s4 {
font-size: 210%;
letter-spacing: 0.2em;
}
.s5 {
font-size: 150%;
letter-spacing: 0em;
}
.s6 {
font-size: 210%;
letter-spacing: 0.25em;
}
.s7 {
font-size: 130%;
letter-spacing: 0.15em;
}
.xmc2 {
width: 98%;
text-align: center;
margin: auto;
font-size: 95% ! important;
letter-spacing: 0.09em;
line-height: 160%;
}
.xmc3 {
width: 98%;
text-align: center;
margin: auto;
font-size: 90% ! important;
letter-spacing: 0.12em;
}
.hp {
background-image: url('../img/hp_fl.jpg') ! important;
background-position: bottom center ! important;
background-repeat: no-repeat ! important;
}
.qb {
color: #cc3366;
font-weight: bold;
font-style: italic;
letter-spacing: 0.1em;
font-size: 110%;
}
.nl .sel a {
background-color: #ffffcc ! important;
background-image: none ! important;
color: #cc3366 ! important;
}
.mps .content {
background-image: url('../img/side_swatch2_sml.png') ! important;
background-position: top right ! important;
background-repeat: no-repeat ! important;
padding-right: 100px;
width: 570px;
min-height: 500px;
}
.home img, .mm img {
background: none;
border: none;
text-align: center;
margin: auto;
}
.mm {
background-image: none ! important;
}
.lcol2 {
float: left;
}
p img {
border: none;
}
.ftral a {
line-height: 100%;
border: 1px solid #666666;
padding: 0.5em 0.7em;
margin: 0 0.25em;
background-image: url('../img/hbg2.jpg');
background-repeat: repeat-x;
background-position: bottom;
background-color: #ffffff;
}
.ftral a:hover {
background-image: url('../img/hbg2_over.jpg');
}
.ntxt {
text-align: left;
font-weight: normal;
font-style: italic;
color: #cc3366;
margin-top: 10px;
padding: 0;
padding-top: 5px;
border-top: 2px solid #cc3366;
}
.nx a, .nx a:link, .nx a:visited {
border-color: #ffffff;
}
.nx a:visited {
color: #cc3366;
}
.nx ul {
text-align: left;
list-style-type: none;
color: #cc3366;
font-size: 100%;
list-style: none;
margin: 0;
width: 100%;
padding: 0;
}
.nx ul li {
line-height: 1.75em;
}
.nx ul li a, .nx ul li a:link, .nx ul li a:visited {
text-align: center;
padding: 8px 5px 0px 5px;
line-height: 130%;
letter-spacing: 0.1em;
background-image: url('../img/hpcbg.png');
background-position: bottom left;
background-repeat: no-repeat;
width: 170px;
height: 110px;
font-size: 100%;
margin-top: 14px;
color: #cc3366;
border: 2px solid #cc3366;
border-top: 2px solid #ccccff;
border-right: 2px solid #ccccff;
}
.nx ul li a:hover {
text-decoration: underline;
color: #FF9900;
border-color: #FF9900;
}
.lhimg {
float: left;
}
.mbm {
background-image: url('../img/pregnant_lady.jpg');
background-position: top left;
background-repeat: no-repeat;
}
.swatchimg {
text-align: center;
}
p.tmon {
margin: 2em;
padding: 1.25em;
border: 2px dashed #cc3366;
font-size: 100%;
font-style: italic;
background-color: #ffffcc;
}
.tmon .nm {
display: block;
text-align: right;
font-size: 130%;
font-style: italic;
}
.tmon b {
color: #cc3366;
}