body { width:1000px;
margin: 0 auto;
text-align: center;
padding: 0px;
background:url(background.jpg) fixed top #092809; font-family:verdana, arial, times; font-size:0.8em;
}


#leftcol {line-height:170%;border-left:solid 1px #eee;float:left;top:1px;width:255px; font-size:0.85em;
position:relative;text-align:left;padding-left:1px;background:#fff;}

#leftcol h3 {text-align:left;font-weight:normal;font-size:0.9em;}
/*
#rightcol {line-height:170%;float:right;top:1px;width:160px; right:1px;  font-size:0.85em;
position:relative;text-align:left;background:#fff;}
*/
.affcenter{background:#fff;width:730px;text-align:left;float:left;padding-right:3px;padding-left:1px;}

#leftcol .heading {font-size:200%}
.heading, h1, h2 {font-size:130%;color:red;padding:2px;text-align:center;font-weight:bold}
.bannertable .heading {font-size:170%;}

#menu2, #menu2 li, #menu2 li ul {margin:0px;padding:0px;list-style:none;}
#menu2 .cat, .catlist .cat {font-weight:bold;}
.catlist .cat {font-size:120%}

ul#menu2 {padding:0;margin:0;width:99%;list-style:none;background-color:#9ef;}
ul#menu2 li {border-top:1px solid #3bf;}
ul#menu2 li a {text-decoration:none;display:block;padding:1px;width:99%;}
ul#menu2 li a:hover, ul#menu2 li a.current {background-color:#36f;color:#fff;}
ul#menu2 li ul li {background-color:#E0FFFF;padding-left:10px;}
ul#menu2 li ul li a {display:block;width:99%;}


.listing {width:715px;background:url(listing.jpg) repeat-x #fff;margin-bottom:8px;margin-top:8px;
overflow:hidden;padding:7px;border:solid #ccc 1px}

h1, h2, h3, h4, h5, h6 {
padding: 0px;
margin-top: 3px;
margin-bottom: 3px;
}
a:link {color: blue;}
a:visited { color: purple;}
a:hover {color:red }
#wraper {
display: table;
width: 1000px; background:#fff;
text-align: left;
padding: 0px;
margin: 0 auto;
text-align: center;
}
#header {
padding: 0px;
margin: 0 auto;
height: 100px;
text-align: left;
}

.productlink {font-size:1.2em;font-weight:bold;text-align:left}

#content {
padding: 8px 0px; 
margin: 0 auto;
text-align: left;

display: inline-table;
}
#footer {

border-top: solid 1px #ccc;
height:auto;

text-align: center;
clear: both;
line-height:180%;
}


.pages {font-weight:bold;color:red;margin:1px;text-align:center}
.listing .pages {text-align:left}
a.but, .pages a, .selected {margin:0px;padding:2px 3px;line-height:160%;font-weight:bold;border:solid 1px #3bf;color:#fff;
 }
#leftcol, #rightcol,.affcenter, .searchform, .discount, .filters, .listing, a.but, .pages a, .selected, #header, .searchform .inputbutton, .searchform input,.searchform select, #footer, .padding, .breadcrumbs
{
-webkit-border-radius:10px;
-moz-border-radius:10px;
CCborderRadius:10px;
}

