html {
overflow: auto;
height: 100%;
background-color: #ffffff;
}

body { 
border: 0; 
margin: 0 auto; 
padding: 0; 
padding-top: 15px;
padding-bottom: 15px;
text-align: center; 
overflow: auto;
background-color: #ffffff;
line-height: 140%;
font-size: 12px;
color: #333333;
} 

body {
font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

strong, em, b, i, a {
font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6, address {
font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

h1 {
margin-top: 0px;
font-size: 20px;
line-height: 115%;
color: #1B1819;
}

h1.prodheader {
font-size: 18px;
font-weight: normal;
color: #1b1819;
line-height: 110%;
}

h2 {
margin-top: 0px;
font-size: 16px;
color: #1B1819;
font-weight: normal;
line-height: 140%;
margin-bottom: 6px;
}

.h2 {
margin-top: 0px;
font-size: 16px;
color: #1B1819;
font-weight: normal;
}

h3 {
margin-top: 0px;
font-size: 14px;
}

h3.prodlistheader {
color: #92278F;
font-weight: normal;
}

h3.description {
color: #333333;
font-size: 13px;
font-weight: normal;
}

hr {
border-style: none;
margin-bottom: 15px;
}

hr {
color: #ffffff;
background-color: #ffffff;
border: 1px dotted #909090;
border-style: none none dotted;
}

hr.small {
padding: 0;
margin-top: 10px;
margin-bottom: 5px;
}

hr.mini {
padding: 0;
margin-top: 9px;
margin-bottom: 9px;
}

hr.micro {
padding: 0;
margin-top: 2px;
margin-bottom: 2px;
}

img {
border: 0;
}

a { color: #333333; }
a:link    { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover   { color: #92278F; text-decoration: underline; }
a:active  { text-decoration: none; }

.sel {
color: #92278F;
}

.pink {
color: #9D1557;
}

#wrapper 
{ 
position: relative;
width: 900px;
text-align: left; 
margin: 0 auto; 
padding: 0;
padding-bottom: 25px;
border: 1px solid #626366;
}

#top {
width: 900px;
height: 64px;
border-bottom: 3px solid #626366;
}

#toplogo {
position: absolute;
left: 32px;
top: 25px;
}

#topsearch {
position: absolute;
left: 740px;
top: 25px;
width: 130px;
height: 25px;
background-image: url('images/topsearch.png');
padding-left: 2px;
}

#topsearchtext {
position: absolute;
left: 640px;
top: 28px;
font-size: 12px;
color: #ffffff;
}

#searchbox {
width: 105px;
border: 0;
outline: none;
}

#topmenu {
height: 38px;
padding-top: 10px;
width: 100%;
text-align: center;
font-size: 12px;
}

#leftcolumn {
float: left;
padding-left: 32px;
width: 620px;
}

#leftcolumn img {
border: 1px solid #626366;
}

#rightcolumn {
float: right;
padding-right: 32px;
width: 200px;
}

#rightcolumn img {
border: 1px solid #626366;
}

#page {
min-height: 387px;
padding-left: 32px;
}

.published {
padding-top: 5px;
font-size: 11px;
color: #666666;
}

.box_blue {
width: 185px;
padding: 10px;
padding-left: 15px;
padding-right: 0px;
margin-bottom: 10px;
background-image: url('images/box_blue.jpg');
background-repeat: repeat-y;
font-size: 12px;
color: #ffffff;
}

.box_green {
width: 185px;
padding: 10px;
padding-left: 15px;
padding-right: 0px;
margin-bottom: 10px;
background-image: url('images/box_green.jpg');
background-repeat: repeat-y;
font-size: 12px;
color: #ffffff;
}

.yellowbold {
color: #D7DF23;
font-weight: bold;
}

.white {
color: #ffffff;
}

.green {
color: #36A449;
}

.lightgrey {
color: #808080;
}

.contactheader {
font-weight: bold;
}

.s12 {
font-size: 12px;
}

#gallery {
margin-left: 32px;
margin-right: 28px;
}

#gallerywide {
margin-left: 32px;
}

#gboxtop {
float: left;
width: 839px;
height: 13px;
background-image: url('images/gboxtop.png');
}

#gboxmid {
float: left;
width: 839px;
padding-left: 15px;
padding-right: 15px;
background-image: url('images/gboxmid.png');
background-repeat: repeat-y;
}

#gboxbottom {
float: left;
width: 839px;
height: 13px;
background-image: url('images/gboxbottom.png');
}

.colorboxholder {
float: left;
width: 216px;
height: 84px;
color: #231F20;
}

