/* General */ 
body {
  font: 12px Tahoma,Verdana,Arial,sans-serif;
  color: #000000;
  background: #EEEEEE;
  background: url(../images/bodyBg.gif) top left repeat-x;
}

a {
  text-decoration: none;
  color: #1793ca;
}
a:hover {
  text-decoration: underline;
}

#wrapper {
  margin-left: auto;
  margin-right: auto;
   
  width: 1000px;
  
  background: url(../images/wrapperBg.gif) top left repeat-x;
}

.clear {
  clear: both;
  height: 0px;
  margin: 0px;
  padding: 0px;
  line-height: 0;
  _display: inline;
}

h1 {
  font-size: 26px;
  color: #000;
}

h2 {
  font-size: 24px;
  color: #000;}

h3 {
  font-size: 20px;
  color: #000;
}


/* --- Containers --- */
#content {
  padding: 0px 2px;
}

#middleColumn {
  width: 685px;
  float: right;
  position: relative;
}
#leftColumn {
  float: left;
  width: 280px;
  padding-left:26px;
  font: 12px Verdana,Tahoma,Arial,sans-serif;
}


/* ---- Header ---- */
#header {
  height: 297px;
  overflow: hidden;
}

#header #logo {
  display: block;
  _display: inline;
  float: left;
  
  width: 280px;
  height: 116px;
  margin-left: 32px;
  
  background: url(../images/logo.gif) top left no-repeat;
}
#header #offersLink {
  float: right;
  width: 115px;
  height: 28px;
  
  background: url(../images/specialOffer.gif) 0 -3px no-repeat;
}
#header #offersLink:hover {
  background-position: bottom left;
}
/* --- Menu --- */
#header #menu {
  float: right;
  clear: right;
  width: 688px;
  margin: 32px 0px 0px;
  height: 28px;
}

#header #menu li {
  list-style: none;
  float: left;
}
#header #menu li em {
  display: none;
}
#header #menu li a {
  display: block;
  
  height: 26px;
  width: 110px;
}
#header #menu li#home a {
  width: 79px;
  background: url(../images/menu.gif) no-repeat scroll 0px 0px;
}
#header #menu li#home a:hover, #header #menu li#home a.active {
  background: url(../images/menu.gif) no-repeat scroll 0px -30px;
}
#header #menu li#about a {
  width: 130px;
  background: url(../images/menu.gif) no-repeat scroll -82px 0px;
}
#header #menu li#about a:hover, #header #menu li#about a.active {
  background: url(../images/menu.gif) no-repeat scroll -82px -30px;
}
#header #menu li#products a {
  width: 108px;
  background: url(../images/menu.gif) no-repeat scroll -215px -0px;
}
#header #menu li#products a:hover, #header #menu li#products a.active {
  background: url(../images/menu.gif) no-repeat scroll -215px -30px;
}
#header #menu li#petit a {
  width: 174px;
  background: url(../images/menu.gif) no-repeat scroll -326px 0px;
}
#header #menu li#petit a:hover, #header #menu li#petit a.active {
  background: url(../images/menu.gif) no-repeat scroll -326px -30px;
}
#header #menu li#services a {
  width: 100px;
  background: url(../images/menu.gif) no-repeat scroll -503px 0px;
}
#header #menu li#services a:hover, #header #menu li#services a.active {
  background: url(../images/menu.gif) no-repeat scroll -503px -30px;
}
#header #menu li#contact a {
  width: 97px;
  background: url(../images/menu.gif) no-repeat scroll -606px 0px;
}
#header #menu li#contact a:hover, #header #menu li#contact a.active {
  background: url(../images/menu.gif) no-repeat scroll -606px -30px;
}

#header #headerFlash {
  float: right;
  clear: right;
  
  width: 614px;
  height: 208px;
}

#topLink {
  display: block;
  float: right;
  
  height: 12px;
  width: 11px;
  margin: 3px 3px 0px 0px;
  
  background: url(../images/topButton.gif) top left no-repeat;
}
/* --- Footer --- */
#footer {
  color: #fff;
  line-height: 41px;
  height: 41px;
  margin-top: 5px;
  
  background: url(../images/footerBg.gif) repeat-x;
}
#footer #copyRight {
  float: left;
  font-weight: bold;
  margin-left: 28px;
  font-size: 13px;
}
#footer #footerMenu {
  float: right;
  margin: 0px 10px 0px 0px;
}
#footer #footerMenu li {
  list-style: none;
  font-size: 11px;
  display: inline;
  padding: 0 6px 0 5px;
  border-right: 1px solid #fff;
}
#footer #footerMenu li.last {
  border: none;
}
#footer #footerMenu li a {
  color: #fff;
}
/* --- Breadcrum --- */
#breadcrum {
  margin: 0px;
  padding: 7px 0px 6px 4px;
}
#breadcrum li {
  display: inline;
  list-style: none;
  color: #6cc047;
}
#breadcrum li a {
  color: #6cc047;
}
/* --- Category menu --- */
a.menuTop {
  display: block;
  
  font-weight: bold;
  color: #e04740;
  
  padding: 18px 2px 0px 70px;
  margin: -34px 0px 0px 28px;
  _margin-left: 14px;
  float: left;
  width: 208px;
  height: 17px;
  background: url(../images/menuItemTop.gif) top left no-repeat;
}
a.menuTop em {
  display: none;
}
.navMenu {
  margin: 0px;
}
.navMenu ul {
  margin: 0px;
}
.navMenu ul li {
  list-style: none;
  height: 41px;
  background: url(../images/menuItemBg.gif) top left repeat-y;
}
.navMenu ul li.last {
  background: none;
}
.navMenu ul li a {
  display: block;
  padding: 19px 2px 11px 70px;
  
  font-weight: bold;
  color: #e04740;
  background: url(../images/menuItemTop.gif) top left no-repeat;
}

