/*STARTSLIDER*/
#startSlider {margin-bottom:20px;}

/* Default Page */
.startImageBanner {text-align:center;margin-bottom:20px;}

/*PRODUCT*/
.productListingHeader {padding:20px 0; border-top:5px solid #000;}
	.productListingHeader h1 {}
	.productListingHeader .secText {font-size:0.8em;}
	.productListingHeader table.filters {border-top:1px solid #ddd; width:700px; margin-bottom:0px;}
		.productListingHeader table.filters td {padding:15px 15px 0 0; font-weight:bold;}
		.productListingHeader table.filters td:last-child {vertical-align: middle; padding-top:35px;}
		.productListingHeader table.filters td select {width:135px;}
		.productListingHeader table.filters td a { margin-top:30px; font-weight:bold; padding:20px 0 0; font-size:0.8em; text-align: center; font-family: Arial, Verdana, sans-serif;}
.productListingHeaderInfo { border-top:5px solid #000; margin-bottom:20px;}
    .productListingHeaderInfo .infoListingBox {height:330px; padding:10px 40px 40px;}
    .productListingHeaderInfo .caption {width:350px; }
	    .productListingHeaderInfo .caption p {width:300px;font-size:1.1em; margin-bottom:30px; height:225px; overflow:hidden;}
    .productListingHeaderInfo ul.buttons {}
	    .productListingHeaderInfo ul.buttons li {}
		    .productListingHeaderInfo ul.buttons li a {padding:5px 10px; background:black; display:block; float:left; margin-right:10px; color:#fff; font-weight: bold;}
		    .productListingHeaderInfo ul.buttons li a:hover, .productListingHeaderInfo ul.buttons li a:active, .productListingHeaderInfo ul.buttons li.active a {background:#0083A5;}

.productListing {margin-bottom:90px;}
.productListing.top {margin-bottom:20px;}
.list-wrap .productListing {padding-top:20px;}
	.productListing .columns {height:345px;}
.productListing .alpha {clear:both;}
.productListing h2 {font-size:1.6em; font-weight: normal; border-bottom:5px solid #000; padding-bottom:5px; margin-bottom:20px;}
.product {}
	.product .image {}
		.product .image a {}
		.product .image span.extraPrice {display:block; height:40px; line-height:40px; color:#fff; padding:0 10px; background:#f05033; float:left; font-size:1em;}
		.product .image span.productType {display:block; height:40px; line-height:40px; color:#fff; padding:0 10px; float:left; font-size:1em;}
		.product .image span.productType.news {background:#000;}
		.product .image span.productType.campaign {background:#9b5ba4;}
		.product .image span.productType.sommar {background:#F00;}
	.product .info {}
		.product .info a {color:#000;}
	.product .price {font-size: 1.1em; margin-bottom:15px;}
	.product .price .regularPrice {}
	.product .price .extraPrice {color:#f05033; font-weight:bold;}

	.productSmall .image {width:220px; height:220px; margin-bottom:15px;}
		.productSmall .image img {width:220px; position: absolute;}
		.productSmall .image a {display:block; width:220px; height:220px; position:absolute; z-index:997;}
			.productSmall .image a span.overlay {width:220px; height:220px; background:url(../img/gfx/prod_image_overlay.png) no-repeat; display: block; position:absolute; z-index:998;}
			.productSmall .image a span.extraPrice {bottom:0; left:0; position: absolute; z-index:999;}
			.productSmall .image a span.productType {bottom:0; right:0; position: absolute; z-index:999}
			.productSmall h3, .productSmall h4 {font-size:1.2em; font-weight: normal; margin-bottom:0; height:38px; overflow:hidden;}
	.productSmall .supplier {font-size:0.8em;}
	.productSmall .supplier a {color: #0083a5;}
		.productSmall .supplier span {font-weight: bold;}
	.productSmall a.toProductBtn {display:none; height:40px; line-height:40px; font-weight:bold; color:#fff; padding:0 10px; background:#0083a5; float:left; font-size:0.8em; width:110px; text-align: center;}
	.productSmall .inStock {display:none; }

	.productSmall.hover .productSmallInner {border:5px solid #dedede; position:absolute; z-index:1000; width:220px; padding-bottom:10px; padding-right:10px; background:#fff; margin-top:-15px; margin-left:-15px; padding-top:10px; padding-left:10px;}
	.productSmall.hover .productSmallInner a.toProductBtn {display:block;}
	.productSmall.hover .productSmallInner .inStock {display:block; background-image:url(../img/icons/instock_green.png); font-size:0.8em;}
	.productSmall.hover .productSmallInner .inStock {background-position: 0px 1px; background-repeat: no-repeat; padding-left:25px;}
	.productSmall.hover .productSmallInner .inStock.green {background-image:url(../img/icons/instock_green.png);}
	.productSmall.hover .productSmallInner .inStock.yellow {background-image:url(../img/icons/instock_yellow.png);}
	.productSmall.hover .productSmallInner .inStock.red {background-image:url(../img/icons/instock_red.png);}

	.productLarge {}
		.productLarge .productHeader {padding:20px 0; border-top:5px solid #000; }
			.productLarge .productHeader h1 {float:left; width:600px; margin:0;}
			.productLarge .productHeader .productSupplierLogo {float:right; width:80px;}
				.productLarge .productHeader .productSupplierLogo img {width:80px;}
		.productLarge .productInfo {border-top:1px solid #ddd; padding-top:20px;}
			.productLarge .productInfo .buyOptions { height:30px;}
				.productLarge .productInfo .buyOptions input.qty {display:block; background:#eaeaea url(../img/gfx/qty_bg_fr.png) 23px 9px no-repeat; border:#ddd 1px solid; margin:0 5px 0 0; padding:0 5px; height:28px; line-height:28px; width:40px; float:left; text-align:left;}
				.productLarge .productInfo .buyOptions .addtoCartBtn {cursor:pointer; width:122px; display:block; float:left; height:30px; font-size:0.8em; padding-left:40px; line-height:30px; background-image:url(../img/icons/basket_white.png); background-position: 10px 8px; background-repeat: no-repeat;}
		.productLarge .productMeta {clear:both; margin:0; padding:0; font-size:0.8em;}
			.productLarge .buyInfo {border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:20px;}
			.productLarge .productMeta strong {font-weight: bold;}
			.productLarge .productMeta li {margin-bottom:10px;}
			.productLarge .productMeta li.savings {background:url(../img/icons/save.png) 0px 1px no-repeat; padding-left:25px;}
			.productLarge .productMeta li.splitPayment {background:url(../img/icons/split_payment.png) 0px 1px no-repeat; padding-left:25px;}
			.productLarge .productMeta li.inStock {background-position: 0px 1px; background-repeat: no-repeat; padding-left:25px;}
			.productLarge .productMeta li.inStock.green {background-image:url(../img/icons/instock_green.png);}
			.productLarge .productMeta li.inStock.yellow {background-image:url(../img/icons/instock_yellow.png);}
			.productLarge .productMeta li.inStock.red {background-image:url(../img/icons/instock_red.png);}
				.productLarge .productMeta li.inStock .stockQuantity {font-weight: bold; display: block;}
				.productLarge .productMeta li.inStock .stockQuantity.red {color: #F05033;}
				.productLarge .productMeta li.inStock .stockQuantity.green {color: #65B561;}
			.productLarge .productMeta li.freight {background:url(../img/icons/shipment.png) 0px 1px no-repeat; padding-left:25px;}
			.productLarge .productMeta li.phone {background:url(../img/icons/phone.png) 0px 1px no-repeat; padding-left:25px;}

		.productLarge .productBaseInfo {margin-bottom:20px;}
		.productLarge .price {font-size: 1.3em;}
		.productLarge .productMeta li.download {background:url(../img/icons/download.png) 0px 0px no-repeat; padding-left:25px; padding:2px 0 2px 20px;}
		.productLarge .productSlider .caption {}
			.productLarge .productSlider .caption .zoom {background:url(../img/icons/zoom.png) no-repeat; width:40px; height:40px; display:block; position: absolute; top:0; right:0;}
				.productLarge .productSlider .caption .zoom span {display:none;}
			.productLarge .productSlider .caption span.extraPrice {left:0; bottom:0; position: absolute; font-size:1.2em;}
			.productLarge .productSlider .caption span.productType {right:0; bottom:0; position: absolute; font-size:1.2em;}
		.productLarge .socialButtons {margin-bottom:15px;}

		.moreProductInformation {margin-bottom:30px;}
			.moreProductInformation .nav {overflow: hidden; margin: 0; border-bottom:5px solid #000; }
				.moreProductInformation .nav li {float: left; margin: 0 5px 0 0; }
				.moreProductInformation .nav li.last {margin-right: 0; }
					.moreProductInformation .nav li span.header {padding:0 15px; display: block; background:black; text-align:center; height:35px; line-height:38px; color: #fff; border: 0;}
			.moreProductInformation .content {background:#F7F7F7;padding:15px}
				.moreProductInformation .content p.descText {font-size:0.8em;margin-bottom:0}
			.productSeparator {margin-top: 10px;margin-bottom: 6px; border-bottom: 5px solid #000}

	.rightContent .block.productListning {padding:20px 0;}
	.rightContent .block.productListning h3, .rightContent .block.productListning .info {margin:0 20px;}
	.rightContent .block.productListning h3 {margin-bottom:10px;}
	.rightContent .block.productListning .image {border-bottom:1px solid #fff; border-top:1px solid #fff;}

	.rightContent .block.topProductList {}
		.rightContent .block.topProductList ol, .rightContent .block.topProductList ol li {list-style: none; margin:0; padding:0;}
			.rightContent .block.topProductList ol li {border-bottom:1px solid #ddd; margin-bottom:15px; padding-bottom:15px; clear:both;}
			.rightContent .block.topProductList ol li.last, .rightContent .block.topProductList ol li:last-child  {border:0; margin:0; padding:0;}
				.rightContent .block.topProductList ol li .image{ width:40px; height:40px; float:left; }
					.rightContent .block.topProductList ol li .image .number {color:#fff; font-size:0.8em; font-weight:bold; background:#000; text-align: center; width:20px; line-height: 20px; position: absolute; }
				.rightContent .block.topProductList ol li .info {float:right; width:130px; font-size:0.8em; font-weight: bold; line-height: 1.2;}

/*CHECKOUT*/
.checkoutFlow {}
	.checkoutFlow h1 {padding:20px 0; border-top:5px solid #000;}
	.checkoutFlow table {font-family: Arial, Verdana, sans-serif; font-size:0.8em; width:100%; border-collapse: collapse;}
		.checkoutFlow table tr {}
		.checkoutFlow table tr th, .checkoutFlow table tr td{text-align: left; padding-top:5px; padding-bottom:5px;}
		.checkoutFlow table tr th {font-weight: bold; border-bottom:5px solid #000;}
		.checkoutFlow table tr td {}
		.checkoutFlow table td.top {border-bottom:1px solid #ddd;}
	  .checkoutFlow table td.bank {border-left:1px solid #ddd;}
	.checkoutFlow .total {font-size:1em; text-align:right; font-family: Arial, Verdana, sans-serif; height:80px; }
		.checkoutFlow .total p {margin-bottom:5px; padding:0 5px; height:30px; line-height: 30px; border-top:1px solid #ddd;	 color: #000; display:block; width:300px; float:right; clear: both;}
		.checkoutFlow table tr td input.errortextbox {border:1px solid red;}

	.checkoutFlow .navigation {text-align: right; clear:both; display: block; height:50px; line-height: 50px; border-top:5px solid #000; padding-top:15px;}
.safeCommerce {border-top:5px solid #000; padding:15px 0; margin-bottom:30px;}
	.safeCommerce h4 {margin-bottom:15px;}
	.safeCommerce img {width:60px;}
	.safeCommerce p {font-size:0.8em;}

		/*BASKET*/
		#basket {}
			.checkoutFlow table.kundvagn {margin-bottom:30px;}
			.checkoutFlow table.kundvagn tr th {padding:5px;}
			.checkoutFlow table.kundvagn tr td {border-bottom:1px solid #ddd; padding:5px; vertical-align: middle;}
				.checkoutFlow table.kundvagn tr td input {text-align: center;}
			.checkoutFlow table td .image {width:80px; height:80px; }
		/*CHECKOUT 1*/
		#checkout_1 table td .image {width: 40px; height:40px;}
		#checkout_1 table.betal {margin-bottom: 30px; }
			#checkout_1 table.betal tr td {padding:20px 10px 5px 0px; vertical-align: top;}
			#checkout_1 table.betal tr td {width:222px; }
			#checkout_1 table.betal tr td .payItem{margin-bottom:10px; display:block; clear:both;}
				#checkout_1 table.betal tr td .payItem select {width:160px;}
			#checkout_1 table.betal tr td label {}
			#checkout_1 table.getUserInfo {vertical-align: middle;}
				#checkout_1 table.getUserInfo td { border-bottom:1px solid #ddd; border-top:5px solid #000; padding:15px 0; font-weight:bold; vertical-align: middle;}
				#checkout_1 table.getUserInfo td.left, #checkout_1 table.getUserInfo td.middle, #checkout_1 table.getUserInfo td.right { float:none;}
				#checkout_1 table.getUserInfo td.left {width:175px;}
				#checkout_1 table.getUserInfo td.middle {width:140px;}
		  #checkout_1 table.userInfo td {width: 100px; padding-right:20px;}
		/*CHECKOUT 2*/
		#checkout_2 table td {padding:5px; vertical-align: middle;}
		#checkout_2 table strong {font-weight: bold;}
		#checkout_2 table td.topdivider {border-top:1px solid #ddd;}
		#checkout_2 table.rabatt td { border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
		#checkout_2 table.betalSatt { margin-top:15px;}
		#checkout_2 table.betalSatt, #checkout_2 table.faktura, #checkout_2 table.kreditkort {width:auto;}
			#checkout_2 table.betalSatt td, #checkout_2 table.faktura td, #checkout_2 table.kreditkort td {vertical-align: top; padding:5px 20px 5px 0;}
			#checkout_2 table.faktura td {vertical-align: middle;}
			#checkout_2 table.betalSatt td.left, #checkout_2 table.faktura td.left, #checkout_2 table.kreditkort td.left {float:none;}
			#checkout_2 table.faktura td.left, #checkout_2 table.kreditkort td.left {font-weight: bold;}
			#checkout_2 table.betalSatt td.right, #checkout_2 table.fakura td.right, #checkout_2 table.kreditkort td.right {vertical-align: bottom; float:none;}
				#checkout_2 table.kreditkort td.right select {width:70px}
		/*CHECKOUT 3*/
		#checkout_3 {}
			#checkout_3 .orderNumber {font-size:1.2em; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 0;}
				#checkout_3 .orderNumber span {font-weight: bold; }
			#checkout_3 .thanksMessage {margin-bottom:50px;}
			#checkout_3 .left, #checkout_3 .right {width:335px; margin-bottom:30px;}
				#checkout_3 .right .form {background:#eaeaea; padding:15px; border-top:5px solid #000;}
					#checkout_3 .right .form .title {font-weight: bold;}
					#checkout_3 .right .form input[type='text'] {background:#fff; margin:0; width:95%;}
			#checkout_3 h3.thanks {font-style: italic; border-top:5px solid #000; padding:15px 0 10px 0; clear:both;}


/*PAGE*/
.pageContent {font-size:0.8em;}
		.pageContent h1 {padding:20px 0; border-top:5px solid #000;}

/*FRONTPAGE*/
h1.frontHeader {padding-top:3px; border-bottom:5px solid #000; margin:0; color:#fff; font-size:1em; height:30px; line-height:30px;}
	h1.frontHeader span {width:auto; padding:10px; background:#000;}

/*ARTICLE*/
.ingress {font-size:1.4em;}
.article {}
	.article img.image {margin-bottom:10px;}
	.article iframe {margin-bottom:10px;}
	.article h3 {font-size:1.5em;}


/*CAMPAIGN PAGES*/
.productListingHeaderInfo.campaignPage {padding:0;}
.productListingHeaderInfo.campaignPage .infoListingBox {width:100%; height:auto; margin-bottom:0px; padding:20px 40px;}
	.productListingHeaderInfo.campaignPage .infoListingBox h1 {margin-bottom:0;}
	.productListingHeaderInfo.campaignPage .infoListingBox .caption { width:auto;  padding:20px 0; }
	    .productListingHeaderInfo.campaignPage .caption p {margin-bottom:20px; height:auto; width:auto;}
.row.articleListing {border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:40px;}

/*CAMPAIGN PAGE CHRISTMAS
body.christmas {background:url(../img/bg_jul.png) top left repeat-x fixed;}
	body.christmas  .productListingHeaderInfo.campaignPage.christmas {background: url(../img/jul_campaign.png) left top no-repeat;}
	body.christmas .row {background:#fff; border-left:20px solid #fff; border-right:20px solid #fff;}
	body.christmas #topMenu .row {border:0; background:none;}
	body.christmas #footer .row {border:0; background:none;}
		body.christmas .row .row {border-left:0; border-right:0; background:none; padding-left:0; padding-right:0;}
		body.christmas  #topNavigation .row {}
.productListingHeaderInfo.campaignPage.christmas {color:#fff;}
    .productListingHeaderInfo.campaignPage.christmas h1 {color:#fff;}
    .productListingHeaderInfo.campaignPage.christmas .caption p {text-shadow: 1px 1px #006079;}
		.productListingHeaderInfo.campaignPage.christmas li a {background:#fff; color:#0083a5;}
		.productListingHeaderInfo.campaignPage.christmas ul.buttons li a:hover, .productListingHeaderInfo.campaignPage.christmas ul.buttons li a:active, .productListingHeaderInfo.campaignPage.christmas ul.buttons li.active a {background:#0083A5; color:#fff;}
*/

@media screen and (min-width: 1440px) {
	body.summer {overflow-x: hidden;}
	.summer #header > .row {position: relative;}
	.summer #header .sixteen.columns::before,
	.summer #header .rightContent::before {
		content: "";
		position: absolute;
		width: 300px;
		height: 900px;
		background: url(../img/bg_summer_fr.jpg);
		background-repeat: no-repeat;
		top: 0;
	}
	.summer #header .sixteen.columns::before {
		left: -320px;
		background-position: top left 0;
	}
	.summer #header .rightContent::before {
		background-position: top right 0;
		right: -320px;
	}
}