﻿/*-----------------------------------
						     Product
-----------------------------------*/
button.buy { background: transparent url(/resources/images/button-buy.png) no-repeat scroll 0 0;
	width: 61px; height: 21px; padding-bottom: 6px; cursor: pointer; }
button.buy .active { background: transparent url(/resources/images/button-buy-hover.png) no-repeat scroll 0 0; }


.product { padding-top: 25px; border: 1px solid #dfdfdf; color: #585858; line-height: 1.4em; }
.product h1, 
.product h2 { font: inherit; color: #5a5a5a; font-weight: bold; }
.product h1 { font-size: 14px; margin-bottom: 0; }
.product h2 { font-size: 11px; margin-right: 0.3em; float: left; }
.product .info { width: 526px; /* = 540-14 */ padding-left: 14px; margin-right: 10px; float: left; }
.product .price-label { font-weight: bold; color: #C82321; }
.product .price-list-id, .product-blurb .price-list-id { display: none; }
.product .small { float: right; font-size: 14px; }
.product .big { font-size: 20px; margin-top: 5px; float: left; }

.product .info .ingress { border-top: 1px solid #e1e1e1; padding-top: 8px;}
.product .info .body { padding-top: 8px; margin-bottom: 36px; margin-top: 2px; }
.product .info .body br { margin-bottom: 15px; }
.product .info table { float: left; width: 50%; margin-top: 5px; margin-bottom: 36px; font-size: 8pt;}
.product .info table td { vertical-align: middle; padding: 1px 2px 2px 4px; white-space: nowrap; border: 0; }
.product .info table tr.odd td { background: #efefef; }
.product table.properties td { width: 25%; }


.product table.accessories { width: 100%; margin-bottom: 20px; }
.product .accessories td.text { width: 300px; white-space: normal; }
.accessories .price { text-align: right; font-weight: bold; }
.accessories tr.odd td { background: #efefef; }
.accessories .brand { margin-right: 5px; }
.accessories button.buy-accessory { background: url(/resources/images/button-buy-small.gif) no-repeat scroll 0 0; margin: 1px 2px 0 0; width: 50px; height: 14px; cursor: pointer; }
.accessories button.buy-accessory.disabled { background: url(/resources/images/button-buy-small-gray.gif) no-repeat scroll 0 0; margin: 1px 0 0 0; width: 50px; height: 14px; cursor: default; }
.accessories .details { display: none; }
.accessories .show-details a { background: transparent url(/resources/images/arrow-blue-down.gif) no-repeat scroll 50px 6px;
    margin-right: 0px; padding-right: 11px;  }
.accessories .show-details a.open { color: #ff0000; background: transparent url(/resources/images/arrow-red-up.gif) no-repeat scroll 50px 6px; }
.accessories .name { width: 295px; }
.accessories .accessory { cursor: pointer; }
.accessories .actions { width: 68px; text-align: right; }
.accessories .zoom { position: absolute; height: 13px; width: 13px; z-index: 2; margin-left: 90px; margin-top: 75px; }

.product .picture img { cursor: pointer; margin-bottom: 3px; }
.product .picture img[alt='Kampanj'] { position: absolute; margin-top: 31px; }
/*.product .picture .large-image { width: auto; border: 1px solid #55ade7; background: #FFFFFF; padding: 10px; }
.product .picture .button-close { position: relative; width: auto; margin: 0 0 15px 0; padding: 0; text-align: right; }*/
.product .picture .large-image { width: 512px; height: 512px; border: 1px solid #55ade7; background: #FFFFFF; padding: 10px; }
.product .picture .button-close { position: absolute; top: 487px; left: 404px; width: auto; }
.product .picture .button-close label { font-size: 10px; padding-bottom: 4px; vertical-align: super; cursor: pointer; }
.product .picture .button-close img { margin-left: 7px }
.product .picture { text-align: center; float: left; width: 312px; margin-bottom: 30px; padding-left: 5px; }
.product .picture div { width: 100%; }
.product .picture div p { width: 110px; text-align: left; margin-right: 1em; color: #585858; font-size: 9px; }
.product .picture .price-info { margin-left: 12px; }

.product .picture button.buy { background: transparent url(/resources/images/buy-button-normal.png) no-repeat scroll 0 0;
	width: 106px; height: 33px; cursor: pointer; padding-bottom: 0; float: left; margin-top: 8px; margin-left: 20px; }
.product .picture button.buy:hover { background: transparent url(/resources/images/buy-button-mouseover.png) no-repeat scroll 0 0;
	width: 106px; height: 33px; cursor: pointer; padding-bottom: 0; float: left; margin-top: 8px; margin-left: 20px; }	
.product .picture button.buy:active { background: transparent url(/resources/images/buy-button-mousedown.png) no-repeat scroll 0 0;
	width: 106px; height: 33px; cursor: pointer; padding-bottom: 0; float: left; margin-top: 8px; margin-left: 20px; }
	
.product .resources { float: right; width: 110px; }
.product .resources a { display: inline-block; }
.product .resources img { border: 1px solid #dfdfdf; margin-bottom: 15px; }
.product .resources a.Produktblad { background: transparent url(/resources/images/button-product-sheet.png) no-repeat scroll 0 0; }
.product .resources a.Manual { background: transparent url(/resources/images/button-product-manual.png) no-repeat scroll 0 0; }
.product .resources button, .product .resources a.Manual, .product .resources a.Produktblad {
	display: block; width: 99px; height: 22px; margin-bottom: 9px; float: left; cursor: pointer; }
.product .resources button.print { 	background: url(/resources/images/button-product-print.png) no-repeat 0 0; }
.product .resources button.zoom { background: url(/resources/images/button-product-large-image.png) no-repeat 0 0; }
.clear { clear: both; height: 0; }

.product .all-product-images { display: none; }

.product .picture .delivery-promise { width: 335px; padding-top: 15px; text-align: left; font-size: 11px; clear: both; margin-left: 12px; }
.product .picture .delivery-promise p { float: left; color: #585858; width: auto; font-size: 11px; }
.product .picture .delivery-promise a { float: left; }
.product .picture .delivery-promise .light { float: left; margin-right: 5px; margin-top: 4px; }
.product .picture .delivery-promise-info-text p { width: 100%; color: #000000; text-align: left; }

.product .picture .product-judgement { float: left; padding-top: 8px; text-align: left; margin-left: 12px; display: none; }

#DeliveryPromiseText.popup { background-color: White; border: solid 1px #ea960f; width: 250px; position: absolute; z-index: 5; display: none; padding: 10px; }
#DeliveryPromiseText.popup .button-close { float: right; cursor: pointer; position: static; }
#DeliveryPromiseText p { line-height: 18px; margin: 10px 0px 4px; color: #585858; font-size: 9px; text-align: left; width: auto; }


/*-----------------------------------
					  Product filter
-----------------------------------*/
.product-group-filter { border: 1px solid #dfdfdf; font-size: 10px; padding: 7px 10px 10px 12px; margin-bottom: 17px; width: 956px; }
.product-group-filter h1 { font-family: Arial; font-size: 15px; font-weight: bold; }
.product-group-filter h2 { font-family: Verdana; font-size: 11px; font-weight: bold; margin-left: 20px; }
.product-group-filter div { float: left; padding-right: 15px; margin-right: 20px; }
.product-group-filter .no-filter { float: none; }
.product-group-filter .no-filter h1 { display: inline; }
.product-group-filter .no-filter .filtered-count { margin-left: 10px; }
.product-group-filter .property { border-right: 1px solid #dfdfdf; }
.product-group-filter .last { border: none; padding-right: 0; margin-right: 0; }
.product-group-filter .button { float: right; margin-top: -16px; }
.product-group-filter .button button { background: url(/resources/images/button-products-show.png) no-repeat 0 0;
	width: 111px; height: 21px; padding-bottom: 6px; cursor: pointer;}
.product-group-filter .count { clear: both; float: none; height: 12px; }
.product-group-filter .filtered-count { font-size: 17px; }

/*-----------------------------------
		   Product selection toolbar
-----------------------------------*/
.page-size-selection, .drop-down-selectors { float: right; }
.page-size-selection { padding-right: 10px; }
.drop-down-selectors { margin-right: 50px; margin-top: 3px; }
.drop-down-selectors select { margin-right: 25px; margin-left: 25px; border: 1px solid #dfdfdf; }
.page-size-selection, 
.product-pager, 
.drop-down-selectors select { color: #565656; }

/*-----------------------------------
					   Product pager
-----------------------------------*/
.product-pager { padding: 8px 0 0 8px; margin-bottom: 5px; }
.bottom { clear: both; }
.product-pager .previous a, .product-pager .next a, .product-pager .last a { color: #565656; }
.product-pager .previous a { background: url(/resources/images/arrow-left-orange.png) no-repeat left 4px;
	padding-left: 7px; margin-left: 2px; }
.product-pager .next a { background: url(/resources/images/arrow-orange.png) no-repeat right 4px;
	padding-right: 7px; margin-left: 2px; }
.product-pager .last a { background: url(/resources/images/arrow-double-orange.png) no-repeat right 4px;
	padding-right: 11px; margin-left: 2px; }
.product-pager a { color: #F07D00; text-decoration: none; }
.product-pager li.current a  { text-decoration: underline; font-weight: bold; font-size: 12px; }
.product-pager ul { margin-left: 5px; }
.product-pager ul, 
.product-pager ul li { display: inline; }
.product-pager ul li { margin-right: 9px; padding-bottom: 3px; }

/*-----------------------------------
					  Product margin
-----------------------------------*/
.product-margin .Item { position: relative; }
.Item h2 { font-family: verdana;  font-size: 11px; font-weight: bold; color: #557284; margin-top: 0px; 
	padding-top: 2px; padding-bottom: 5px; padding-left: 12px; text-transform: uppercase; }

/*-----------------------------------
				  Product blurb list
-----------------------------------*/
.product-list-container { width: 1100px; }
.product-list { clear: both; }
.product-blurb { background: url(/resources/images/product-promo-footer-bg.png) repeat-x 0 165px; 
    float: left; display: block; width: 318px; height: 198px; border: 1px solid #dfdfdf; margin-right: 10px; margin-bottom: 30px; }
.product-list .end-of-row { margin-right: 0; }
.product-blurb h3 { margin-bottom: 13px; font: inherit; font-size: 11px; font-weight: bold; color: #424242; }
.product-blurb a { color: #4b84af; text-decoration: none; }
.product-blurb .picture { float: left; height: 152px; text-align: center; padding-top: 12px; width: 140px; }
.product-blurb .picture img { cursor: pointer; }
.product-blurb .picture img[alt='Kampanj'] { position: absolute; }
.product-blurb .info { width: 166px; height: 152px; float: right; padding-top: 12px; padding-right: 12px; cursor: pointer; }
.product-blurb .info p { height: 78px; overflow: hidden; color: #0a263c; font-family: Tahoma, Sans-Serif; margin-bottom: 3px; line-height: 13px; }
.product-blurb .blurb-footer { height: 22px; padding-left: 12px; padding-right: 12px; padding-top: 9px; clear: both; }
.product-blurb .blurb-footer .compare  { float: left; margin-right: 45px; }
.product-blurb .blurb-footer .compare label  { cursor: pointer; display: inline-block; vertical-align: top; padding: 3px 0 5px 1px; }
.product-blurb .blurb-footer .compare input { cursor: pointer; margin-right: 0; }
.product-blurb .blurb-footer .compare img { margin-left: 5px; cursor: pointer; }
.product-blurb .blurb-footer .information button { float: right; }
.product-blurb .price-label { font-family: Arial; font-size: 15px; font-weight: bold; color: #c82321; }

/*-----------------------------------
				Product bread crumbs
-----------------------------------*/
.navigation { margin-bottom: 5px; }
.navigation div,
.navigation li,
.navigation ul { display: inline;}
.navigation, .navigation a { color: #4B84AF; font-family: Tahoma,Arial,Helvetica,Sans-Serif; font-size: 11px; }
.navigation .back .backlink { color: #ED8613; }
.navigation .separator,
.navigation .model { color: #585858; }
.navigation .back img { margin-right: 8px; }
.bread-crumbs { margin-left: 40px; }

