body {
  background: url(bg.png) top left no-repeat;
  font-family: helvetica, arial, sans-serif;
  font-size: 12px;
  margin: 0px;
  padding: 0px;
}
body, a {
  color: #333333;
}
a, img {
  text-decoration: none;
  border: 0px;
}
a:hover {

}
ul, li {
  padding: 0px;
  list-style-type: none;
}
li {
  background: url(li.png) left center no-repeat;
  padding: 5px 0px;
  padding-left: 20px;
}
strong, h1, h2, h3, a {
  color: #EB008B;
}
h1, h2, h3 {
  font-size: 20px;
  font-weight: normal;
}
h1 {
  font-size: 30px;
}
h3 {
  font-size: 12px;
}
h1,h2,h3,p,ul  {
  margin: 10px 0px;
}

#wrapper {
  width: 960px;
  margin: 0px auto;
  position: relative;
}

#navigation {
  font-size: 11px;
  position: absolute;
  top: 57px;
  right: 320px;
}
#navigation li {
  float: left;
}
#navigation a {
  color: #000;
  background: url(nav.png) center 37px;
  display: block;
  border-left: 1px solid #ccc;
}
#navigation a.first {
  background-position: left 37px;
  padding-left: 5px;
  border: none;
}
#navigation a.last {
  background-position: right 37px;
  padding-right: 5px;
}
#navigation a:hover {
  background-position: center -1px;
  border-left: 1px solid #f7a1d5;
}
#navigation a.first:hover {
  background-position: left -1px;
  border: none;
}
#navigation a.last:hover {
  background-position: right -1px;
}
#navigation span {
  display: block;
   padding: 11px 8px;
  padding-top: 12px;
}
ul.navigation, ul.widgets, ul.subcategories, ul.features, ul.articles, ul.products {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
ul.navigation > li, ul.widgets > li, ul.subcategories > li, ul.features > li, ul.articles > li, ul.products > li {
  background: none;
  padding: 0px;
margin-top: 10px;
}

#wrapper > div {

}
ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
li.widget, li.subcategory, li.feature, li.product {
  position: relative;
}
.emblem {
  float: left;
  margin: 0px;
  margin-right: 10px;
  margin-bottom: 5px;
}
li.widget .inner, li.subcategory .inner, li.feature .inner, li.product .inner {
  width: 100%;
}
.inner .content {
  padding-top: 0px;
  padding-bottom: 0px;
}
.widget.cart form {
  padding: 10px;
  padding-left: 100px;
} 
#refineproducts, .cart, #showproduct,#pageintro, .widget, .subcategory, #footer, .feature, .product {
  -moz-border-radius: 10px;
}
#showproduct .price {
  color: #333;
  margin: 0px;
}
#showproduct .cart label {
  width: auto;
}
#showproduct .cart .inner {
  margin-left: 80px;
  width: 300px;
}
li.product h2 {
}
li.product .price {
  position: absolute;
  bottom: 0px;
  left: 10px;
  color: #fff;
  font-size: 12px;
}
li.product .price strong {
  font-size: 18px;
  color: #fff;
}
li.product .view {
  position: absolute;
  bottom: 0px;
  right: 10px;
  color: #fff;
  font-size: 0.8em;
}
#pageintro {
  background: #000000 none right center no-repeat;
background-image: url(sample.jpg);
height: 240px;
margin-top: 10px;
}
#pageintro.checkout {
  height: 80px;
  background-image: none;
}
#pageintro.checkout .inner {
  width: auto; 
}
.fieldWithErrors input {
  border: 2px solid red;
}
table {
  border-collapse: collapse;
  border: 1px solid #f7a1d5;
  width: 75%;
}
thead {
  background: #fab7e0;
  border-color: #f7a1d5;
}
tbody,tfoot {
  background: #eee;
}
th, td {
  padding: 5px;
  text-align: left;
}
#pageintro .inner {
  width: 50%;
  color: #ffffff;
padding: 10px 20px;
font-size: 15px;
}
#pageintro .content {
}
#showproduct {
  background: #000000 none right top no-repeat;
background-image: url(sample.jpg);
height: auto;
min-height: 545px;
margin-top: 10px;
position: relative;
}
#showproduct .inner {
width: 360px;
  color: #ffffff;
padding: 10px 20px;
font-size: 18px;
}
#content, #sidebar {
}
#content {
  float: left;
}
.twocol #content {
  width: 570px;
}
#sidebar {
width: 380px;
float: right;
}
.contact_form, #sidebar .widget.first, .greybox {
  border: 1px solid #ccc !important;
  background: #ddd !important;
  color: #333333 !important;
}
.contact_form {
}
.contact_form  fieldset {
  clear: both !important;
}
.contact_form fieldset p {
  text-align: right;
}
.contact_form label {
  width: 200px;
}
.contact_form input, .contact_form textarea {
  width: 300px;
}
#refineproducts {
margin-top: 10px;
margin-bottom: 10px;
padding: 10px;
border: 1px solid #f7a1d5;
  background: #fab7e0;
  border: 1px solid #ccc;
  background: #ddd;
