/* reset.css */
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{
margin:0;
padding:0;
border:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
}

table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
a img {border:none;}


/*------------content base------------*/

html,body 
{ padding: 0; }

body         
{ 
color: #292929; 
font-size: 13px; /* Except IE */
font-family:"Lucida Grande", verdana, arial, "bitstream vera sans", sans-serif; background-color: #ace3c2; 
text-decoration: none; 
text-align: center; 
vertical-align: top; 
margin: 0; 
padding: 0; 
}

* html body 
{
font-size: 77%;/* IE */ 
}

p
{
margin:10px 0;
}

h1,h2,h3
{ 
font-family: "Arial Black",Arial, Helvetica, Geneva, SunSans-Regular, sans-serif ; 
}

h1    
{ 
color: #1e64be; 
font-size: 190% ; 
font-weight: bold; 
line-height: 110%; 
margin:13px 0;
}

h2   
{ 
color: #1e64be; 
font-size: 150% ; 
font-weight: bold; 
line-height: 110%; 
text-transform: uppercase; 
margin:10px 0; 
padding-bottom:5px;
}

h3   
{ 
color: #80a9cd; 
font-size: 100% ; 
font-weight: bold; 
line-height: 110%; 
background-color: #e6eef5; 
margin:10px 0;
padding: 5px; 
}

hr 
{ 
height:1px; 
border:0; 
width:100%; 
background-image: url(hr_h.gif); 
background-repeat: repeat-x; 
background-position: 0 center; 
margin-top: 10px; 
margin-bottom: 10px; 
}

img{border: 0px;}

ul  { 
list-style: none; 
margin: 10px 0 10px 10px; 
padding: 0 ;
}

ol  { 
margin: 10px 0 10px 10px; 
padding: 0 ;
}

ol li  
{ 
margin-left: 5px; 
margin-top:5px;
}

ul li  
{ 
margin-left: 5px; 
margin-top:5px;
padding-left: 20px; 
list-style-type: none; 
background-image: url(arrow.gif); 
background-repeat: no-repeat; 
background-position: 0 5px; 
}

ul ul li
{
margin-left: 30px; 
margin-top:3px;
padding-left: 15px; 
list-style-type: none; 
background-image: url(arrow2.gif); 
background-repeat: no-repeat; 
background-position: 0 7px; 
}

ul ul ul li
{
margin-left: 50px; 
}

div.wholewrap
{ 
width:900px; 
text-align: left; 
margin: 0 auto; 
}

#bodywrap
{ 
background-image: url(hr_v.gif); 
background-repeat: repeat-y; 
background-position: 260px 0; 
background-color: #fff; 
padding: 20px; 
margin:0; 
}

#bodybottom
{
background-image: url(body_bot.gif); 
background-repeat: no-repeat; 
background-position: 0 bottom; 
height:20px;
margin:0;
}

#maincontents
{ 
line-height: 170%; 
padding:0 0 0 10px; 
width:600px; 
float:right; 
text-align:left; 
}

/*------------mainbodyitems------------*/

#padding
{
padding:10px 30px 10px 10px;
line-height:160%;
}

#padding img{margin:10px;}

#maincontents #mainimage
{
margin:20px 20px 10px 10px;
}

/*------------leftsidebar------------*/

#leftsidebar
{ 
width:220px; 
float:left; 
padding-right: 10px; 
padding-bottom:20px; 
}

#leftsidebox
{
margin:20px 10px 10px 20px;
padding-bottom:20px;
background-color: #efe6d4;
}


#search
{ 
padding:10px 5px; 
margin:0 0 10px 0;
text-align:center; 
width: 200px; 
}

#search input
{
margin:0 3px;
}


#search input.box
{
padding:3px;
border:1px solid #ccc;
}


#leftsidebar h1
{ 
font-size:110%; 
color:#fff; 
font-weight: bold; 
background-color: #c00; 
background-repeat: no-repeat; 
background-position: 0 bottom; 
text-transform: uppercase; 
padding:10px; 
text-align:left; 
margin: 0; 
}

#leftsidebar ul{margin:10px 0;}

#leftsidebar li
{
margin-left: 10px; 
margin-top:3px;
padding-left: 15px; 
list-style-type: none; 
background-image: url(star.gif); 
background-repeat: no-repeat; 
background-position: 0 5px; 
}
#leftsidebar img
{
margin:5px 20px ;
}

/*------------header------------*/

#header
{ 
background-image: url(mainimage.jpg); 
background-repeat: no-repeat; 
background-position: 0 bottom; 
text-align:left; 
padding-top: 7px; 
padding-bottom: 300px; 
}

#logo
{ 
font-size: 170%; 
font-weight: bold; 
float:left; 
margin: 20px; 
}

#topmenu
{
font-size:90%;
float:right;
padding: 0px;
margin:10px 0;
text-align:right;
width: 320px;
}

#topmenu ul
{ margin-top: 5px; }

#topmenu li
{ 
text-align:right;
display:inline; 
float:right; 
background-image:none; 
padding:0; 
}

#topmenu li#end
{}


#topmenu li a
{ 
white-space:nowrap;
color: #c00; 
font-weight: bold; 
text-decoration: none; 
padding:0 5px; 
}

#topmenu li a:hover
{
color:#fff;
text-decoration: none;
}


/*------------mainmenu------------*/

div.mainmenu
{ 
color: #fff; 
background-color: #1e64be; 
text-align:left; 
margin: 0; 
padding: 10px; 
}

div.mainmenu p
{
display:none;
}

ul#mainmenu
{ 
margin: 0; 
padding: 0;
}


ul#mainmenu li
{ 
background-image:none;
display:inline; 
float:left; 
margin: 0; 
padding: 0; 
}

ul#mainmenu li a
{ 
color: #fff; 
font-size: 110%; 
font-weight:bold; 
text-decoration: none; 
text-transform: uppercase; 
margin: 0; 
padding: 0 5px; 
border-right: 1px solid #d8d8d8; 
}

ul#mainmenu li a:hover
{ 
color: #ffff53; 
text-decoration: none; 
}

/*------------link------------*/

a     
{ 
color: #c00; 
text-decoration: none;
}

a:hover  
{ 
color: #474747; 
text-decoration: underline ; 
}

#maincontents a     
{ 
color: #cc0000; 
text-decoration: none ;
}

#maincontents a:hover  
{ 
color: #474747; 
text-decoration: underline ; 
}

/*------------footer-----------*/

#footer
{ 
font-size:90%;
text-align: center; 
margin: 0; 
padding: 20px; 
}

#footer a
{ 
color: #c00;  
text-decoration: none; 
margin:0 5px; 
}

#footer a:hover
{
text-decoration:underline;
}

/*------------table css-----------*/


/*--top page--*/

/*------------ Catalog ------------*/

.CatalogSubCategory li
{
line-height:120%;
background-image: url(arrow.gif); 
background-repeat: no-repeat; 
background-position: 0 center; 
}

div.CatalogProduct
{
width:195px;
height:250px;
}

span.CatalogCode
{
font-weight:bold;
font-size:90%;
}

div.CatalogProductThumbnail
{
height:180px;
max-height: 180px;
overflow:hidden;
}

div.CategoryProductWrapper 
{
width: 600px;
}

table.tools td {
padding: 10px;
font-size: 11px;
line-height: 13px;
font-decoration: none;
}
