h1 {
  font-size:20px;
  font-weight:normal;
  margin:0 0 13px 0;
}

h2 {
  font-size:14px;
  font-weight:bold;
  margin:0;
}

h3, h4 {
  font-size:12px;
  font-weight:bold;
  margin:0;
}

a:link, a:visited {
  color:#000000;
  text-decoration:underline;
}
a:hover, a:active {
  color:#FF0000;
  text-decoration:none;
}

a img {
  border:none;
}

form {
  margin:0;
}

ul {
  margin:10px 0;
  padding-left:20px;
}

.clear {
  height:0;
  clear:both;
}

p {
  margin:0 0 1em;
}

.errorMessage {
  font-weight:bold;
  color:#ff0000;
}

.topAlign {
  vertical-align:top;
}


/* form elements */

select {
  border:1px solid #999999;
  padding:1px;
}

.textBox {
  border:1px solid #999999;
  padding:1px 3px 1px 3px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
}

.textBox.amount {
  width:1em;
  text-align:right;
}

.textBox.wide {
  width:20em;
}

.textBox.error {
  border:2px solid #ff0000;
}

.button {
  background:#EEEEEE;
  padding:1px 3px 1px 3px;
  border:1px outset #999999;
}


/* basic layout */

#outer {
  position:relative;
  width:977px;
  min-height:100%;
  margin:0 auto;
}

#clearHeader {
  width:100%;
  height:144px;
  clear:both;
}

#clearHeader h1 {
  margin:0;
  padding:0;
  width:471px;
}

#logo {
  position:absolute;
  display:block;
  top:12px;
  left:0;
  height:85px;
  width:469px;
  border:1px solid #ffffff;
  color:#ffffff;
  background:#000000;
}

#logo img {
  display:block;
  position:absolute;
  top:25px;
  left:19px;
}


/* header */

.headerBlock {
  position:absolute;
  top:12px;
  height:67px;
  padding:18px 12px 0;
  border:1px solid #ffffff;
  color:#ffffff;
  background:#8e9ca0 none no-repeat top left;
  line-height:17px;
}

.headerBlock a:link, .headerBlock a:visited,
.headerBlock a:hover, .headerBlock a:active {
  color:#ffffff;
}

.headerBlock select, .headerBlock .textBox {
  font-size:12px;
  width:100%;
  border:none;
}

#secondaryNav {
  left:485px;
  width:199px;
  background-image:url(/images/header_nav_bg.jpg);
}

#cart {
  right:0;
  width:228px;
}

#cartInfo {
  margin-top:10px;
}
.cartTotal {
  float:left;
}
.cartLink {
  float:right;
}

#customerOptions {
  clear:both;
}

#logoutForm {
  display:inline;
}


/* top menu */

#topMenu {
  position:absolute;
  top:106px;
  left:0;
  width:975px;
  height:29px;
  padding:0;
  border:1px solid #ffffff;
  margin:0;
  background:#000000;
  list-style-type:none;
  font-size:14px;
  line-height:29px;
  white-space:nowrap;
}

#topMenu li {
  margin:0;
  padding:0;
  float:left;
  position:relative;
  border-right:1px solid #ffffff;
}

#topMenu a, #topMenu .text {
  display:block;
}

#topMenu .text {
  padding:0 12px;
}

#topMenu li.first .text {
  padding-left:18px;
}

#topMenu li li.first .text {
  padding-left:12px;
}

#topMenu a:link, #topMenu a:visited,
#topMenu a:hover, #topMenu a:active {
  color:#ffffff;
  text-decoration:none;
}

#topMenu li.selected, #topMenu li:hover {
  background:#8f9b9e url(/images/menu_shadow_top.png) repeat-x top left;
}
#topMenu li.selected a, #topMenu li:hover a, #topMenu li:hover li:hover a {
  background:url(/images/menu_shadow_left.png) repeat-y top left;
}
#topMenu li.selected li a, #topMenu li:hover li a {
  background:none;
}

#topMenu li.selected .text, #topMenu li:hover .text, #topMenu li:hover li:hover .text {
  background:url(/images/menu_shadow_corner.png) no-repeat top left;
}
#topMenu li.selected li .text, #topMenu li:hover li .text {
  background:none;
}


