* {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:0.8em 0; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }

html {
 overflow-y: scroll;
}

body {
	font-size: 13px;
	font-family: verdana, helvetica, arial, sans-serif;
  font-weight: normal;
  color: #363636;
	background-image: url(/images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #fff;
	text-align: center;
}

/*==================== Wrapper ====================*/

#wrapper {
  margin-right: auto;
	margin-left: auto; 
  padding: 0;
	width: 985px;
	text-align: left;
}

/*==================== Header ====================*/

#header {
  position: relative;
	background: url(/images/header.jpg) no-repeat;
	height: 155px;
	width: 985px;
}

/*==================== Menu ====================*/

#navbar {
  position: relative;
  width: 900px;
  left: 80px;
  top: 120px;
}

#navbar ul {
  display: block;
  text-align: left;
  padding: 0;
  margin: 0;
  list-style: none;
  font-family: arial, helvetica, sans-serif;
  font-size: 15px;
  color: #fff;
}

#navbar ul li { 
  margin: 0;
  display: inline;
}

#navbar ul li a {
  padding: 0 0.5em;
  color: #fff;
  text-decoration: none;
}

#navbar ul li a:hover {
  color: #ff0;
  text-decoration: none;
}

/*==================== Content ====================*/

#contentWrapper {
	width: 985px;
}

#content {
  margin-left: 20px;
  padding-bottom: 25px;
	width: 940px;
  background-image: url(/images/menu_background.jpg);
	background-repeat: repeat-y;
}

#leftContent {
  margin: 0;
  padding: 0;
  float: left;
  width: 240px;
  background-image: url(/images/menu_header.jpg);
	background-repeat: no-repeat;
  position: relative;
}

#rightContent { 
  float: right;
  width: 680px;
  position: relative;
}

.clearer { 
  clear: both; 
  display: block; 
  height: 0; 
  font-size: 0; 
  overflow: hidden; 
  visibility: hidden;
}

/*==================== Left Content ====================*/

.firstBlock {
  padding-top: 35px;
}

.menuAction {
  width: 240px;
  margin: 0px 0px 10px 65px;
  font-family: sans-serif, Verdana, Lucida, Arial;
  line-height: 1.0em;
  font-size: 16px;
  color: #093647;
  width: 140px;  
}

.menuAction ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.menuAction li {
  padding: 8px 0px;
  margin: 0;
}

.menuAction li a
{
  display: block;
  color: #464646;
  text-decoration: none;
  margin: 0;
}

.menuAction li a:hover
{
  text-decoration: none;
  color: #008;
}

.menuAction li.cart-indicator a {
  padding-left: 25px;
  display: block;
  background: transparent url(/images/shopping-basket.gif) center left no-repeat; 
}


.menuBlock {
  width: 240px;
  margin: 0px 0 10px 65px;
  font-family: sans-serif, Verdana, Lucida, Arial;
  line-height: 1.0em;
  font-size: 13px;
  color:#454545;
  width: 140px;
}

.menuBlock h2 {
  padding: 20px 0 2px 0;
  color: #093647;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
}

.menuBlock ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.menuBlock li {
  list-style-position: outside;
  list-style-image: url(/images/star.jpg);
  font-size: 13px;
  margin-left: 25px;
  padding: 5px 0px;
}

.menuBlock li a
{
  display: block;
  color: #464646;
  text-decoration: none;
  margin: 0;
}

.menuBlock li a:hover
{
  text-decoration: none;
  color: #008;
}

.menuBlock li li
{
  font-size: 12px;
  border-top: 1px solid #ddd;
  border-bottom: 0;
  margin: 0;
}

.menuBlock li li a
{
  padding: 4px 5px 4px 15px;
  background-color: #fff;
  width: 120px;
}

.menuBlock li li li a
{
  padding: 3px 5px 3px 25px;
  background-color: #fff;
  width: 115px;
}

/*==================== Right Content ====================*/

/*--------------- fullContent ---------------*/

#fullContent {
  margin-top: 10px;
  color: #444;
}

#fullContent h1 {
  color: #002a39;
  font-size: 20px;
  font-weight: bold;
  margin: 0;
  padding: 0.7em 0 0.3em 0;  
}

#fullContent h2 {
  color: #363636;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase; 
  margin: 0.7em 0 0.2em 0;
  padding: 0;
}

#fullContent h3 {
  color: #363636;
  font-size: 12px;
  font-weight: bold;
  margin: 0.7em 0 0.2em 0;
  padding: 0;
}

#fullContent p {
  font-size: 1.1em;
  margin: 0;
  padding: 0.4em 0 0.2em 0;
}

/*--------------- Breadcrumbs ---------------*/