.navMenu ul li.subCateg {
  padding: 0px;
  line-height:0;
  _margin-top: -2px;
  height: auto;
}
.navMenu ul li.closed a {
  padding: 12px 2px 15px 70px;
  background: url(../images/menuItemClosed.gif) top left no-repeat;
}
.navMenu ul li .subMenu {
  margin: 0px;
  padding-top: 10px;
}
.navMenu ul li .subMenu li {
  height: 25px;
  background: url(../images/menuItemSeparator.gif) 70px bottom no-repeat;
}
.navMenu ul li .subMenu a {
  display: block;
  color: #2799ce;
  font-weight:bold;
  
  padding: 12px 2px 8px 70px;

  background: url(../images/listImage.gif) 55px 10px no-repeat;
}

.contestBadge {
  display: block;
  height: 67px;
  margin-top: 5px;
  
  padding: 10px 10px 10px 155px;
  font-size: 11px;
  color: #655f5f;
  font-family: Arial,Verdana,Tahoma,sans-serif;
  
  background: url(../images/contestBadge.gif) top left no-repeat;
}
.contestBadge span {
  color: #2296cd;
  text-decoration: underline;
}

.topSalesBadge {
  display: block;
  height: 57px;
  margin-top: 5px;
  padding: 30px 80px 0px 15px;
  
  font-size: 11px;
  color: #fff;
  font-family: Arial,Verdana,Tahoma,sans-serif;
  
  background: url(../images/topSales.gif) top left no-repeat;
}
.topSalesBadge span {
  color: #ea1193;
  text-decoration: underline;
}

.petiteBadge {
  display: block;
  height: 57px;
  margin-top: 5px;
  padding: 25px 131px 6px 18px;
  
  font-size: 11px;
  color: #fff;
  font-family: Arial,Verdana,Tahoma,sans-serif;
  
  background: url(../images/whyPetite.gif) top left no-repeat;
}
.petiteBadge span {
  color: #2296cb;
  text-decoration: underline;
}

.contestBadge:hover, .topSalesBadge:hover, .petiteBadge:hover  {
  text-decoration: none;
}
.contestBadge:hover span, .topSalesBadge:hover span, .petiteBadge:hover span {
  text-decoration: none;
}
/* ---- Products list ---- */
.detailsLink {
  margin-top: 35px;
  display: block;
  width: 56px;
  height: 21px;
  background: url(../images/detailsButton.gif) center center no-repeat;
}
.detailsLink:hover {
  background: url(../images/detailsButtonActive.gif) center center no-repeat;
}
.detailsLink em {
  display: none;
}
.productList {
  margin-top: 5px;
  font: 12px Arial,Tahoma,Verdana,sans-serif;
  color: #655f5f;
  
}
.productList ul {
  margin: 0px;
  
}
.productList ul li {
  list-style: none;
  margin-top: 2px;
  background: #fff;
  border: 1px solid #D1E7C8;
  padding: 10px 10px 8px 20px;
  
}
.productList ul li .productPicture {
  display: block;
  float: left;
  padding: 2px;
  background: #fff;
  border: 1px solid #d7d7d7;
  -moz-border-radius: 5px;
}
.productList ul li .productDesc {
  float: left;
  width: 410px;
  margin-left: 15px;
}
.productList ul li .productDesc h2 {
  font-size: 13px;
  margin: 0px 0px 5px;
}
.productList ul li .productActions {
  float: right;
}

.productList.topList ul li .productDesc {
  width: 480px;
}
.productList.topList ul li .productActions {
  text-align: center;

}
.productList.topList ul li .productActions a {
  margin-top: 5px;
}
/* ---- Progress Bar --- */
ul.progress {
  margin: 0px;
}
ul.progress li {
  list-style: none;
  float: left;
  margin-right: 30px;
  
  font-size: 17px;
  color: #c1c1c1;
  line-height: 19px;
}
ul.progress li span {
  display: block;
  float: left;
  
  width: 19px;
  height: 19px;
  margin-right: 5px;
  
  font-size: 12px;
  line-height: 19px;
  text-align:center;
  color: #fff;
  font-weight: bold;
  
  background: url(../images/iconBullet.gif) top left no-repeat;
}
ul.progress li.active {
  color: #434343;
}
ul.progress li.active span {
  background: url(../images/iconBulletActive.gif) top left no-repeat;
}