#topMenu li ul {
  display:none;
  position:absolute;
  top:100%;
  left:-1px;
  padding:0;
  border:1px solid #ffffff;
  border-top:none;
  margin:0;
  background:#000000;
  list-style-type:none;
  z-index:10000;
}

#topMenu li:hover ul {
  display:block;
}

#topMenu li li {
  /*position:relative;*/
  float:none;
  border:none;
  border-top:1px solid #ffffff;
}


/* subnav menu */

.columnMenu {
  float:left;
  margin:10px 0 0;
  padding:0;
  list-style-type:none;
}

#secondaryNav .columnMenu.first {
  padding-right:15px;
  border-right:1px solid #ffffff;
  margin-right:15px;
}

.columnMenu a:link, .columnMenu a:visited {
  text-decoration:none;
}
.columnMenu a:hover, .columnMenu a:active {
  text-decoration:underline;
}


/* start page */

#topArea, #bottomArea {
  margin-bottom:6px;
}

.startPageBlock {
  background:#ffffff;
  padding:20px;
  margin-bottom:6px;
}

.startPageBlock.itemList {
  padding:20px 0 0 0;
}

.startPageBlock.itemList .wrapper {
  padding-left:38px;
}

.startPageBlock h2.featuredProducts {
  margin:0 20px;
}



/* start page offers */

#currentOffers {
  position:relative;
  height:340px;
  padding:0;
  overflow:hidden;
}

#prevOffer, #nextOffer {
  position:absolute;
  top:50%;
  width:37px;
  height:90px;
  margin-top:-45px;
  z-index:1000;
  background:transparent none no-repeat top left;
  cursor:pointer;
}
#prevOffer {
  left:0;
  background:url(/images/offer_prev.png) no-repeat top left;
}
#nextOffer {
  right:0;
  background:url(/images/offer_next.png) no-repeat top right;
}

#currentOffers .fadeLeft,
#currentOffers .fadeRight {
  position:absolute;
  top:0;
  width:100px;
  height:100%;
}
#currentOffers .fadeLeft {
  left:0;
  background:url(/images/fade_left.png) repeat-y 0 0;
  z-index:999;
}
#currentOffers .fadeRight {
  right:0;
  background:url(/images/fade_right.png) repeat-y 0 0;
  z-index:998;
}

#currentOffers .offer {
  position:absolute;
  left:100%;
  width:777px;
  height:300px;
  padding:20px 100px;
  z-index:1;
}

#currentOffers .start {
  left:0;
}


#currentOffers .offer .info {
  position:relative;
  width:400px;
  float:right;
}

#currentOffers h2 {
  font-size:22px;
  font-weight:normal;
  padding-bottom:2px;
  border-bottom:1px solid #000000;
  margin-bottom:12px;
}

#currentOffers h2 a:link, #currentOffers h2 a:visited,
#currentOffers h2 a:hover, #currentOffers h2 a:active {
  color:#000000;
  text-decoration:none;
}

#currentOffers .offer .productImage {
  width:315px;
  float:left;
  text-align:center;
}


#currentOffers .offer .price {
  float:left;
  height:33px;
}
#currentOffers .offer .price .normal {
  font-size:22px;
  line-height:33px;
  display:inline-block;
}
#currentOffers .offer .price .discount {
  display:inline-block;
  margin-right:10px;
  vertical-align:top;
  color:#ffffff;
  background:#d50000 url(/images/discount_tl.png) no-repeat top left;
}
#currentOffers .offer .price .discount span {
  display:inline-block;
  font-size:22px;
  line-height:33px;
  background:url(/images/discount_tr.png) no-repeat top right;
}
#currentOffers .offer .price .discount span span {
  background:url(/images/discount_bl.png) no-repeat bottom left;
}
#currentOffers .offer .price .discount span span span {
  padding:0 8px;
  background:url(/images/discount_br.png) no-repeat bottom right;
}
#currentOffers .offer .price .regular {
  display:inline-block;
  height:33px;
}


#currentOffers .offer .infoBtn {
  float:right;
}

#currentOffers .offer .description {
  clear:both;
  padding-top:12px;
}