font-size: 20px;
}
#refineproducts select {
  font-size: 14px;
  padding: 5px;
}
.widget {
 margin-top: 10px;
}
div.features {
  padding: 0px;
  padding-right: 10px;
  margin-top: 10px;
}
div.features > .inner {
}
ul.features {
  padding: 10px 34px;
  padding-top: 0px;
  margin-top: 0px;
  border: 1px solid #f7a1d5;
  background: #fab7e0;
  border: 1px solid #ccc;
  background: #ddd;
  position: relative;
}
.subcategory, .feature , .product{
  margin-top: 0px !important;
  width: 180px;
  height: 290px;
  float: left;
  background: transparent url(sample.jpg) center top no-repeat !important;
  position: relative;
  margin-right: 10px;
  margin-bottom: 10px;
}
.product {
  height: 250px;
}
ul.subcategories {
}
.subcategory h2, .subcategory .content {
  padding: 0px 10px;
}
.product h2, .product .content {
  padding: 0px 10px;
}
.widget.first h1, .widget.first .content {
   padding: 0px 10px;
}
.subcategory a, .product a {
   display: block;
   height: 290px;
   width: 180px;
   position: absolute;
   top: 0px;
   left: 0px;
}
.product a {
  height: 250px;
}
.subcategory {
}
.subcategory, .product {
  font-size: 12px;
}
.subcategory h2, .product h2 {
  font-size: 16px;
}
.mainfeature {
  color: #fff;
  padding: 10px;
  padding-left: 290px;
  margin-top: 10px;
  height: 250px;
  background: #000 url(sample.jpg) left center no-repeat;
-moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
}
.mainfeature h3 {
  font-size: 18px;
}
ul.features {
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
}
.feature {
  width: 60px;
  height: 85px;
}
.product .inner, .subcategory .inner, .feature .inner {
  position: absolute;
  bottom: 0px;
  background: #000000;
  color: #ffffff;
  height: 120px;
  overflow: hidden;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
}
.product .inner {
  height: 100px;
}
.feature .inner {
  font-size: 7px;
  height: 25px;
}
.features h2 {
  padding-left: 0px;
}
.feature h3 {
   padding: 5px 10px;
   margin: 0px;
  text-align : right;
   padding-bottom: 0px;
}
.feature .content {
  display: none;
}
.feature:hover .content {
  display: block;
}

#header {
  text-align: right;
  height: 85px;
  padding-right: 320px;
  padding-top: 20px;
  position: relative;
}
#header img {
  position: absolute;
  right: 0px;
  top: 0px;
  padding: 10px;
  background: #000000;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
}
#header p, #footer p {
  margin: 0px;
  padding: 0px 0px;
}
#footer {
  background: #D2D4D5;
  margin-top: 10px;
  padding: 10px;
  padding-right: 170px;
  position: relative;
  text-align: right;
  border: 1px solid #ccc;
}
#footernav {
  position: absolute;
  left: 20px;
  top: 10px;
  text-align: left;
  list-style-type: bullet;
}
#footernav a, #footernav span {
  color: #333333;
  margin: 0px;
  padding: 0px;
}
#footernav li {
  background: url(li.png) left center no-repeat;
  padding: 0px;
  padding-left: 20px;
}
#footer .emblem {
  position: absolute;
  top: 5px;
  left: 5px;
}
#footer .copyright {
  margin-top: 30px;
}

label {
  font-weight: bold;
  display: block;
  float: left;
  font-size: 14px;
  margin-top: 10px;
  margin-right: 5px;
  width: 110px;
  text-align: right;
}
input, select, textarea {
  font-size: 14px;
  border: 2px solid #ccc;
  padding: 5px;
}
input[type=submit] {
  background: #fab7e0;
  border-color: #f7a1d5;
  cursor: pointer;
}
input:focus {
  background: #fff;
}

.articles .article {
  position: relative;
}
.articles .date {
  position: absolute;
  left: 70px;
  top: 12px;
  margin: 0px;
  padding: 0px;
  font-size: 0.8em;
}

.articles .emblem {
  margin-top: 2px;
  width: 60px;
  height: 60px;
}
ul.products {
}

.greybox {
  border: 1px solid #f7a1d5;
  background: #fab7e0;
  border: 1px solid #ccc;
  background: #ddd;
}
.greybox > .inner {
  padding: 10px;
}
.greybox label {
  color: #333;
}
.cart {
  background: #ddd url(cart.png) left 5px no-repeat !important;
  margin: 10px 0px;
}
img.goty {
  position: absolute;
  width: 150px;
  height: 150px;
  right: 10px;
  bottom: 5px;
}
.notitle h2 {
  display: none;
}
.notitle .inner {
  padding: 0px;
}