/* ---- Product details ---- */
.productDetails {
  position: relative;
  font: 13px Tahoma,Verdana,Arial,sans-serif;
  border: 1px solid #D1E7C8;
  background: #fff url(../images/detailsBgTop.gif) top left repeat-x;
}
.productDetails .productDetailsBg {
  padding: 15px;
  background: url(../images/detailsBgBottom.gif) bottom left repeat-x;

}
.productDetails h1 {
  margin: 0px 0px 15px;
  
  _position: relative;
  float: left;
  font-size: 14px;
  color: #1793ca;
}
.productDetails h2 {
  margin: 0px 0px 15px;
  
  font-size: 13px;
  font-weight: normal;
  color: #54a330;
}

.productDetails .prodPicture {
  float: right;
  width: 300px;
  _position: relative;
}
.productDetails .prodPicture a.pictureLink {
  display: block;
  border: 1px solid #99de7e;
}
.productDetails .prodPicture a.downloadLink {
  float: right;
  display: block;
  width: 20px;
  height: 20px;
  margin: 3px;
  background: url(../images/downloadButton.gif) right top no-repeat;
}
.productDetails .lineBreak {
  height: 1px;
  margin-bottom: 1em;
  background: url(../images/lineBreak.gif) top right no-repeat;
}
.productDetails span {
  color: #a3a3a3
}
.productDetails p {
  margin-top: 5px;
}
.productDetails p.specs {
  height: 160px;
}
.productDetails p.price {
  color: #59a836;
  height: 75px;
}
.productDetails span.price {
  color: #f95215;
}
.productDetails p.specialPrice {
  color: #59a836;

  padding: 5px 10px;
  border: 1px solid #94cd7c;
}
.productDetails p.specialPrice.old {
  text-decoration: line-through;
}
.productDetails div.specialPrice {
  float: left;
  clear: left;
  margin-right: 30px;
  position: relative;
  width: 275px;
}
.specialOffer {
  width: 602px;
  height: 52px;
  background: url(../images/specialOfferBg.gif) top left no-repeat;
  padding: 5px 70px 5px 10px;
  border: 1px solid #72c84c;
  color: #fd4000;
  
  margin-bottom: 5px;
}
.productDetails p.description {
  margin-bottom: 20px; 
}
.productDetails .prizes span {
  color: #53a131;
} 
.productDetails .highlight span {
  color: #519e2f;
} 
.productDetails .winers {
  font-weight: bold;
}
.productDetails .winers span {
  font-weight: normal;
}

.slideLeft {  
  display: block;
  float: left;
  width: 15px;
  height: 15px;
  background: url(../images/navArrowLeft.gif) left top no-repeat;
}
.slideRight {  
  display: block;
  float: right;
  width: 15px;
  height: 15px;
  background: url(../images/navArrowRight.gif) left top no-repeat;
}
/* ---- Navigation --- */
.navigation {
  margin-top: 5px;
  padding: 10px 0px 0;
  height: 30px;
  position: relative;
  border-top: 1px solid #d3d3d3  
}
.navigation .navLeft {  
  display: block;
  float: left;
  padding-left: 15px;
  
  background: url(../images/navArrowLeft.gif) left 3px no-repeat;
}
.navigation .navRight {
  display: block;
  float: right;
  padding-right: 15px;
  background: url(../images/navArrowRight.gif) right 3px no-repeat;
}

/* --- Image list --- */
#carousel {
  width: 370px;
  float: left;
  position: relative;
}
.imageList {
  height: 180px;
  margin: 0;
  width: 390px;
}
.imageList li {
  float: left;
  list-style: none;
  margin: 5px 7px;
}
#photoLarge {
  float: right;
}

/* --- Contact Box --- */
.contactBox {
  margin-top:10px;

}
.form {
  float: right;
  _width: 285px;
  position: relative;
}
.form form label {
  display: block;
  float: left;
  width: 100px;
  margin-right: 15px;
  padding: 2px 0;
  
  text-align: right;
}
.form form input.inputText {
  border: 1px solid #A7E374;
  padding: 2px 5px;
  width: 140px;
}
.form form textarea {
  border: 1px solid #A7E374;
  padding: 2px 5px;
  width: 140px;
  height: 70px;
}
.form form input.submitButton {
  float: right;
}
.form form .error {
  color: #990000;
  
}
.form form .error ul {
  margin: 0px 0px 10px;
}
.form form .clear {
  height: 7px;
}
.contactLocation {
  float: left;
  width: 375px;
  position: relative;
}
.contactLocation span {
  display: block;
  float: left;
  width: 80px;
  margin-right: 10px;
  text-align: right;
  color: #009900;
}
.contactMap {
  margin-top: 20px;
  text-align:center;
}

/* ---- Navigation ---- */
.navigation {
  margin: 0px auto;
}
.navigation li {  
  display: inline;
  list-style: none;
  color: #655f5f;
  padding: 5px 3px;
}