/* SeCommerce Zen theme/custom.css - version 1.1.1 2009-9-9
** http://www.silverearth.com/
**
** Place your custom styles here. These will override/extend the default Zen CSS.
************************************************************************************/

a:link, a:visited {
  color: #a34;
}

a:focus {
  outline: 1px dotted #a78;
}

a:active {
  background: #ffe;
}

#page {
    background: #fff url(images/body-bg.png) 0 0 repeat-y;
    padding: 0 20px;
}

#site-name {
    font-size: 2.5em;
}

#header { 
padding: 0 15px 0 0;
height: 90px;}

#content-inner {
padding: 0 30px;
}

h1 {
  font-size : 1.5em;
  margin: 0.667em 0;
  line-height: 1.2em;
}

h1.small {
  font-size: 1.167em;
  margin: 0.8em 0;
}

h2 {
  font-size: 1.25em;
  margin: 0.8em 0;
}

h3, h4, h5, h6 {
  font-size: 1em;
  margin: 1em 0;
}

.horizontal-nav a:hover,
.horizontal-nav a:active {
text-decoration:none;
}
#page {
    position: relative;
   }
   #navbar {
   position: relative;
   height: 36px;
   }
#main {
    position: absolute;
    top:157px;
    left: 0;
    width: 1000px;
    background: #fff url(images/body-shade.png) 0 0 repeat-x;
}
#navbar,
#navbar .horizontal-nav a,
#navbar .horizontal-nav ul {
  background: #923 url(images/navbar.jpg) 0 0 repeat-x;
  color: #fff;
  margin: 0;
}

#navbar .horizontal-nav a:hover,
#navbar .horizontal-nav a:active {
  background-image: url(images/navbar-a.jpg);
}

#navbar .horizontal-nav {
    position: absolute;
    top: 0;
    left: 0;
}

#navbar .horizontal-nav a {
  height: 24px;
  line-height: 24px;
  padding: 5px 14px 7px 14px;
  border-right: 1px solid #b89;
}

#catalogs .horizontal-nav a {
 padding : 5px 14px 6px 14px;
}

#catalogs,
#catalogs .horizontal-nav a {

 background: #d70 url(images/catalog.jpg) 0 0 repeat-x;
}
#catalogs {
 border-top: 1px solid #fff;
 border-bottom: 1px solid #c56;
}
#catalogs .horizontal-nav ul {
  width: 240px;
  border: 1px solid #d62;
}

#catalogs .horizontal-nav li:hover a {
 background: #d62;
 color: #fff;
}

#catalogs .horizontal-nav ul a,
#catalogs .horizontal-nav li:hover ul a {
  padding: 2px 14px;
  font-size: 0.917em;
  background: #fff;
  color: #777;
}

#catalogs .horizontal-nav li:hover ul a:hover,
#catalogs .horizontal-nav li:hover ul a:active {
  background: #d70;
  color: #fff;
}

#footer {
    border: 1px solid #888;
    background: #eee;
    color: #888;
    margin-top: 30px;
    padding-top: 1em;
}

.submenu h3 { font-size: 1.083em; margin: 0; background: #b46; padding: 1px 5px;}


/***********************************************************************************
** Background colors
*/
fieldset {
  background: #eee;
}

/***********************************************************************************
** Icons - base icon styles are in classes.css, icon images are defined here.
*/
.icon { background-repeat: no-repeat; }
.icon.bill    { background-image: url('images/building.png'); }
.icon.box     { background-image: url('images/package.png'); }
.icon.box-go  { background-image: url('images/package_go.png'); }
.icon.cart    { background-image: url('images/cart.png'); }
.icon.cart-go { background-image: url('images/cart_go.png'); }
.icon.comment { background-image: url('images/comment.png'); }
.icon.email   { background-image: url('images/email.png'); }
.icon.gift    { background-image: url('images/cake.png'); }
.icon.house   { background-image: url('images/house.png'); }
.icon.key     { background-image: url('images/key.png'); }
.icon.pay     { background-image: url('images/creditcards.png'); }
.icon.save    { background-image: url('images/disk.png'); }
.icon.ship    { background-image: url('images/lorry.png'); }
.icon.user    { background-image: url('images/user.png'); }
.icon.vcard   { background-image: url('images/vcard.png'); }

/***********************************************************************************
** Show rounded borders in browsers that support it (mozilla, safari, google chrome)
*/
fieldset,
.submit,
.link-button {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.text,
.password,
textarea,
.notice,
.error {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}