body, html {margin: 0; padding: 0; font-family : Arial, Verdana, Times, MS,  Helvetica, Sans-serif;  font-size: 10px;}
img {border: 0; margin: 0; padding: 0;}
form {margin: 0; padding: 0;}
h1 {padding: 0; margin: 0; font-size: 18px; color: #A11C6B; font-weight: normal;}
p {padding: 0 0 10px 0; margin: 0;}


#container {margin: 0 auto; padding: 0; width: 890px; overflow: hidden;}
#logo {padding: 15px 0 5px 0; margin: 0;}
#topmenu {padding: 0; margin: 0; text-transform: uppercase; color: #fff; overflow: hidden;}
 #shop {float: left; width: 176px; background: #A11C6B; padding: 5px 0 5px 6px; margin: 0;}
 #location {float: left; width: 85px; background: #000; padding: 5px 0 5px 6px; margin: 0 0 0 2px;}
 #press {float: left; width: 110px; background: #7A7A7A; padding: 5px 0 5px 6px; margin: 0;}
 #sizes {float: left; width: 100px; background: #EB76BC; padding: 5px 0 5px 6px; margin: 0;}
 #account {float: left; width: 180px; background: #ED008C; padding: 5px 6px 5px 6px; margin: 0; text-align: right;}
 #bag {float: left; width: 196px; background: #535353; padding: 5px 0 5px 5px; margin: 0; text-align: right;}
 #line1 {clear: both; width: 100%; height: 9px; background: #A11C6B; padding: 0; margin: 0;}
 #current {clear: both; width: 100%; height: 2px; padding: 0; margin: 0;}
 #current1 {float: left; height: 2px; padding: 0; margin: 0;}
 #current2 {float: left; height: 2px; padding: 0; margin: 0;}

 #topmenu a         {color: #fff; text-decoration:none;}
 #topmenu a:visited {color: #fff; text-decoration:none;}
 #topmenu a:active  {color: #f1f1f1; text-decoration:underline;}
 #topmenu a:hover   {color: #f1f1f1; text-decoration:underline;}

#inner {clear: both; margin: 0; padding:0; overflow: hidden;}
#content {border: 1px solid #D98AA7; background: #fff; width: 654px;  margin: 4px 4px 0 0; overflow: hidden;}
 #contentinner {margin: 4px; }
 #contentleft {float: right; width: 175px;}
 #contentleft p {margin: 0; padding:0;}
 #contentleft form {padding: 0; margin: 0 0 0 28px;}
 #contentleft select {background: #F5E8F1; border: 1px solid #949496; color: #676767; font-size: 11px; font-weight: bold; padding-left: 5px; width: 110px; margin-bottom: 2px; font-family: Arial, Helvetica, sans-serif;}
 #contentleft h1 {padding: 40px 0 10px 0; margin: 0; font-size: 16px; color: #353535; font-weight: bold;}
 #contentleft #price {padding: 40px 0 10px 0; margin: 0; font-size: 16px; color: #353535; font-weight: bold;}

 #contentleft #colors {clear: both; padding: 0; margin: 0 0 0 28px; background: url(../images/colors_middle.gif) repeat-y top left; overflow: hidden;}
 #contentleft #colors img {float: left; padding: 4px; margin: 5px;}
 #contentleft #colors img.sel {border: 1px solid #828282;}

 #contentleft #items {clear: both; padding: 2px 0 0 2px; margin: 0 0 0 28px; background: url(../images/colors_middle.gif) repeat-y top left; overflow: hidden; width: 136px;}
 #contentleft #items img {float: left; padding: 4px; margin: 0px 0px 4px 4px; border: 1px solid #ccc;}
 #contentleft #items img.sel {border: 1px solid #828282;}

#maincontent {float: left; padding: 10px 0 0 7px; margin: 0 auto; width: 100%;}
  #maincontent h1 {padding: 0; margin: 0; font-size: 28px; color: #A11C6B; font-weight: normal;}
  #maincontent h1 span {font-size: 18px;font-weight: normal;}
  #maincontent #mainpicture {background: url(../images/mpmiddle.gif) top left repeat-y; width: 400px; padding: 0; margin: 0 auto; overflow: hidden; text-align: center;}
  #maincontent #mainpicture .pic {padding: 0; margin: 20px auto;}
  #maincontent #mainpicturebottom {width: 400px; padding: 0; margin: 0 auto;}


#leftside {width: 240px; overflow: hidden;}
  #leftside ul {margin: 0; padding: 0;list-style-type: none; width: 80px;}
  #leftside li {margin: 0; padding: 0;}

  #leftside a         {display: block;}
  #leftside a         {color: #fff; text-decoration:none;padding: 1px 0 1px 20px;}
  #leftside a:visited {color: #fff; text-decoration:none;padding: 1px 0 1px 20px;}
  #leftside a:active  {color: #000; text-decoration:none; background: #EAC4DB;padding: 1px 0 1px 20px;}
  #leftside a:hover   {color: #000; text-decoration:none; background: #EAC4DB;padding: 1px 0 1px 20px;}
  #leftside a.sel   {color: #000; text-decoration:none; background: #EAC4DB;padding: 1px 0 1px 20px;}
  #leftside img   {padding: 0 0 0 18px;}
  #leftside form {padding: 0 0 0 18px;}
  #leftside input {background: #F5E8F1; border: 1px solid #949496; color: #676767; font-size: 11px; font-weight: bold; padding-left: 5px; width: 93px;}
  #leftside select {background: #F5E8F1; border: 1px solid #949496; color: #676767; font-size: 11px; font-weight: bold; padding-left: 5px; width: 103px; margin-bottom: 2px;}


#footer {padding: 0; margin: 5px 0; color: #747474; text-transform: uppercase; clear: both;}
 #footer a         {color: #747474; text-decoration:none;}
 #footer a:visited {color: #747474; text-decoration:none;}
 #footer a:active  {color: #000; text-decoration:underline;}
 #footer a:hover   {color: #000; text-decoration:underline;}

.descr {margin: 0 0 0 10px;}
a         {color: #A11C6A; text-decoration:underline;}
a:visited {color: #A11C6A; text-decoration:underline;}
a:active  {color: #747474; text-decoration:underline;}
a:hover   {color: #747474; text-decoration:underline;}

#recommendtop {background: url(../images/rectop.gif) top right no-repeat; width: 400px;overflow: hidden;}
#recommendmid {background: url(../images/rec_m.gif) top right repeat-y; width: 400px; overflow: hidden;}
#recommendmid p {font-size: 13px; font-weight:bold;  padding: 15px 0 10px 20px;}
#recommendmid img {margin: 5px 5px 10px 30px}
#recommendbottom {background: url(../images/rec_bottom.gif) top right no-repeat; width: 400px; height: 17px;}

#dettop {background: url(../images/dettop.gif) top right no-repeat; width: 400px; height: 30px; overflow: hidden; margin-top: 3px;}
#detmid {background: url(../images/detmid.gif) top right repeat-y; width: 400px; overflow: hidden;}
#detmid p {padding: 2px 20px 10px 20px; margin: 0;}

#dettop2 {background: url(../images/dettop2.gif) top right no-repeat; width: 400px; height: 30px; overflow: hidden;}
#detmid2 {background: url(../images/detmid.gif) top right repeat-y; width: 400px; overflow: hidden;}
#detmid2 p {padding: 2px 20px 10px 20px; margin: 0;}

#dettop3 {background: url(../images/dettop3.gif) top right no-repeat; width: 400px; height: 30px; overflow: hidden;}
#detmid3 {background: url(../images/detmid.gif) top right repeat-y; width: 400px; overflow: hidden;}
#detmid3 p {padding: 2px 20px 10px 20px; margin: 0;}

#detbottom {background: url(../images/detbottom.gif) top right no-repeat; width: 400px; height: 14px;}


#itemdd {padding: 0 0 5px 20px; margin: 0;}
#itemdd .tdh1{padding: 3px 5px; background: #ccc; font-weight: bold;}
#itemdd td{padding: 3px 5px; background: #fff;}

#moreviews {padding: 5px 0 0 0;}
#moreviews img {margin: 5px 5px 10px 30px}

  #leftside  .sf {padding-top: 20px;}
  #leftside  a.sf {color: #fff; text-decoration:none; background: none; padding: 0; margin: 0;}
  #leftside  a.sf:visited {color: #fff; text-decoration:none; background: none; padding: 0; margin: 0;}
  #leftside  a.sf:active  {color: #eac8dc; text-decoration:underline; background: none; padding: 0; margin: 0;}
  #leftside  a.sf:hover   {color: #eac8dc; text-decoration:underline; background: none; padding: 0; margin: 0;}

.popupwin {position: absolute; visibility: hidden;  background: #fff; text-align: center;}
.popupwininner {background: #fff; border: 1px solid #eac4db; margin: 10px 14px; padding: 10px 5px; width: 130px;}

.size_note {background-color: #f9e7f3; color: #676767; padding: 5px; font-size: 11px; font-weight: bold;}