<!--
/* basic stuff */
a {
text-decoration: none;
/* color: #7CA999; */
color: #49708A;
}
a:hover {
text-decoration: underline;
color: #88ABC2;
}
a:visited {
color: #49708A;
}
a.head {
color: black;
font-weight: bold;
}
a.menu {
font-size: large;
color: #49708A;
}
a.menu:hover {
color: #88ABC2;
}
a.menu2 {
color: #49708A;
font-size: 12px;
padding-left: 1em;
font-weight: normal;
}
a.menu2:hover {
color: #88ABC2;
}
a.pink {
color: #FF0033;
}
a.blue {
color: blue;
}
a.info {
text-decoration: underline;
font-style: italic;
font-size: 12px;
}
a.scent {
text-decoration: underline;
font-style: italic;
}
body {
font-family: arial;
color: #000000;
background-color: #E8E8E9;
margin: 0px 0px 0px 0px;
font-size: 12px;
padding: 0px 0px 0px 0px;

}
body.info {
font-family: arial;
background-color: #99ccff;
font-size: 12px;
text-align: center;
}
img { border: 0 }
/* input */
input.text {
border-top: 1px solid #555555;
border-left: 1px solid #555555;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
background-color: white;
padding-left: 2px;
color: #222222;
font-size: 12px;
}
input.other {
border-bottom: 1px solid black;
border-left: 0px;
border-right: 0px;
border-top: 0px;
background-color: #FFFFFF;
}
input.button {
font-size: 12px;
border: 0px;
color: #003333;
font-weight: bold;
background-color: white;
vertical-align: bottom;
padding-bottom: 2px;
padding-left: 0px;
padding-right: 0px;
}
input.button2 {
border: thin solid black;
color: black;
background-color: #CCCCCC;
padding: 3px 15px 3px 15px;
}
input.info {
border: 2px outset black;
color: black;
background-color: white;
}
input.radio {
border: thin solid black;
}
input.checkbox {
border: 1px solid black !important;
}
input:focus {
background-color: #FFFFFF;
font-weight: normal;
}
input.contact {
/* border: 1px solid black; */
border-top: 1px solid #555555;
border-left: 1px solid #555555;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
background-color: white;
padding-left: 2px;
color: #222222;
}
input.contact:focus, textarea.contact:focus {
background-color: #fafafa;
color: black;
}
input.topmenu {
border: 0px;
}
/* paragraph */
p {
font-size: 12px;
text-align: left;
}
p.red {
font-size: large;
text-align: center;
color: red;
}
p.error {
font-size: small;
color: red;
}
p.text {
padding: 0px 30px 0px 0px;
}
p.redtext {
padding: 0px 30px 0px 0px;
color: red;
}
p.descrip {
margin-right: 5cm;
}
p.scent {
padding-top: 0px;
/* padding-right: */
/* margin-right: 6cm; */
}
p.center {
text-align: center;
}
ul {
text-align: left;
list-style-type: disc;
}
ul.environment {
text-align: right;
list-style-type: disc;
}
li.environment {
text-align: right;
}
/* table - td */
td.foot {
font-size: x-small;
color: black;
}
td.foot2 {
font-size: small;
color: black;
text-align: center;
}
td.search {
color: #003333;
padding-top: 6px;
text-align: center;
vertical-align: top;
}
td.topcart {
background-color: #6699CC;
color: #003333;
text-align: right;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 15px;
font-size: 12px;
}
td.body {
/* background-color: #FFFFFF; */
/*border: 1px solid #CCCCCC; */
text-align: left;
vertical-align: top;
/* background: url(/img/bg.jpg) repeat-x bottom; */
background: white/* url(/img/sidebg.gif) repeat-y top right*/;
border-right: #D0E0EB solid 1px;
border-top: #D0E0EB solid 1px;
padding-right: 5px;
}
td.svmenu {
padding: 0px 0px 0px 0px;
vertical-align: top;
text-align: right;
vertical-align: top;
}
td.menu2head {
/* background-color: #89ae9b; */
/* border-bottom: 1px gray dashed; */
color: black;
text-align: left;
padding: 4px 2px 4px 4px;
font-size:13px;
font-weight: bold;
}
td.menu2 {
/* background-color: #99ccff; */
/* color: #003333; */
/* border: 1px #99ccff dotted; */
/* border-bottom: 1px gray dashed; */
color: #002F2F;
padding: 4px 2px 4px 6px;
text-align: left;
font-weight: bold;
}
td.text {
padding: 5px 25px 5px 25px;
text-align: center;
}
td.content {
padding: 5px 10px 0px 10px;
text-align: left;
vertical-align: top;
}
td.brandsheader-left {
background: url(/img/ourbrandsbig-bg.jpg) repeat-x;
text-align: left;
vertical-align: top;
}
td.brandsheader-right {
background: url(/img/ourbrandsbig-bg.jpg) repeat-x;
text-align: right;
vertical-align: top;
}
td.brandsheader {
background: url(/img/ourbrandsbig-bg.jpg) repeat-x;
font-weight: bold;
color: white;
font-size: 16px;
text-align: center;
}
td.newbrandsheader {
font-weight:bold;
font-size:14px;
text-align: left;
padding-left:10px;
padding-bottom:3px;
border-bottom: #D0E0EB solid 2px;
}
td.newbrandslower {
border-top: #D0E0EB solid 2px;
text-align: center;
}
td.ourbrands {
text-align: center;
background-color: #EBF7F8;
}
td.product {
padding-top: 10px;
padding-left: 10px;
text-align: left;
}
td.productimg {
text-align: center;
}
td.productdesc {
text-align: left;
vertical-align: top;
padding-left: 2px;
}
td.cptail {
background: white/* url(/img/sideleftbg.gif) repeat-y top left*/;
border-left: #D0E0EB solid 1px;
text-align: left;
font-size: 10px;
color: #003333;
padding-left: 5px;
}
td.mnutail {
text-align: center;
font-size: 12px;
padding-left: 7px;
padding-right: 5px;
}
td.home {
text-align: center;
vertical-align: top;
top: 100%;
}
td.left {
text-align: left;
}
td.right {
text-align: right;
}
td.header {
font-weight: bold;
border-bottom: 1px black solid;
}
td.even {
background-color: #DDDDDD;
}
td.odd {
background-color: white;
}
td.newstext {
padding-top: 15px;
text-align: left;
vertical-align: top;
}
td.newshead {
font-size: 14px;
/* color: #222222; */
color: white;
font-weight: bold;
background-color: #6699CC;
}
td.news2 {
padding-left: 5px;
padding-top: 3px;
padding-right: 5px;
padding-bottom:3px;
background-image: url(/img/newsbg.jpg);
background-attachment: scroll;
background-repeat: repeat-x;
background-position: bottom center;
background-color: #99ccff;
}
td.leftspace {
background: white/* url(/img/sideleftbg.gif) repeat-y top left*/;
border-left: #D0E0EB solid 1px;
}
td.hometext1 {
background-color: #EBF7F8;
padding-top: 7px;
padding-left: 5px;
padding-bottom: 0px;
}

