body { margin: 0; color: #3F3F3F; font-size: 0.75em; font-family: Verdana, Helvetica, sans-serif; background-color: #FFF; }
*html body { text-align: center; }
#container {  text-align: center; width: 970px; margin: 0 auto; overflow: hidden; }
#wrapper { width: 970px; background: url(../images/design/hpwrapper.gif) repeat-y; text-align: left; }
#wrapper2 { width: 970px; background: url(../images/design/subwrapper.gif) repeat-y; text-align: left; }
#header { width: 970px; height: 125px; }
#header img { display: block; }
#random1 { float: left; width: 306px; height: 125px; }
#random2 { float: left; width: 288px; height: 125px; }
#logo { float: left; width: 376px; height: 125px; }

/*#leftcol { float: left; width: 208px; text-align: left; background: url(../images/design/leftcolbg.jpg) no-repeat top; }
#middlecol { float: right; width: 556px; min-height: 547px; text-align: left; background: url(../images/design/hpbodybg.jpg) no-repeat top; }
*html #middlecol { float: right; width: 556px; min-height: 547px; height: 547px; text-align: left; background: url(../images/design/hpbodybg.jpg) no-repeat top; }
#rightcol { float: left; width: 206px; text-align: left; }*/

#leftcol { float: left; margin-left: -765px; width: 208px; text-align: left; background: url(../images/design/leftcolbg.jpg) no-repeat top; }
#middlecol { float: left; margin-left: 208px; width: 556px; min-height: 547px; text-align: left; background: url(../images/design/hpbodybg.jpg) no-repeat top; }
*html #middlecol { float: left; margin-left: 104px; width: 556px; min-height: 547px; height: 547px; text-align: left; background: url(../images/design/hpbodybg.jpg) no-repeat top; }
#rightcol { float: right; width: 206px; text-align: left; }

#leftcol2 { float: left; margin-left: -971px; width: 208px; text-align: left; background: url(../images/design/leftcolbg.jpg) no-repeat top; }
#middlecol2 { float: left; margin-left: 208px; width: 762px; min-height: 547px; text-align: left; background: url(../images/design/subbodybg.jpg) no-repeat top; }
*html #middlecol2 { float: left; margin-left: 104px; width: 762px; min-height: 547px; height: 547px; text-align: left; background: url(../images/design/subbodybg.jpg) no-repeat top; }


#skinnailsbody { width: 970px; height: 27px; background: #56004E url(../images/design/skinnailsbody.gif) no-repeat; }

#nav, #nav ul { list-style-type: none; margin-top: 0; margin-bottom: 0; margin-left: 0; padding: 0; width: 208px; }
#nav li {  float: left; margin-top: 0; padding: 0;  position: relative;  width: 208px;  text-decoration: none; background: url(../images/design/navborder.gif) no-repeat bottom; }
#nav li ul { margin-top: -22px;  margin-left: 208px;  padding: 0;  position: absolute;  z-index: 256;  left: -999em; }
#nav li a { color: #E9E2E8; text-decoration: none; margin: 0; padding: 4px 0 4px 10px; width: auto; display: block; }
#nav li a:hover { color: #000; text-decoration: none;  background-color: #B494B1; margin: 0; width: auto; display: block; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li  li.sfhover ul, #nav li li li.sfhover ul { left: auto }
#nav li:hover, #nav li.hover { position: static; }
#subnav, #subnav ul { list-style-type: none; float: left; margin-left: 0; padding: 0; width: 190px; }
#subnav li { margin-top: 0; margin-left: 1px; padding: 0; position: relative; width: 190px; background-color: #B494B1; border: 0; }
#subnav li a { color: #000; text-decoration: none; margin: 0; display: block; }
#subnav li a:hover { color: #000; text-decoration: none; background-color: #C7A9C4;  margin: 0; display: block; }
#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover ul ul, #subnav li.sfhover ul ul ul { color: #000; left: -999em; }

img { border: 0; }
a { color: #56004E; text-decoration: underline; }
a:hover { color: #3F3F3F; text-decoration: none; }

.nothing  { clear: both; height: 1px; }
.nothing2  { clear: both; height: 1px; background-color: #F5F4F5; }
.block {display: block; }
.hpimage { margin-top: 50px; }

.content { padding: 80px 40px 20px 40px; text-align: justify; }
#flashcase { margin-left: 40px; width: 470px; height: 254px; padding: 1px 8px 9px 1px; background: url(../images/design/shadow.png) no-repeat 100% 100%; }
#flash { width: 470px; height: 254px; background: url(../images/design/flash1b.jpg) no-repeat; }
.shadow { display: block; padding: 1px 8px 9px 1px; background: url(../images/design/shadow.png) no-repeat 100% 100%; }

.fboxtitle1 { float: right; width: 206px; height: 26px; background: url(../images/design/fbox1title.jpg) no-repeat; }
.fboxtitle1 h2 { color: #E9E2E8; margin: 0 0 0 0; padding: 5px 0 0 9px; }
.fbox1 { float: right; width: 206px; background: url(../images/design/fbox1bg.jpg) repeat-x; }
.fboxcontent1 { padding: 9px; }
.fbox1 img { display: block; margin-bottom: 6px; margin-top: 6px; }

.fboxtitle2 { float: right; width: 206px; height: 26px; background: url(../images/design/fbox2title.jpg) no-repeat; }
.fboxtitle2 h2 { color: #56004E; margin: 0 0 0 0; padding: 5px 0 0 9px; }
.fbox2 { float: right; width: 206px; background: url(../images/design/fbox2bg.jpg) repeat-x; }
.fboxcontent2 { padding: 9px; }
.fbox2 img { display: block; margin-bottom: 6px; margin-top: 6px; }


.display { color: #D20; }
form { margin: 0; padding: 0; }
h1 { font-family: Verdana, Helvetica, sans-serif; color: #56004E; font-size: 1.15em; margin-bottom: 10px; }
h2,h3,h4,h5,h6 { font-family: Verdana, Helvetica, sans-serif; color: #56004E; font-size: 1em; margin-bottom: 10px; }
td { font-family: Verdana, Helvetica, sans-serif; font-size: 12px; }

.input { font-size: 1em; font-family: Verdana, Helvetica, sans-serif; color: #3F3F3F; background-color: #EBE5E6; margin-top: 2px; margin-bottom: 2px; padding-left: 5px; border-style: solid; border-width: 1px; border-color: #BB9BB6 #F2EEEF #F2EEEF #BB9BB6; width: 200px; /*height: 16px;*/ }
.input2 { font-size: 1em; font-family: Verdana, Helvetica, sans-serif; color: #3F3F3F; background-color: #EBE5E6; margin-top: 2px; margin-bottom: 2px; padding-left: 5px; border-style: solid; border-width: 1px; border-color: #BB9BB6 #F2EEEF #F2EEEF #BB9BB6; width: 400px; }

.namefield  { float: left; padding-top: 3px; width: 140px; }
.namefield2 { float: left; padding-top: 3px; width: 140px;}
.formtext { float: left; margin-bottom: 10px; padding-top: 3px; width: 680px; }
.inputfield  { float: left; width: 200px; }
.inputfield2 { float: left; width: 160px;}

.newsletterinput { font-size: 1em; font-family: Verdana, Helvetica, sans-serif; color: #3F3F3F; background-color: #EBE5E6; margin-top: 2px; margin-bottom: 2px; padding-left: 5px; border-style: solid; border-width: 1px; border-color: #BB9BB6 #F2EEEF #F2EEEF #BB9BB6; width: 182px; height: 16px; }
*html .newsletterinput { font-size: 1em; font-family: Verdana, Helvetica, sans-serif; color: #3F3F3F; background-color: #EBE5E6; margin-top: 2px; margin-bottom: 2px; padding-left: 5px; border-style: solid; border-width: 1px; border-color: #BB9BB6 #F2EEEF #F2EEEF #BB9BB6; width: 182px; height: 20px; }
.newsletterbutton { margin-top: 10px; }

.submitbutton { color: #FFFFFF; font-weight: bold; font-size: 1em; font-family: Verdana, Helvetica, sans-serif; background-color: #56004E; margin-top: 2px; padding-left: 2px; border-style: solid; border-width: 1px; border-color: #BB9BB6}
label { display: none; visibility: hidden; }

.required { color: #d20; }

#footer { color: #B9B8B9; width: 970px; height: 72px; margin: 0 auto; overflow: hidden; background: url(../images/design/footer.jpg) no-repeat; }
#footercontent { padding-top: 20px; text-align: center; }
#footer a { color: #B9B8B9; text-decoration: none; }
#footer a:hover { color: #56004E; text-decoration: underline; }


/* Product List */
.product {
  margin:0 0 20px 0;
}

.productimg {
  float:right;
  margin:0 0 10px 10px;
}

.readmore, .goback {
  margin:10px 0 0 0;
}