a.but:link, a.but:visited, .pages a:link, .pages a:visited {background:#6fe;text-decoration:none;color:#04f;}
a.but:hover, .pages a:hover, .selected {background:#36f;text-decoration:underline;color:#fff;}

.selected {text-decoration:none;}

.clear {clear:both}

.b, .red, .green {font-weight:bold}
.red {color:red}
.green {color:green}

.arr{color:red;font-weight:bold;font-size:110%}

.catlist img {padding:5px}
.catlist {line-height:180%}
.catlist a {padding-left:10px}


#header, #content {width:auto}
#footer {width:auto}

.name {font-weight:bold}
img {border:0px}
.breadcrumbs a {font-weight:bold}
.breadcrumbs {background-color:#cef;border:solid 1px #c9b;padding:3px;text-align:center;margin-right:10px}

.bread a {font-weight:normal}

.searchform {text-align:center;margin:0px;padding-top:3px;padding-bottom:3px;text-align:center;
font-size:0.9em;background:#ffc}
.searchform .inputbutton {background:green;color:#fff;}
.searchform input {font-weight:bold;background-color:#cfd;color:#000}
.searchform form {margin:-1px}
.searchform select {background-color:#cfd;color:#000}
.searchform label {color:blue}
.searchform fieldset {border:0px;}

.center {font-weight:bold;text-align:center}

.htmlcode {background:#fff;padding:5px;margin-left:10px;margin-right:10px}

/* menu start */
#menu {position:relative; z-index:500;} /* height for this demo only */
#menu ul {padding:0; margin:0; list-style:none; padding:3px; background:#068;}
#menu ul.level1 {height:23px;}
#menu ul ul {position:absolute; left:-9999px;}
#menu table {border-collapse:collapse; width:0; height:0; position:absolute; left:-1px; top:-1px;}
#menu ul li {background:#fff; margin-right:3px; float:left;}
#menu ul li a {display:block; float:left; padding:4px; font:normal 11px verdana, sans-serif; color:#308; 
text-decoration:none; background:#cef; border:1px solid #888; border-color:#ddd #555 #555 #ddd;}
#menu ul li a.fly {background:#cef;}

#menu ul ul li {margin:0;text-align:left;}
#menu ul ul li a {width:155px;}
#menu ul ul li a.fly {padding-right:10px;}

#menu ul li:hover {position:relative;}
#menu ul li a:hover {direction:ltr; background:#cff; color:red; border-color:#ddd #555 #555 #ddd; position:relative;}
#menu ul li:hover > a {background:#cef; color:red; border-color:#ddd #555 #555 #ddd;}

#menu ul :hover ul {left:-5px; width:165px; top:22px;}

#menu ul :hover ul :hover ul,
#menu ul :hover ul :hover ul :hover ul,
#menu ul :hover ul :hover ul :hover ul :hover ul {left:122px; width:122px; top:-5px;}

#menu ul :hover ul ul,
#menu ul :hover ul :hover ul ul, 
#menu ul :hover ul :hover ul :hover ul ul {left:-9999px;}

/* end of menu  */

 .gt {float:right;font-size:1.3em}

 .icon {text-align:left;width:15px;height:15px}
 
 /*             styles for the unit rater                */
.unit-rating{
list-style:none;
margin: 0px;
padding:0px;
width: 100px;
height: 20px;
position: relative;
background: url('images/star_rating.gif') top left repeat-x;
}
.unit-rating li{
    text-indent: -90000px;
padding:0px;
margin:0px;
/*\*/
float: left;
/* */
}
.unit-rating li a{
display:block;
width: 20px;
height: 20px;
text-decoration: none;
text-indent: -9000px;
z-index: 20;
position: absolute;
padding: 0px;
}
.unit-rating li a:hover{
background: url('images/star_rating.gif') left center;
z-index: 2;
left: 0px;
}
.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:20px;}
.unit-rating a.r2-unit{left:20px;}
.unit-rating a.r2-unit:hover{width: 40px;}
.unit-rating a.r3-unit{left: 40px;}
.unit-rating a.r3-unit:hover{width: 60px;}
.unit-rating a.r4-unit{left: 60px;}
.unit-rating a.r4-unit:hover{width: 80px;}
.unit-rating a.r5-unit{left: 80px;}
.unit-rating a.r5-unit:hover{width: 100px;}

.unit-rating li.current-rating{
background: url('images/star_rating.gif') left bottom;
position: absolute;
height: 21px;
display: block;
text-indent: -9000px;
z-index: 1;
}
.padding {border:1px #6bf solid;width:170px;padding:2px;}
.pointstable {font-weight:bold;padding-top:5px;padding-bottom:5px;text-align:left;font-size:1.2em;color:red}
.discount {color:red;background:yellow;padding:5px;margin:5px;border:solid 1px #ccc;font-weight:bold;font-size:120%;text-align:center}

/* max width */
* html .screenshot {
   width: expression( document.body.clientWidth > 299 ? "300px" : "auto" ); /* sets max-width for IE */
}
.screenshot {
   max-width: 300px;
}

/* max height */
* html .screenshot {
   height: expression( this.scrollHeight > 299 ? "300px" : "auto" ); /* sets max-height for IE */
}
.screenshot {
   max-height: 300px;
}


* html .boxshot {
   width: expression( document.body.clientWidth > 289 ? "290px" : "auto" ); /* sets max-width for IE */
}
.boxshot {
   max-width: 290px; float:left;padding-right:10px;
}

* html .boxshot {
   height: expression( this.scrollHeight > 199 ? "200px" : "auto" ); /* sets max-height for IE */
}
.boxshot {
   max-height: 200px;
}


* html .item {
   height: expression( this.scrollHeight > 219 ? "220px" : "auto" ); /* sets max-height for IE */
}
.item {
   max-height: 220px; width:100%;
}


* html .longdesc {
   width: expression( document.body.clientWidth < 199 ? "200px" : "auto" );
}
.longdesc {
   min-width: 200px;
}

.disclaimer {font-size:0.85em;color:#666;line-height:1.4em}
.filters {text-align:center;border:solid 1px #ccc;background:#ffd;padding:4px;color:red;font-size:0.9em;
margin-top:5px;margin-bottom:5px}

.bannertable {border-bottom:solid 1px #ccc;border-top:solid 1px #ccc}