#currentOffers .offer .phoneOrderInfo {
  position:absolute;
  width:400px;
  bottom:30px;
  right:100px;
  margin:0;
}


/* sub pages */

#mainColumn {
  float:right;
  width:775px;
}

#leftColumn {
  float:left;
  width:175px;
  padding:15px 10px;
  background:#ffffff;
}

.contentBlock {
  padding:20px;
  margin-bottom:6px;
  background:#ffffff;
}

#parentCategory {
  display:block;
  padding:5px 10px;
  margin-bottom:2px;
  color:#ffffff;
  background:#ff72ff;
  font-weight:bold;
  font-size:14px;
}

#parentCategory:link, #parentCategory:visited,
#parentCategory:hover, #parentCategory:active {
  color:#ffffff;
  text-decoration:none;
}

.categoryList {
  padding:0;
  margin:0 0 25px;
  list-style-type:none;
  color:#000000;
  font-size:14px;
  white-space:nowrap;
}

.categoryList li {
  margin-bottom:2px;
}

.categoryList li.selected {
  font-weight:bold;
}

.categoryList .text {
  display:block;
  padding:7px 10px;
  background:#ffccff;
}

.categoryList a:link, .categoryList a:visited,
.categoryList a:hover, .categoryList a:active {
  color:#000000;
  text-decoration:none;
}


/* brand selector */

#brandSelector {
  margin-bottom:25px;
}

#brandSelector h3 {
  background:#96b459;
  color:#ffffff;
  display:block;
  font-size:14px;
  font-weight:bold;
  margin-bottom:2px;
  padding:5px 10px;
}

#brandSelector ul {
  height:123px;
  padding:0;
  margin:0;
  overflow-y:scroll;
  overflow-x:hidden;
  list-style-type:none;
}

#brandSelector li {
  padding:0;
  margin:2px 0 0 0;
  background:#c1e083;
}

#brandSelector li.first {
  margin:0;
}

#brandSelector a {
  display:block;
  padding:4px 10px;
}

#brandSelector a:link, #brandSelector a:visited,
#brandSelector a:hover, #brandSelector a:active {
  color:#000000;
  text-decoration:none;
}


/* category view */

.category {
  min-height:641px;
}

.categoryInfo {
  padding:0 39px 0 38px;
}

.categoryInfo .infoText {
  float:left;
  width:207px;
}

.categoryInfo .categoryRight {
  float:right;
  width:412px;
}

.offerList, .recentList, .brandItemList {
  min-height:398px;
}


/* product listing */

.search {
  min-height:398px;
}

.itemList {
  clear:both;
}

.itemList table {
  margin:0;
  padding:0;
  border:none;
  border-collapse:separate;
  border-spacing:0;
}

.itemList tbody {
  vertical-align:bottom;
  text-align:center;
}

.itemList td {
  position:relative;
  width:245px;
  padding:0;
  background:#ffffff;
}

.itemList td .wrapper {
  padding:18px 38px 20px 39px;
}

.itemList .link {
  display:block;
  margin-bottom:0.5em;
}

.itemList .name {
  display:inline-block;
  line-height:15px;
  height:30px;
  font-weight:bold;
}

.itemList .link img {
  margin-bottom:5px;
}

.itemList .link:link, .itemList .link:visited,
.itemList .link:hover, .itemList .link:active {
  text-decoration:none;
  color:#000000;
}

.itemList .infoBlock {
  height:33px;
}

.itemList .price {
  float:right;
  width:85px;
  text-align:left;
}
.itemList .infoBtn {
  float:left;
}

.itemList .price .normal {
  position:relative;
  top:4px;
  font-size:15px;
  font-weight:bold;
}
.itemList .price .discount {
  font-size:15px;
  font-weight:bold;
  color:#ff0000;
}
.itemList .price .regular {
  font-size:10px;
}


h2.featuredProducts {
  padding-left:25px;
  font-size:16px;
  font-weight:normal;
  color:#666666;
  background:url(/images/1px_grey.png) repeat-x center;
}

h2.featuredProducts span {
  background:#ffffff;
}



/* product page */

div.product {
  position:relative;
  padding-right:50px;
  min-height:300px;
}