td.hometext2 {
background-color: #D0E0EB;
text-align: center;
}
/* td {  another ie fix
text-align: left;
} */
hr.news {
border: 0px solid #6699CC;
}
table.tail {
background-color: white;
background: white/* url(/img/sidebg.gif) repeat-y top right*/;
border-right: #D0E0EB solid 1px;
border-bottom: #D0E0EB solid 1px;

}
table.center {
text-align: center;
}
table.body {
/*background: url(/img/sidebg.gif) repeat-y top right;
border-right: #D0E0EB solid 1px; */
}
table.home {
right: 0%;
}
table.menu2 {
}
table.header {
background: url(/img/bg_top.jpg) repeat-x top;
}
table.right {
text-align: right;
}
table.news {
/* border: 1px dotted #89ae9b; */
padding: 0px;
}
table.mainbody {
background: white /* url(/img/sideleftbg.gif) repeat-y top left*/;
border-left: #D0E0EB solid 1px;
}
ul.map {
list-style-type: circle;
}
ul.scent {
list-style-type: circle;
margin-left: 10px;
padding-left: 10px;
}
a.map2 {
color: rgb(65,65,65);
}
/* custom headers */
h1 {
/* font-family: sans-serif; */
font-size: 12px;
font-weight: bold;
color: #222;
text-align: left;
margin: 0px;
}
h2 {
font-size: small;
font-weight: bold;
}
h3 {
font-size: small;
color: red;
}
fieldset.info {
border: black outset 1px;
padding: 5px 5px 5px 10px;
background-color: #F5F5F5;
}
legend.info {
font-size: 16px;
font-weight: bold;
background-color: white;
}
span.small {
font-size: 10px;
}
span.normal {
}
span.red {
color: red;
font-weight: bold;
}
span.newsdate {
color: #333333;
font-style: italic;
font-size: 10px;
padding-bottom: 2px;
}
span.productname {
font-size: 13px;
color: #002F2F;
font-weight: bold;
}
span.productcomment {
font-style: italic;
}
span.pagenav {
word-spacing: 6px;
}
span.menu a {
color: black;
padding-left: 15px;
text-decoration: none;
text-align: left;
font-size: 14px;
font-weight: bold;
}
span.menu a:hover {
color: #555;
}
span.menu a:active {
color: #69F;
}
span.menu2 {
color: #222;
}
textarea.contact {
border-top: 1px solid #555555;
border-left: 1px solid #555555;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
background-color: white;
padding: 2px 2px 2px 2px;
color: #222222;
}
* html .ddm1 td { position: relative; } /* ie 5.0 fix */
div.shadow { 
background: #b4afa3;
padding: 0px 1px;
border-left: 1px solid #dcd7c8;
border-right: 1px solid #dcd7c8;
}
div.bottomleft {
width: 4px;
height: 4px;
background-image: url(/img/shad_blcorner.png);
background-repeat: no-repeat;
background-position: bottom left;
position: absolute;
bottom: 0px;
left: -1px;
}
div.bottomright { 
width: 4px;
height: 4px;
background-image: url(/img/shad_brcorner.png);
background-repeat: no-repeat;
background-position: bottom right;
position: absolute;
bottom: 0px;
right: -1px;
}
div.topleft {
width: 2px;
height: 4px;
background-image: url(/img/shad_tlcorner.png);
background-repeat: no-repeat;
background-position: top left;
position: absolute;
top: 0px;
left: -1px;
}
div.topright {
width: 2px;
height: 4px;
background-image: url(/img/shad_trcorner.png);
background-repeat: no-repeat;
background-position: top right;
position: absolute;
top: 0px;
right: -1px;
}
ul.menu {
position: relative;
width: 125px;
list-style-type: none;
margin: 0;
padding: 0;
}
li#menu {
width: 125px !important;
height: 29px !important;
position: relative;
background: url(/img/menu.gif) 0 0 no-repeat;
text-align: left;
}
div.header {
width: 200%;
height: 12px;
background-color: #EEE;
padding: 1px 0px 1px 3px;
top: -5px;
position: relative;
}
li#menu a {
width: 110px;
line-height: 29px;
display: block;
}
li#menu:hover {
background: url(/img/menu_hover.gif) 0 0 no-repeat;
}