.colorboxholder a { color: #333333; }
.colorboxholder a:link    { text-decoration: none; }
.colorboxholder a:visited { text-decoration: none; }
.colorboxholder a:hover   { color: #92278F; text-decoration: underline; }
.colorboxholder a:active  { text-decoration: none; }

.gallerybtn {
float: left;
width: 70px;
height: 19px;
padding-left: 4px;
padding-top: 1px;
margin-top: 5px;
background-image: url('images/gallerybtn.png');
font-size: 9px;
font-weight: bold;
}

.gallerybtn a {
color: #ffffff;
}

.imgbox {
float: left;
vertical-align: middle;
margin-top: auto; 
margin-bottom: auto; 
}

.colorbox {
float: left;
width: 83px;
height: 80px;
border: 1px solid #626366;
margin-right: 5px;
}

.galleryindex {
float: left;
margin-right: 5px;
border: 1px solid #626366;
}

#colorbox1 {
background-color: #00C2F3;
}
#colorbox2 {
background-color: #BF218E;
}
#colorbox3 {
background-color: #D2DE26;
}
#colorbox4 {
background-color: #801130;
}

#colorbox5 {
background-color: #52BA67;
}
#colorbox6 {
background-color: #004235;
}
#colorbox7 {
background-color: #2EBCAD;
}
#colorbox8 {
background-color: #6DC5A7;
}

#colorbox9 {
background-color: #DF8927;
}
#colorbox10 {
background-color: #3750A2;
}
#colorbox11 {
background-color: #98CA3C;
}
#colorbox12 {
background-color: #D560A4;
}

#colorbox13 {
background-color: #3360AD;
}
#colorbox14 {
background-color: #F15E2D;
}
#colorbox15 {
background-color: #F69883;
}
#colorbox16 {
background-color: #DF8927;
}

#prodboxleft {
float: left;
width: 150px;
margin-right: 13px;
}

#prodboxright {
float: left;
}

#prodimage {
float: left;
width: 180px;
text-align: left;
min-height: 300px;
vertical-align: bottom;
}

#prodtext {
float: left;
padding-top: 50px;
padding-left: 15px;
width: 480px;
}

.desctext {
color: #666666;
}

.gallerythumb {
margin-right: 20px;
margin-bottom: 15px;
border: 1px solid #626366;
}

.gallerythumb2 {
margin-right: 18px;
margin-bottom: 15px;
border: 1px solid #626366;
}

.border {
border: 1px solid #626366;
}

td.border img {
border: 0px;
border-bottom: 1px solid #626366;
}

#newsheader {
font-weight: bold;
}

.gonext {
margin-top: 5px;
}

.brandbox {
width: 400px;
border: 1px solid #626366;
padding: 5px;
margin-right: 12px;
margin-bottom: 12px;
}
.brandboxl {
float: left;
width: 400px;
border: 1px solid #626366;
padding: 5px;
margin-right: 12px;
margin-bottom: 12px;
}
.brandboxr {
float: right;
width: 400px;
border: 1px solid #626366;
padding: 5px;
margin-right: 12px;
margin-bottom: 12px;
}

div.prodlisting {
float: left;
width: 270px;
height: 230px;
border: 1px solid #626366;
line-height: 230px;
margin-right: 13px;
margin-bottom: 13px;
}

div.prodlisting img {
margin-left: 24px;
margin-right: 24px;
vertical-align: middle;
}

.btntop {
width: 119px;
height: 22px;
padding-top: 4px;
font-size: 13px;
}
.btn {
background-image: url('images/btn.png');
width: 119px;
height: 22px;
padding-top: 4px;
font-size: 13px;
}
.btnbottom {
background-image: url('images/btnbottom.png');
width: 119px;
height: 22px;
padding-top: 4px;
font-size: 13px;
}

#sel {
color: #92278F;
font-size: 13px;
}

.btntop a { color: #000; font-size: 13px; }
.btntop a:link    { text-decoration: none; }
.btntop a:visited { text-decoration: none; }
.btntop a:hover   { color: #92278F; text-decoration: none; }
.btntop a:active  { text-decoration: none; }

.btn a { color: #000; font-size: 13px; }
.btn a:link    { text-decoration: none; }
.btn a:visited { text-decoration: none; }
.btn a:hover   { color: #92278F; text-decoration: none; }
.btn a:active  { text-decoration: none; }

.btnbottom a { color: #000; font-size: 13px; }
.btnbottom a:link    { text-decoration: none; }
.btnbottom a:visited { text-decoration: none; }
.btnbottom a:hover   { color: #92278F; text-decoration: none; }
.btnbottom a:active  { text-decoration: none; }

.mpad {
margin-left: 8px;
}

.mpadbottom {
margin-left: 8px;
padding-bottom: 8px;
}

.paddlink {
padding-top: 5px;
}

.name {
color: #92278F;
}

.slogo {
float: left;
padding-left: 32px;
margin-bottom: 32px;
}

#brandinfo {
float: left;
padding-left: 32px;
width: 350px;
font-size: 12px;
}

.brandinfoimage {
float: right;
margin-right: 32px;
border: 1px solid #626366;
}

a img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
}

a img:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
filter: alpha(opacity=80);
}

.fade {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
filter: alpha(opacity=50);
}

.bimg {
padding: 0px;
margin: 0px;
padding-bottom: 6px;
}

.caldate {
text-align: right;
padding-right: 10px;
}

.vartattveta {
color: #0aaba5;
font-weight: bold;
}