.infoColumn {
  width:350px;
  margin-left:355px;
}

.product h1 {
  font-size:22px;
  padding-bottom:2px;
  border-bottom:1px solid #000000;
}

.productDescription {
  float:right;
  padding-top:20px;
  margin-bottom:20px;
}

.productImages {
  float:left;
  width:315px;
  margin-left:-355px;
  text-align:center;
}

.extraImages {
  width:324px;
  margin-left:-9px;
  padding-top: 10px;
}

.extraImages img {
  margin:0 0 7px 9px;
}


.productData {
  float:right;
}

.singleModel .price {
  text-align:center;
  float:left;
  margin-right:20px;
  white-space:nowrap;
}
.singleModel .price .normal {
  font-size:20px;
  line-height:38px;
}
.singleModel .price .discount {
  font-size:20px;
  color:#ff0000;
}
.singleModel .price .basePrice {
  font-size:11px;
}

.singleModel .buy, .singleModel .buy .left, .singleModel .buy .right {
  display:inline-block;
  height:24px;
  line-height:24px;
}
.singleModel .buy {
  float:right;
  height:38px;
  white-space:nowrap;
  background:url(/images/green_middle.png) repeat-x top left;
}
.singleModel .buy .left {
  height:38px;
  background:url(/images/green_left.png) no-repeat top left;
}
.singleModel .buy .right {
  padding:7px 15px;
  background:url(/images/green_right.png) no-repeat top right;
}
.singleModel .buy .textBox {
  border-color:#000000;
  vertical-align:middle;
}
.singleModel .buyButton {
  margin-left:5px;
  vertical-align:middle;
}

.singleModel #artNo {
  margin-right:20px;
}


.phoneOrderInfo {
  clear:both;
  margin-top:40px;
  background:url(/images/phone_order_right.png) no-repeat top right;
  color:#4c4c4c;
}
.phoneOrderInfo div {
  min-height:40px;
  padding:15px 12px 0 80px;
  background:url(/images/phone_order_left.png) no-repeat top left;
}

.productDataTable th, .productDataTable td {
  padding:3px 5px;
  text-align:left;
}

table.lists {
  border:5px solid #C1E083;
  background-color:#C1E083;
}

.productDataTable th.rightAlign, .productDataTable td.rightAlign {
  text-align:right;
}
.productDataTable th.centerAlign, .productDataTable td.centerAlign {
  text-align:center;
}


.productDataTable .price {
  font-weight:bold;
}

.productDataTable.expanded tr.row2 {
  background-color:#C1E083;
}



/* regular page */

.page {
  min-height:398px;
}

.pageMain {
  float:left;
  width:482px;
}

.pageRightCol {
  float:right;
  width:222px;
}

table.contactForm {
  width:90%;
  margin:0;
  padding:0;
  border-spacing:0;
  border:none;
}

table.contactForm td {
  padding:0.2em 0.3em 0.2em 0;
}

table.contactForm .textBox {
  width:95%;
}

table.contactForm .textBox {
  float:right;
}

table.contactForm #captcha.textBox {
  float:none;
}

tr.formSpecial {
  display:none;
}



/* shopping cart */

#cartContent {
  margin-right:15px;
}

tr.tone {
  background-color:#eeeeee;
}

.cartTable {
  border-spacing:0;
  width:735px;
}

.cartTable th, .cartTable td {
  padding:2px 5px 2px 5px;
  border:none;
}

.cartTable .rightAlign {
  text-align:right;
}

.cartTable th {
  text-align:left;
}

.cartTable tr.topBorder td {
  border-top:1px solid #555555;
}

table tr.topPadded td {
  padding-top:10px;
}

.giftCode {
  margin-top:2em;
}


/* account settings */

.accountSettings {
  min-height:398px;
}


/* order form */

.orderInfoTable {
  margin-top:15px;
  margin-bottom:15px;
  border-spacing:2px;
}

.orderInfoTable th {
  text-align:left;
  padding-right:10px;
}



/* checkout */

.checkout {
  min-height:398px;
}

.giftCardInfo {
  width:170px;
  float:right;
  padding:10px;
  border:1px solid black;
}