.breadcrumbs {
  margin-bottom: 1em;
  padding-bottom: 0.4em;
  border-bottom: 1px solid #ddd; }
  .breadcrumbs ul {
    list-style-type: none;
    display: inline;
    overflow: auto;
    margin: 0;
    padding: 0; }
    .breadcrumbs ul li {
      margin: 0;
      padding: 0;
      display: inline; }
    .breadcrumbs ul li {
      line-height: 20px;
      color: #666; }
      .breadcrumbs ul li a, .breadcrumbs ul li span {
        text-decoration: none;
        padding: 5px 7px;
        color: #666; }
      .breadcrumbs ul li a:hover {
        text-decoration: underline;
        color: #000; }  
      .breadcrumbs ul li span {
        color: #333; }

input.title {
  width: auto; }

p a.button img, p button img {
  margin: 0 5px 0 0; }
p.follow-all {
  font-size: 1.3em;
  text-align: center;
  display: block; }
p img {
  float: left;
  margin-right: 5px;
  vertical-align: middle; }

a.button:focus {
  outline: none; }
a.button:active {
 }

button::-moz-focus-inner {
  padding: 0;
  border: none; }

table {
  border-collapse: collapse; }
  table th {
    background: transparent;
    padding: 10px;
    border-bottom: 1px solid #ddd; }
  table#cart tr td {
    border-bottom: 1px solid #ddd;
    padding: 1em 0.5em; }
  table#cart tr#none td {
    border-bottom: none; }
  table#cart h4 {
    margin-bottom: 0em; }


.flash {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }
  .flash.notice, .flash.errors {
    font-size: 1.3em;
    margin-bottom: 1em;
    padding: 0.8em; }
  .flash.notice {
    background: #cdf url(/images/shadow_top.png) 0 -50px repeat-x;
    color: #569;
    border: 1px solid #9ac; }
  .flash.errors {
    color: #000;
    background: #F4B4B4 url(/images/shadow_top.png) 0 -50px repeat-x;
    border: 1px solid #000; }


.form-buttons {
  clear: both;
  padding: 10px 0 10px 0; }

.clear {
  clear: both; }
  
  
a img {
  border: none;
}

/*-------------------- flash --------------*/
.error {
  padding: .8em;
  margin-bottom: 1em;
  border: 2px solid #dddddd;
  background: #fbe3e4;
  color: #8a1f11;
  border-color: #fbc2c4; }
  .error a {
    color: #8a1f11; }

.notice {
  padding: .8em;
  margin-bottom: 1em;
  border: 2px solid #dddddd;
  background: #fff6bf;
  color: #514721;
  border-color: #ffd324; }
  .notice a {
    color: #514721; }

.success {
  padding: .8em;
  margin-bottom: 1em;
  border: 2px solid #dddddd;
  background: #e6efc2;
  color: #264409;
  border-color: #c6d880; }
  .success a {
    color: #264409; }

/*-------------------- itemsBlock --------------------*/

#itemsBlock {
  position: relative;
}

#itemsBlock .item {
  float: left;
  position: relative;
  margin: 20px 10px 20px 0px;
  padding: 0;
  width: 180px;
}

#itemsBlock .item img {
  border: 6px solid #eee;
  display: block;
  margin-left: auto;
  margin-right: auto
}

#itemsBlock .item h3 {
  font-weight: normal;
  font-size: 12px;
  text-align: center;
  margin: 0.5em 0 0.5em;
  padding: 0;
}

#itemsBlock .item h3 a {
  text-decoration: none;
  color: #666;
}

#itemsBlock .item h3 a:hover {
  text-decoration: underline;
  color: #000;
}

#itemsBlock hr {
  display: block; 
  clear: both; 
  margin: 0;
  visibility: hidden;
}

/*-------------------------- productInfo ------------------------*/

#productInfo{
  position: relative;
}

#productInfo #left{ 
  float: left;
  margin: 20px 0 0 0;
  width: 260px;
}

#productInfo #right{ 
  float: right;
  width: 350px;
}

#productInfo #left img{
  border: 1px solid #ddd;
  display: block;
}

#productInfo #left .thumbs {
  float: left;
  margin: 10px 10px 0 0;
}

#productInfo table {
  font-size: 13px;
  border-collapse: collapse;
  border: 1px solid #ddd;
  margin: 0.2em 0 0.5em 0;
}

#productInfo th {
  margin: 0;
  padding: 2px 10px;
  border-bottom: 1px solid #ddd;
  background-color: #eee;
}

#productInfo td {
  margin: 0;
  padding: 2px 10px;
  border-bottom: 1px solid #ddd;
}

/*-------------------- Footer --------------------*/

#footer {
  position: relative;
  clear: both;
	width: 995px;
	height: 90px;
}

#copyright {
  position: relative;
	font-size: 12px;
	color: #666;
  top: 40px;
  display: block;
  text-align: center;
}

#copyright a {
  color: #666;
  text-decoration: underline;
}

#copyright a:hover {
  color: #000;
  text-decoration: none;
}
