body  { color: #666; font-size: 12px; font-family: Veranda, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align: center; }
h1 { font-size: 14px; margin: 25px 0 25px; padding-bottom: 10px; border-bottom: 1px solid #9f72b6 }
h1 a { color: black; text-decoration: none;}
h2     { font-size: 12px; font-weight: bold; margin: 20px 0 10px 0 }

p  { font-size: 12px; margin: 10px 0; padding: 0 }
p.mid  { font-size: 11px; margin: 5px 0; padding: 0 }
p.small { font-size: 10px; margin: 2px 0; padding: 0 }
a  { color: #666; text-decoration: none }
a:hover { color: #a5d729 }

.fl {float:left }
.fr {float:right }
.fl_45 {float:left; width:45% }
.fl_10 {float:left; width:10% }	
.fr_pr20 {float:right; padding-right: 20px }
.special { color:white; background-color: #9f72b6; padding-right: 5px; padding-left: 5px; }
.alert { color: #8bc104 }
.price_150b{ font-size: 150%; font-weight: bold }
.emph {font-weight: bold; }
/* STRUCTURE */
#frame { width:800px; margin-right:auto; margin-left:auto; margin-top:20; padding:0; text-align:left ; border-style: solid; border-width: 1px }
#header-nav    { }
#content  { float: left; margin: 0; padding: 0px; width: 640px  }
#left-nav  { float: left; margin: 0; padding: 0; width: 119px ; border-right: 1px solid #afadab }
#content_small   { float: left; margin: 0; padding: 10px; width: 500px  }
#content_large  { float: left; margin: 0; padding: 10px; width: 620px  }
#right_nav  { float: left; margin: 0; padding: 0; width: 160px ; background-color: #f7f4f9 }
#footer { font-size: 11px; text-align: center }

/* HEADER */
#nav0 {}

#nav1  {  margin: 0; padding: 0; float: left; width: 800px; height: 28px; background-image: url(/i/duon2005/menu1.gif) }
#nav1 ul   { margin: 0; padding: 0 }
#nav1 ul li {  margin: 0; padding: 0; display: inline; }
#nav1 ul li a { float: left; padding-top: 2px; padding-left: 5px; width: 120px; color: purple; font-size: 10px; font-weight: bold; text-decoration: none ;}
#nav1 ul li a:hover { background: transparent; border: solid 1px #a5d729; color: #a5d729 }

#nav2 {  margin: 0; padding: 0; float: left; width: 800px; height: 28px; background-image: url(/i/duon2005/menu2.gif) }
#nav2 ul { color: white; font-size: 10px; font-weight: bold; float: left; margin: 0; padding: 0; }
#nav2 ul li { display: inline; }
#nav2 ul li a  { padding: 0.6em 1em; color: white; text-decoration: none; float: right }
#nav2 ul li a:hover { background: transparent; color: #a5d729 }

/* SEARCH */
#search   { float: left; }
#search form  { margin:0; padding-top: 3px }
#search  td {height: 26px; color:white; font-weight: bold; font-size: 10px }
#search  input { font-size: 10px }
#search  input.submit { background-color: #9369a8; color: white; font-weight: bold; height: 18px; width: 18px; border: solid 2px; }
input:focus { border-color: #a5d729 !important; background-color: #f9f9f9; }

/* NAVBAR */
#right_nav ul { margin:0; padding: 0 }
#right_nav li { padding: 5px; list-style: none }
#right_nav li h1 { font-size: 12px; margin:0; padding-top: 15px; padding-bottom: 2px; color: #9369a8; border-bottom: 1px dashed silver }
#right_nav li a   { color: #666; text-decoration: none }
#right_nav li a:hover { background-color: silver }

/* CART*/
#cart  { margin: 0; padding-right: 20px; padding-left: 20px }
#cart thead { font-weight: bold; background-color: #eeeee4;}
#cart thead td { border-bottom: 1px solid #9f72b6 }
#cart tfoot { font-weight: bold; background-color: #eeeee4 }
#cart tfoot td { border-top: 1px solid #9f72b6 }

/* TABLE REPLACEMENT */
.tab_repl { background: red}
.fl_50pc { float: left; margin:0; padding: 0; width: 50% }

#allBrands li {  display: block; float: left; padding: 0 4px;}

.brandlist { float: left; margin: 0; padding: 0; text-align: center; width: 150px; height: 180px; }
.brandlist a { color: #3c3c3c; font-weight: bold; text-decoration: none; }

/* PRODUCT */
.unit_large { margin-bottom: 10px; padding: 0; float: left;  width: 100%; background-color: #f7f4f9 }
.unit_large h1 { margin: 0; padding: 0 }
.unit_large h2 { margin: 0; padding-top: 20px; padding-bottom: 10px; font-size: 120% }
.unit_large p { margin: 0; padding-right: 30px }
img.large { float: left; padding-right: 30px }


.unit_small { float: left; margin: 0; padding: 5px; width: 296px }
.prod  { float: left; text-align: left; margin: 0; padding: 0px; width: 100%; border: 1px solid silver }

dl { margin: 0; padding: 0 }
dt  { margin: 0; padding: 0 }
dt.text  { padding-top:20px; color: #9369a8; font-weight: bold }
dt img.small  { float: left; padding-right: 10px }

dd { margin: 0; padding: 0 }
dd.text { padding-bottom: 10px }
dd.prodbar { height: 30px }
dd ul { margin: 0; padding: 0; list-style-type: none; background : #eeeee4 }
dd ul li { display: inline; font-size: 120%; font-weight: bold }

dd ul li.right { float: right; padding-left: 10px }
dd ul li.left { float: left; padding-right: 10px }

.wonder { width: 100%; text-align: right; margin: 0; padding: 0 0 20px; }
.free_s { background-image: url(/i/nav/free.gif); float: left; border: solid 1px purple; width: 150px; height: 46px; margin-left: 10px; padding: 0 }
.free_l { background-image: url(/i/nav/free.gif); float: left; border: solid 1px purple; width: 150px; height: 46px; margin-left: 10px; padding: 0}

#refl { float: left; color: silver; width: 600px; height: 400px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: black }
#refl_top { background-color: black }
#refl_list {float: left; width: 120px}
#refl_list li {list-style: none; font-size: 14px }
#refl_contr {float: right; margin-right: 30px }
#refl_contr_text { float: left; width:320px; text-align: center; font-size: 14px; line-height:50px; background-image: url(/i/reflections/border.gif); background-repeat: no-repeat;}