.checkoutLogin {
  float:right;
  width:220px;
  padding:5px;
  background-color:#e4e4e4;
}

.checkoutLogin table {
  font-size:0.95em;
}

.checkoutLogin .textBox {
  width:120px;
}

.customerRegistration {
  float:left;
  width:480px;
}


/* payment */

#paymentMethod {
  width:400px;
}

#paymentMethod div {
  position:relative;
  padding-left:22px;
  margin-bottom:20px;
}

#paymentMethod div .radioButton {
  position:absolute;
  left:0;
  top:0;
}

#paymentMethod div.dimmed {
  color:#999999;
}




/* footer */

#footer {
  color:#ffffff;
  font-size:11px;
}

#footer a:link, #footer a:visited {
  color:#ffffff;
  text-decoration:none;
}

#footer a:hover, #footer a:active {
  color:#ffffff;
  text-decoration:underline;
}

#footer .menu {
  float:right;
  margin:6px 0;
  padding:0;
  list-style-position:outside;
}

#footer .menu li {
  float:left;
  padding:0 2em 0 0;
}


#footer .menu li.first {
  list-style-type:none;
}


/* overlay gallery, image */

#overlay {
  background:url(/images/black80p.png);
  display:none;
  position:fixed;
  left:0;
  top:0;
  height:100%;
  width:100%;
  z-index:-1;
  text-align:center;
}

.galleryWrapper, .imageWrapper {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:0;
  z-index:10010;
  display:none;
}

.overlayGallery, .overlayImage {
  position:relative;
  width:200px;
  min-width:250px;
  min-height:250px;
  padding:10px;
  margin:0 auto;
  background:#ffffff url(/images/gallery_loader.gif) no-repeat center center;
}

.overlayImage .close {
  position:absolute;
  top:10px;
  right:10px;
  width:31px;
  height:31px;
  background:url(/images/close.png) no-repeat center;
  cursor:pointer;
  z-index:1000;
}

.overlayGallery .close {
  position:absolute;
  top:10px;
  right:10px;
  width:16px;
  height:16px;
  background:url(/images/gallery_close.png) no-repeat center;
  cursor:pointer;
}

.overlayGallery .nav {
  width:150px;
  margin:0 auto;
}

.overlayGallery .prev {
  position:relative;
  z-index:10;
  float:left;
  width:19px;
  height:17px;
  background:url(/images/gallery_back.png) no-repeat;
  cursor:pointer;
}

.overlayGallery .next {
  position:relative;
  z-index:10;
  float:right;
  width:19px;
  height:17px;
  background:url(/images/gallery_fwd.png) no-repeat;
  cursor:pointer;
}

.overlayGallery .fullSize {
  clear:both;
  cursor:pointer;
  margin:10px 0 0;
}

.overlayImage img {
  clear:both;
  cursor:pointer;
}

.overlayGallery .imageNo {
  text-align:center;
  font-size:1.3em;
}

.overlayGallery .caption {
  margin-top:10px;
  font-size:1.2em;
  font-weight:bold;
  text-align:center;
}

.thumbnail {
  margin:0 auto;
  display:block;
}


/* mini gallery */

.miniGallery {
  float:right;
  margin-bottom:30px;
}

.miniGallery .imageContainer {
  position:relative;
  width:412px;
  background:#ffffff;
}

.miniGallery .slide {
  position:absolute;
  left:0;
  top:0;
  width:412px;
  height:100%;
  background:#ffffff;
}

.miniGallery .slide img {
  position:absolute;
  left:50%;
  top:0;
}

.clickable {
  cursor:pointer;
}

#bottomArea {
  background-image: url(../images/content/images/silikonkrukor.jpg);
  height: 110px;
}

#bottomArea table {
  font: 12px Arial;
  color: #d0d0d0;
  width: 100%;
  text-align: center;
  padding-top: 4px;
}

#bottomArea table tr td {
  width: 25%;
  padding-top: 6px;
}

#bottomArea table tr td a:link, #bottomArea table tr td a:active, #bottomArea table tr td a:visited {
  color: #d0d0d0;
  text-decoration: none;
}

#bottomArea table tr td a:hover {
  color: #f0f0f0;
}