#LoginBox {
position: absolute;
top: 5%;
left: 40%;
width: 200px;
visibility: hidden;
border: 1px solid;
background-color: #ffffff;
text-align: left;
padding: 5px 5px 5px 5px;
}
#xsnazzy {
background: transparent;
margin: 0px 1px 0px 1px;
}
#xsnazzy2 {
background: transparent;
margin: 0px 2em 0px 1em;
}
#page {
background: transparent;
margin: 2em;
width: 475px;
}
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#FCFCFC; border-left:1px solid #99ccff; border-right:1px solid #99ccff;}
.xb1 {margin:0 5px; background:#99ccff;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xbottom {display:block; background:transparent; font-size:1px;}
.pb1, .pb2, .pb3, .pb4 {display:block; overflow:hidden;}
.pb2, .pb3, .pb4 {background:#FCFCFC; border-left:0px solid #99ccff; border-right:1px solid #99ccff;}
.pb1, .pb2, .pb3 {height:1px;}
.pb1 {margin:0 5px; background:#99ccff;}
.pb2 {margin:0 3px; border-width:0 2px 0px 0px;}
.pb3 {margin:0 2px;}
.pb4 {height: 2px; margin:0 1px;}

.pagecontent {
display: block;
border:0 solid #99ccff;
border-width: 0px 1px 0px 0px;
padding: 4px;
}

.xboxcontent {
display:block;
background:#FCFCFC;
border:0 solid #99ccff;
border-width:0 1px;
padding: 4px;
}

.xboxcontent2 {
display:block;
background:#FCFCFC;
border:0 solid #99ccff;
border-width:0 1px;
padding: 1px 2px 1px 2px;
}
ul.product {
position: relative;
list-style-type: none;
margin: 0;
padding: 0;
}
div#mainmoreinfo {
position: absolute;
background: transparent url(/img/moreinfo.png);
background-repeat: no-repeat;
visibility: hidden;
width: 463px;
height: 274px;
display: block;
left:20px;
top:50px;
z-index: 1;
}
div#moretitle {
position: absolute;
left: 30px;
top: 3px;
font-size: 12px;
font-weight: bold;
width: 190px;
}
div#moreinfo {
position: absolute;
top: 50px;
left: 18px;
width: 425px;
height: 200px;
font-size: 12px;
overflow: auto;
}
div#moreclose {
position: absolute;
top: 250px;
left: 420px;
}
#container {
position: relative; z-index: 2;
}
-->