/* 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-repeat: repeat-x; 
background-position: 0 130px; 
text-decoration: none; 
text-align: center; 
vertical-align: top; 
margin: 0; 
padding: 0; 
}

* html body 
{
font-size: 77%;/* IE */ 
}

form
{
padding:5px;
}

p
{
margin:10px 0;
}

table.LoginForm
{
margin:10px 0;
}


table.LoginForm td
{
text-align:left;
padding:2px 5px;
}


h1,h2,h3
{ font-family: verdana,Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;}

h1    
{ 
color: #879a35; 
font-size: 190% ; 
font-weight: bold; 
line-height: 110%; 
margin:13px 0;
}

h2   
{ 
color: #879a35; 
font-size: 170% ; 
font-weight: bold; 
line-height: 110%; 
background-image: url(hr_h.gif); background-repeat: repeat-x; 
background-position: 0 bottom; 
text-transform: uppercase; 
margin:10px 0; 
padding-bottom:5px;
}

h3   
{ 
color: #cc9933; 
font-size: 110% ; 
font-weight: bold; 
line-height: 110%; 
background-color: #efe6d4; 
margin:10px 0;
padding: 5px 10px; 
}

hr 
{ 
height:1px; 
border:0; 
width:100%; 
background-image: url(hr_grey.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:950px; 
margin:0 auto; 
text-align: left; 
}

#bodywrap
{ 
margin-top: 20px;  
background-repeat: repeat-y; 
background-position: 250px 0; 
}

#maincontents
{ 
padding:0 0 0 7px; 
width:680px; 
float:right; 
text-align:left;
line-height:160%;
}

#maincontents2
{ 
padding:0; 
width:910px; 
float:right; 
text-align:left;
}

#maincontents img
{
margin:5px;
}

/*------------leftsidebar------------*/

#leftsidebar
{ 
width:250px; 
float:left; 
padding-right: 7px;
padding-bottom:20px; 
}

#leftsidebox
{
margin:20px 10px 10px 20px;
padding-bottom:20px;
background-color: #efe6d4;
}

#leftsidebar h1
{ 
font-size:110%; color:#98886a; 
font-weight: bold; 
background-repeat: no-repeat; 
background-position: 0 bottom; 
text-transform: uppercase; 
padding:10px 10px 10px 40px; 
text-align:left; 
margin: 0; 
}

#leftsidebar #categories
{
background-image: url(heading1.gif); 
}

#leftsidebar #brandname
{
background-image: url(heading2.gif); 
}

#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 li a
{
color:#292929;
text-decoration:none;
}

#leftsidebar li a:hover
{
color:#ef4e53;
text-decoration:none;
}

div#scroll
{
margin:5px 0;
}

/*------------header------------*/

#header
{
background-repeat: no-repeat; 
background-position: right 80px; 
height:380px; 
text-align:left; 
}

#header2
{
background-repeat: no-repeat; 
background-position: right 80px; 
height:255px; 
text-align:left; 
}

img#logo
{
margin:30px 10px 0 0;
float:left;
}


#header_right
{ 
margin:0; 
float:right; 
width:620px; 
text-align:right; 
margin:20px 0;
}

#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;
}

#topmenu ul
{ 
float: right; 
}

#topmenu li
{
display:inline;
float:left;
background-image:none;
border-right:1px solid #ccc;
padding:0 5px;
}

#topmenu li#end
{
border-right:0px solid #ccc;
}


#topmenu li a
{ 
color: #7a7a7a; 
text-decoration: none; 
padding:0; 
white-space:nowrap;
}

#topmenu li a:hover
{
color:#ef4e53;
text-decoration: none;
}


div#greenbar
{ 
background-image: url(catchcopy.gif); 
background-repeat: no-repeat; 
background-position: 0 0; 
text-align: right; position: 
absolute; top: 180px; 
width: 400px; 
height: 200px; 
clear: both; 
}

/*------------mainmenu------------*/

div.mainmenu
{ 
background-image: url(hr_h.gif); 
background-repeat: repeat-x; 
background-position: 0 bottom; 
text-align:left; 
padding:15px 0;
margin-bottom:20px;
}

ul#mainmenu
{
margin:5px 0 0 0;
padding:0;
}


ul#mainmenu li
{ 
background-image:none; 
display:inline; 
float:left; 
margin:0;
padding:0;
}

ul#mainmenu li a
{ 
color: #879a35; 
font-size: 120%; 
font-family: verdana,Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
font-weight: bold; 
text-decoration: none; 
text-transform: uppercase; 
padding: 0 8px; 
border-right: 1px solid #d8d8d8; 
}

ul#mainmenu li a:hover
{ 
color: #ef4e53; 
text-decoration: none; 
}

/*------------link------------*/

a     
{ 
color: #ef4e53; 
text-decoration: none ; 
}

a:hover  
{ 
color: #474747; 
text-decoration: underline ;
}

/*------------footer-----------*/

#footer
{ 
color: #fff; 
background-image: url(pink_bg.gif); 
background-repeat: repeat-x; 
background-position: 0 center; 
text-align: center; 
padding-top: 45px; 
padding-bottom: 45px; 
}

#footer a
{ color:#fff; text-decoration: underline; margin:0 5px; }

#footer a:hover
{
color:#fff;
text-decoration:none;
}

/*------------table css-----------*/


/*--top page--*/



/*------------ Catalog ------------*/

div.CatalogProduct
{
line-height:120%;
width:210px;
height:250px;
}

span.CatalogCode
{
font-weight:bold;
font-size:90%;
}

div.CatalogProductThumbnail
{
max-height: 180px;
height:180px;
overflow:hidden;
}

div.CategoryProductWrapper 
{
width: 670px;
}

table.tools td {
padding: 10px;
font-size: 11px;
line-height: 13px;
font-decoration: none;
}


/*************** table ******************/

table.A
{
margin:5px 0;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
width:100%;
}

table.A td
{
padding:10px;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
text-align:left;
line-height:130%;
}

table.B
{
border-bottom: 1px solid #ccc; 
margin:10px 0;
}

table.B td
{
border-top: 1px solid #ccc; 
padding:5px 10px;
text-align:left;
}