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

/***********************************************************************************
** general styles
*/
body {
  background: #fff url('images/body-bg.png') left top repeat-x;
  color: #444;
}

#page {
  line-height: 1.667em; /* 20px */
}


.grid6-5 { width: 312px !important; }

h1 { margin: 0.625em 0; }  /* 15px */
h2 { 
    color: #d40;
	text-transform: uppercase;
	letter-spacing: -1px;
	font-size: 1.667em;
    margin: 0.75em 0;
    line-height: 1.5em;
}
h3 { 
    margin: 0.938em 0; 
    font-style: italic;
    line-height: 1.875em;
}
h4 { margin: 1.071em 0; }
h5 { margin: 1.154em 0; }
h6 { margin: 1.25em 0; }

p, ul, ol, dl, pre, table, fieldset, blockquote {
  margin: 1.25em 0; /* 15px */
}

a:link, a:visited {
  color: #07c;
}

a:hover, a:active {
  color: #d40;
}

a:active {
  background: transparent;
}

blockquote {
    font-family: Palatino, "Palatino Linotype", Georgia, Times, Times New Roman, serif;
    font-size: 1.333em;
    text-align: justify;
}

p { text-align: justify; }

h1, h2 {
  font-weight: normal;
}



img.float-left, img.float-right {
  margin-top: 6px;
}


.blue-container {
    border: 1px solid #58a;
    padding: 0 14px;
    background: #eff8ff;
    margin-bottom: 30px;
    -moz-border-radius-topleft: 15px;
    -webkit-border-top-left-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    -webkit-border-bottom-right-radius: 15px;
}

#email-sub {
 margin-top: 6px;
}
#email-sub .error {
    border: none;
    background-color: transparent;
    background-position: 4px 4px;
    margin-left: 74px;
}

a.icon {
 display: inline-block;
}

.border {
    border: 1px solid #aaa;
}

a:hover img.border,
a:active img.border {
    border-color: #666;
}

hr {
    height: 1px;
    color: #aaa;
    background-color: #aaa;
    border: none;
}

.float-right ul li {
    float:none;
}
.float-left ul li {
    float: none;
}

.relative {
    position: relative;
}

.hilite {
    background: #ffb;
}

.form .error.narrow {
    width: 144px;
}

/***********************************************************************************
** header
*/
#header {
  padding: 0;
  height: 90px;
}

#logo-title {
  margin-top: 30px;
}

#header-blocks {
  padding-top: 26px;
}

/***********************************************************************************
** navigation bar
*/
#navbar {
  background: transparent url('images/greybar.png') left bottom repeat-x;
  margin-left: 0;
  line-height: 30px;
}

#navbar-inner {
  background: transparent url('images/menu-right.png') right top no-repeat;
  padding-right: 6px;
}

#nav-menu {
  float: right;
  background: transparent url('images/menu-left.png') left top no-repeat;
  padding-left: 30px;
}

#nav-menu a {
  background: #444 url('images/menu-bg.png') left top repeat-x;
  padding: 0 10px;
  color: #fff;
  border-right: 1px solid #888;
}

#nav-menu a:hover {
  text-decoration: none;
}

#nav-menu ul {
  border-left: 1px solid #888;
  border-right: 1px solid #888;
  border-bottom: 2px solid #444;
  left: -1px;
  width: 150px;
}

#nav-menu ul a {
  background: #fff;
  color: #444;
  border-right: none;
}

#nav-menu ul a:hover, #nav-menu ul a:active {
  background: #eee;
}

#nav-menu li.first a {
  padding-left: 0;
}

#nav-menu li.last a {
  border-right: none;
  padding-right: 5px;
}

/***********************************************************************************
** content area
*/
#content-inner,
.sidebar-none #content-inner {
  padding: 0;
}

/***********************************************************************************
** footer
*/
#footer {
  padding: 15px 0;
  
}
#footer-links {
  text-align: left;
  background: #eee url('images/footer-bg.png') left top repeat-x;
  border: 1px solid #aaa;
  padding: 14px;
  margin-top: 15px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

#footer-links a:hover,
#footer-links a:active {
  text-decoration: none;
}


/***********************************************************************************
** Background colors
*/
fieldset {
  background: #f6f6f6;
}
.red-box 
{
    background: #fff url('../../images/grey-box.jpg') 0 0 no-repeat;
    height: 220px;
    width: 320px;
    padding-top: 12px;
    vertical-align: top;
}
.red-box ul 
{
    width: 220px;
}
.blue-box 
{
    background: #fff url('../../images/blue-box.jpg') 0 0 no-repeat;
    height: 390px;
    width: 320px;
}
.gold-box 
{
    background: #fff url('../../images/gold-box.jpg') 0 0 no-repeat;
    padding-top: 6px;
    height: 365px;
    width: 320px;
}
.catalog-product-name 
{
    font-weight: bold;
    font-size: 1.167em;
    color: #07c;
} 


/***********************************************************************************
** Icons - base icon styles are in classes.css, icon images are defined here.
*/
.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/basket.png'); }
.icon.cart-go { background-image: url('images/basket_go.png'); }
.icon.comment { background-image: url('images/comment.png'); }
.icon.download{ background-image: url('images/application_put.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.video   { background-image: url('images/film.png'); }
.icon.vcard   { background-image: url('images/vcard.png'); }

/*
.icon.bill, .icon.box, .icon.box-go, .icon.cart, .icon.cart-go,
.icon.comment, .icon.download, .icon.email, .icon.gift, .icon.house,
.icon.key, .icon.pay, .icon.save, .icon.ship, .icon.user, .icon.video,
.icon.vcard   { background-image: url('images/icons.png'); height: 16px; width: 16px; }

.icon.bill    { background-position: -64px -32px; }
.icon.box     { background-position: -32px -16px; }
.icon.box-go  { background-position: -48px -16px; }
.icon.cart    { background-position: 0 -16px; }
.icon.cart-go { background-position: -16px -16px; }
.icon.comment { background-position: -48px -48px; }
.icon.download{ background-position: -64px -48px; }
.icon.email   { background-position: -32px -48px; }
.icon.gift    { background-position: -16px -64px; }
.icon.house   { background-position: -16px -32px; }
.icon.key     { background-position: -32px -32px; }
.icon.pay     { background-position: -64px -64px; }
.icon.save    { background-position: -16px -48px; }
.icon.ship    { background-position: -32px -64px; }
.icon.user    { background-position: 0 -32px; }
.icon.video   { background-position: 0 -64px; }
.icon.vcard   { background-position: -48px -32px; }
*/

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

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

.text,
.password 
{
    width: 240px;
}

.width180 { width: 180px; }

.small { font-size: 0.917em; }