html, body
{
height:100%;
width:100%;
}
body
{
background:url(../images/design/bg.gif) repeat-x #f0f0f0;
}
image
{
border:none;
}
/* fixes outline on ff3 */
object { outline:none; }
#frame-start
{
padding:0;margin:0;
background:url(../images/design/bg.gif) repeat-x #f0f0f0;
}
#frame
{
padding:0;margin:0;
background:url(../images/design/bg.gif) repeat-x #f0f0f0;
}
/* common */
.border-center
{
background:#aeaeae;
font-size:1px;
height:1px;
width:892px;
margin-left:auto;
margin-right:auto;
}
/* Credit */
#credit, #credit_start
{
font-size:12px;
background:#fff;
padding:8px 16px 8px 16px;
width:860px;
margin-left:auto;
margin-right:auto;
}
#credit_start
{
padding:8px;
width:876px;
}
#credit div, #credit_start div
{
background:#e9e9e9;
padding:8px;
padding-left:12px;
}
#credit span, #credit_start span
{
float:right;
font-size:11px;
}
/* Menu-top */
#menu-top
{
width:892px;
margin-left:auto;
margin-right:auto;
height:100px;
}
#menu-top img
{
float:left;
}
.menu-top
{
margin-top:4px;
float:left;
width:722px;
}
.menu-top li
{
display:block;
float:left;
}
.menu-top li a,.menu-top li a:link, .menu-top li a:visited, .menu-top li a:hover
{
display:block;
margin-right:0px;
font-size:13px;
text-decoration:none;
font-weight:bold;
border:none;
padding:22px 9px 21px;
}
.menu-top li a:hover, .menu-top li a.active
{
text-decoration:underline;
}
.menu-top-shortcut
{
float:right;
padding-top:10px;
background:url(../images/design/menu-shortcut-bg.gif) repeat-x 0 30px;
}
.menu-top-shortcut li
{
float:left;
border-right:1px solid #9c9c9c;
background:url(../images/design/menu-shortcut-item-bg.gif) repeat-x 0 20px;
border-left:1px solid white;
border-right:1px solid white;
margin-right:8px;
margin-left:8px;
}
.menu-top-shortcut li a, .menu-top-shortcut li a:hover, .menu-top-shortcut li a:link, .menu-top-shortcut li a:visited
{
font-family:Calibri,Tahoma;
font-size:12px;
color: #4F4B4F;
border:none;
display:block;
line-height:100%;
padding:2px 0px 8px 0px;
}
.menu-top-shortcut li a:hover, .menu-top-shortcut li a.active
{
background:url(../images/design/menu-shortcut-item-hover-bg.gif) repeat-x 0 19px;
border:none;
}
/* Search box is inside menu_top.aspx */
.search
{
width:207px;
margin-top:18px;
margin-left:50px;
overflow:hidden;
height:24px;
}
.search div
{
position:relative;
background:url(../images/design/search-text.gif) right top no-repeat;
}
.search input.searchtxt
{
position:absolute;
z-index:10;
border:none;
background:none;
padding:0;
margin:0;
left:27px;
top:5px;
width:178px;
}
.search input.searchbutton
{
position:absolute;
z-index:3;
height:24px;
width:27px;
left:0;
}
/* Start page flashes */
#start-bottom
{
height:224px;
}
#start-splash
{
height:401px;
}
/* About Comfort - documents */
.doc-about, .doc-ask
{
width:892px;
background:#fff;
margin-left:auto;
margin-right:auto;
padding-top:16px;
padding-bottom:0;
margin-top:8px;
}
.doc-about .image-left-container
{
float:right;
margin-left:50px;
width:239px;
}
.doc-about .image-left-container img
{
clear:both;
}
.doc-about .image-left-container .outer
{
position:relative;
}
.doc-about .image-left-container .overlay
{
background:url(../images/design/doc_image_overlay.png);
padding:7px;
position:absolute;
bottom:0;
left:0;
width:225px;
}
.doc-about .image-main
{
margin:0 16px 0 16px;
}
.doc-about .ingress-image
{
float:right;
margin-top:16px;
margin-right:16px;
}
.doc-about h1, .doc-comforthome h1
{
font-family:Arial;
font-size:28px;
color:#f0f0f0;
background:#202020;
padding:10px 16px 14px;
margin:0 16px 0 16px;
}
.doc-about h1.sIFR-replaced
{
padding:5px 16px 2px 16px;
margin-bottom:16px;
}
.doc-about h1.speak
{
margin-bottom:0;
}
.doc-about p.ingress
{
margin-left:40px;
margin-right:17px;
font-size:18px;
font-style:italic;
margin-top:31px;
line-height:150%;
}
.doc-about div.body
{
margin-left:40px;
margin-right:40px;
}
.doc-about div.body-inner
{
width:520px;
}
.doc-about-line-top
{
margin-bottom:16px;
margin-left:16px;
margin-top:16px;
}
/* Menu for Snakk med oss */
.doc-menu-speak
{
margin-left:16px;
height:71px;
margin-bottom:16px;
margin-top:0;
}
.doc-menu-speak li
{
float:left;
}
.doc-menu-speak li a, .doc-menu-speak li a:link, .doc-menu-speak li a:visited
{
display:block;
height:81px;
border-bottom:none;
font-size:14px;
font-style:italic;
background-position:0 0;
background-repeat:no-repeat;
}
.doc-menu-speak li a div
{
display:none
}
.doc-menu-speak li a:hover, .doc-menu-speak li a.active
{
background-position:0 -130px;
}
/* About menu */
.doc-menu-about
{
margin-left:16px;
height:81px;
margin-bottom:16px;
margin-top:0;
}
.doclist-heating
{
width:892px;
background:#fff;
margin-left:auto;
margin-right:auto;
padding-bottom:0;
}
/* Store overview */
.doc-storeoverview
{
width:892px;
background:#fff;
margin-left:auto;
margin-right:auto;
padding-top:16px;
margin-top:8px;
}
.doc-storeoverview .image-main
{
margin:0 16px 0 16px;
}
.doc-storeoverview .ingress-image
{
float:right;
}
.doc-storeoverview h1
{
font-family:Arial;
font-size:28px;
color:#f0f0f0;
background:#202020;
padding:10px 16px 14px;
margin:0 16px 0 16px;
}
.doc-storeoverview h1.sIFR-replaced
{
padding:5px 16px 2px 16px;
}
.doc-storeoverview p.ingress-white
{
margin-left:9px;
margin-right:14px;
font-size:18px;
font-style:italic;
margin-top:2px;
line-height:150%;
color:#f0f0f0;
}
.doc-storeoverview div.body
{
margin-left:32px;
margin-right:32px;
}
.box-grey
{
padding:9px;
background:#949fa6;
margin:3px 16px 0 16px;
}
.box-grey-thin
{
padding:16px;
border:7px solid #949fa6;
background:#f0f0f0;
margin:2px 16px 6px 16px;
}
.box-filter
{
padding:16px;
background:#f9fafa;
width:400px;
float:left;
height:167px;
position:relative;
}
.box-filter-2
{
width:369px;
margin-left:9px;
}
.box-filter-2 select
{
float:left;
margin-right:6px;
margin-top:10px;
}
.doc-storeoverview .box-filter h2
{
font-size:16px;
font-style:italic;
font-weight:bold;
color:#393939;
margin-top:0;
border-bottom:none;
}
.doc-storeoverview .box-filter h2.sIFR-replaced
{
margin-bottom:0;
}
.doc-storeoverview .checkbox-container
{
float:left;
width:130px;
font-size:11px;
}
.doc-storeoverview .checkbox-container input
{
float:left;
margin:0;
margin-right:9px;
}
.doc-storeoverview .checkbox-container label
{
float:left;
width:90px;
padding-top:3px;
}
.category-submit
{
clear:both;
position:absolute;
right:16px;
bottom:16px;
}
/* Doc styling for doc_tubeman.xsl */
.doc-tubeman
{
}
.doc-tubeman .vertical-image
{
float:left;
margin-top:40px;
margin-left:16px;
}
.doc-tubeman p.ingress
{
margin-left:314px;
margin-top:32px;
}
.doc-tubeman .doc-line-top
{
background:url(../images/design/doc_fadedline_small.gif) no-repeat;
width:563px;
height:19px;
line-height:19px;
margin-top:16px;
margin-left:314px;
}
.doc-tubeman div.body
{
margin-left:314px;
margin-right:16px;
}
/* doc-flash */
.doc-flash
{
background:#fff;
}
/* doc-ask */
.doc-ask .ingress
{
padding-left:32px;
}
.doc-ask .body-inner
{
padding-bottom:16px;
}
.ask-box
{
margin:0 16px 0 16px;
font-family:Tahoma;
font-size:12px;
}
.ask-box h2
{
background:#949FA6;
padding:5px 16px 2px 16px;
margin-bottom:0;
margin-top:0;
}
.ask-box .inner
{
border:9px solid #e1e1e1;
padding:16px;
margin-bottom:16px;
}
.ask-box .inner .ask-left, .ask-box .inner .ask-right
{
float:left;
width:385px;
}
.ask-box .inner .ask-right
{
margin-left:40px;
}
.ask-left .sIFR-flash, .ask-right .sIFR-flash
{
margin-bottom:16px;
}
/* doc_heating_environment */
/* doc-speak-start */
.doc-heating-environment h2
{
background:url(../images/design/speak-header.gif) repeat-x;
height:35px;
padding:7px 0 0 10px;
font-size:18px;
font-style:italic;
margin-bottom:0;
color:#fff;
border:none;
}
.doc-heating-environment h2.sIFR-replaced
{
padding-top:5px;
}
.heating-environment-box
{
font-family:Tahoma;
font-size:12px;
}
.heating-environment-box h2
{
background:#949FA6;
padding:5px 16px 2px 16px;
margin-bottom:0;
margin-top:0;
}
.heating-environment-box .inner
{
border:9px solid #e1e1e1;
padding:16px;
margin-bottom:16px;
}
.heating-environment-box .inner .heating-environment-box, .heating-environment-box .inner .ask-right
{
float:left;
width:385px;
}
.heating-environment-box .inner .ask-right
{
margin-left:40px;
}
.ask-left .sIFR-flash, .ask-right .sIFR-flash
{
margin-bottom:16px;
}
/* doc-speak-start */
.doc-speak-start h2
{
background:url(../images/design/speak-header.gif) repeat-x;
height:35px;
padding:7px 0 0 10px;
font-size:18px;
font-style:italic;
margin:16px 17px 0 16px;
color:#fff;
border:none;
}
.doc-speak-start h2.sIFR-replaced
{
padding-top:5px;
}
/* doc-start */
.doc-start
{
background:url(../images/design/start_bg.jpg) repeat-y center top;
margin-top:4px; /*
/*margin-left:auto;
margin-right:auto;
width:904px;*/
}
.doc-start-right a, .doc-start-left a, .doc-start-main a
{
border-bottom:none
}
.doc-start table
{
border:none;
margin:0;
margin-left:auto;
margin-right:auto;
border-top:8px solid #f0f0f0;
}
.doc-start table td
{
padding:0;
}
#doc-start-main
{
margin-top:8px;
margin-bottom:4px;
}
/* Search */
.doc-search .search-params div.part
{
float:left;
width:50%;
font-family:Tahoma,Arial;
font-size:14px;
font-style:italic;
}
.doc-search label
{
font-style:normal;
}
.doc-search .search-params strong
{
font-style:italic;
}
.doc-search .search-params div span.red
{
color:#ed1c24;
}
.doc-search .large
{
font-size:18px;
}
.doc-search .product
{
padding:0 18px 0 5px;
}
.doc-search .product .item
{
border-bottom:1px solid #d2d2d2;
padding:16px 0 16px 0;
}
.doc-search .product table
{
width:100%;
}
.doc-search .product table td
{
vertical-align:top;
}
.doc-search .product img
{
margin-right:21px;
float:left;
}
.doc-search .product .title *
{
display:block;
float:left;
font-family:Tahoma;
}
.doc-search .product .title b
{
display:inline;
float:none;
}
.doc-search .product .title a
{
margin-bottom:8px;
}
.doc-search .product .title h5
{
font-size:14px;
margin:0;
line-height:15px;
}
.doc-search .product .title p.manufacturer
{
font-size:10px;
margin-left:10px;
padding-top:1px;
}
.doc-search .product .title p.price
{
font-size:14px;
margin-left:10px;
color:#000;
line-height:14px;
}
.box-black
{
background:#202020;
margin:0 16px 0 16px;
}
.box-black h1.sIFR-replaced
{
padding-left:0;
padding-right:0;
}
.box-black .cust-text-search-black-container, .box-black h1
{
float:left;
}
.box-black .cust-text-search-black-container, .box-black .cust-button-black
{
margin-top:7px;
display:block;
float:left;
}
.box-black .cust-button-black
{
margin-top:7px;
margin-left:5px;
}
.box-red
{
margin:0 16px 0 16px;
font-family:Tahoma;
font-size:12px;
background:#E1E1E1;
padding:0 0 8px 0;
}
.box-red h1
{
font-family:Arial;
font-size:28px;
color:#f0f0f0;
background:#202020;
padding:10px 16px 14px;
margin:0;
}
.box-red p
{
padding-left:16px;
}
/* Product search */
.doc-productsearch
{
}
.doc-productsearch .box-grey-thin
{
padding:0;
}
.doc-productsearch table td
{
border:2px solid #9da8ae;
padding:8px;
vertical-align:top;
}
.doc-productsearch table
{
border-collapse:separate;
border-bottom:6px solid #9da8ae;
}
.doc-productsearch .box-black input
{
float:left;
}
.doc-productsearch .box-black
{
display:block;
width:860px;
margin-right:0;
background:black;
height:45px;
}
.doc-productsearch .box-black div input.cust-text-search-black
{
float:left;
font-size:16px;
height:22px;
margin-top:9px;
}
.doc-productsearch .box-black h1
{
line-height:13px;
padding-left:0;
padding-top:15px;
}
.doc-productsearch h6
{
font-size:20px;
font-style:italic;
color:#202020;
}
.doc-productsearch .large
{
font-size:14px;
color:#202020;
font-style:italic;
padding-left:16px;
padding-top:16px;
padding-bottom:4px;
display:block;
}
.doc-productsearch .red
{
color:#ed1c24;
font-weight:bold;
}
.doc-productsearch .divider
{
font-size:2px;
width:2px;
padding:0;
background:url(../images/design/productsearch_divider.gif) repeat-y;
}
.doc-productsearch .category
{
height:216px;
overflow:auto;
width:278px;
}
.doc-productsearch .category a, .doc-productsearch .category a:visited
{
display:block;
height:23px;
border:none;
padding-left:16px;
font-size:12px;
font-family:Arial;
color:#010101;
}
.doc-productsearch .category a.active, .doc-productsearch .category a.active:hover
{
background:url(../images/design/productsearch_category_bg.gif) right top no-repeat;
color:#fff;
}
.doc-productsearch .category a:hover
{
background:#d5d5d5;
}
.doc-productsearch .result-container
{
padding-left:16px;
padding-right:12px;
}
.doc-productsearch h1.result
{
margin-top:16px;
padding-left:16px;
margin-left:0;
margin-right:4px;
padding-right:16px;
width:828px;
}
.doc-productsearch .resultdetail
{
background:url(../images/design/productsearch_result.gif) repeat-x;
height:26px;
color:#707070;
padding-top:13px;
margin-bottom:8px;
padding-left:16px;
margin-right:4px;
font-size:12px;
}
.doc-productsearch .header
{
background:url(../images/design/productsearch_header_bg.gif) repeat-x;
height:26px;
padding-top:10px;
color:#fff;
font-size:12px;
margin-bottom:4px;
margin-right:4px;
padding-left:16px;
}
.doc-productsearch .result li
{
float:left;
width:125px;
height:198px;
margin-right:3px;
margin-bottom:3px;
padding:7px;
overflow:hidden;
border:1px solid #a1a1a1;
position:relative;
}
.doc-productsearch .result li .title
{
color:#525252;
font-size:12px;
height:32px;
line-height:15px;
margin-bottom:4px;
overflow:hidden;
}
.doc-productsearch .result li .manu
{
border-top:1px solid #d2d2d2;
padding-top:2px;
color:#777777;
font-size:11px;
width:125px;
height:22px;
overflow:hidden;
}
.doc-productsearch .result li .price
{
position:absolute;
bottom:4px;
color:#ef3037;
font-size:13px;
overflow:hidden;
height:22px;
width:125px;
}
.doc-productsearch .result li a
{
border:none;
}
.doc-productsearch .product-detail img, .doc-productsearch .product-detail div
{
float:left;
}
.doc-productsearch .product-detail div
{
width:240px;
margin-left:20px;
}
.doc-productsearch .product-detail h2
{
color:#565656;
font-size:18px;
border-bottom:1px solid #d2d2d2;
margin-top:0;
}
.doc-productsearch .details-divider
{
font-size:1px;
height:1px;
background:#d2d2d2;
padding:0;
margin:0;
}
.doc-productsearch .product-detail h3
{
font-size:15px;
line-height:20px;
color:#707070;
}
.doc-productsearch .product-detail h4
{
font-size:10px;
color:#707070;
}
.doc-productsearch .product-detail p
{
font-size:12px;
color:#707070;
margin-top:10px;
padding-bottom:20px;
border-bottom:1px solid #d2d2d2;
}
.doc-productsearch .product-detail .price
{
color:#ef3037;
font-size:15px;
margin:0;
margin-top:5px;
}
/* Custom styling of form elements */
/* Checkbox */
label
{
cursor:pointer;
cursor:hand;
}
.cust-checkbox {
cursor: pointer;
float:left;
width:18px;
height:18px;
margin:3px 9px 3px 0;
}
.cust-checkbox-on{
background:url(../images/design/checkbox.png) no-repeat 0 0;
}
.cust-checkbox-off{
background:url(../images/design/checkbox.png) no-repeat 0 -18px;
}
/*
.cust-radio-on{
background:url(../images/designradiobox_on.png) no-repeat 0 0;
}
.cust-radio-off{
background:url(../images/checkbox_off.png) no-repeat 0 0;
}
.cust-radio-disabled-on{
background:url(../images/radiobox_disabled_on.png) no-repeat 0 0;
}
.cust-radio-disabled-off{
background:url(../images/disabled_off.png) no-repeat 0 0;
}
.cust-checkbox-disabled-on{
background:url(../images/checkbox_disabled_on.png) no-repeat 0 0;
}
.cust-checkbox-disabled-off{
background:url(../images/disabled_off.png) no-repeat 0 0;
}
*/
/* custom button and submit */
.cust-button
{
height:28px;
cursor:pointer;
cursor:hand;
}
.cust-button div
{
float:left;
height:30px;
}
.cust-button div.cust-button-left
{
background:url(../images/design/button-left.png) no-repeat left top;
width:14px;
}
.cust-button div.cust-button-mid
{
background:url(../images/design/button-bg.png) repeat-x left top;
padding-top:5px;
height:25px;
font-size:11px;
color:#fff;
text-transform:uppercase;
}
.cust-button div.cust-button-right
{
background:url(../images/design/button-right.png) no-repeat left top;
width:39px;
}
/* Hover */
.cust-button-hover div.cust-button-left
{
background:url(../images/design/button-left.png) repeat-x left -30px;
}
.cust-button-hover div.cust-button-mid
{
background:url(../images/design/button-bg.png) repeat-x left -30px;
}
.cust-button-hover div.cust-button-right
{
background:url(../images/design/button-right.png) repeat-x left -30px;
}
/* black variant of custom button and submit */
.cust-button-black
{
height:28px;
cursor:pointer;
cursor:hand;
}
.cust-button-black div
{
float:left;
height:30px;
}
.cust-button-black div.cust-button-black-left
{
background:url(../images/design/button-left.png) no-repeat left -60px;
width:14px;
height:34px;
}
.cust-button-black div.cust-button-black-mid
{
background:url(../images/design/button-bg.png) repeat-x 0 -60px;
padding-top:7px;
height:27px;
font-size:11px;
color:#fff;
text-transform:uppercase;
}
.cust-button-black div.cust-button-black-right
{
background:url(../images/design/button-right.png) no-repeat right -60px;
width:14px;
height:34px;
}
/* Hover */
.cust-button-black-hover div.cust-button-black-left
{
background:url(../images/design/button-left.png) no-repeat left -94px;
}
.cust-button-black-hover div.cust-button-black-mid
{
background:url(../images/design/button-bg.png) repeat-x left -94px;
}
.cust-button-black-hover div.cust-button-black-right
{
background:url(../images/design/button-right.png) no-repeat right -94px;
}
/* Search custom text box */
.cust-text-search-container
{
position:relative;
height:32px;
margin-bottom:4px;
}
.cust-text-search-container div
{
float:left;
}
.cust-text-search-container .mid
{
height:32px;
background:url(../images/design/cust_text_large_bg.png) 0 0 repeat-x;
padding-top:0px;
}
.cust-text-search-container .mid input
{
border:none;
padding:0;
margin:0;
margin-top:6px;
background:none;
height:17px;
line-height:17px;
font-size:12px;
font-family:Tahoma;
color:#454545;
outline-style:none;
display:block;
vertical-align:middle;
outline-offset:inherit;
}
.cust-text-search-container .start
{
width:35px;
height:32px;
background:url(../images/design/cust_text_large_start.png) 0 0 no-repeat;
}
.cust-text-search-container .end
{
width:5px;
height:32px;
background:url(../images/design/cust_text_large_end.png) 0 0 no-repeat;
}
/* focus */
.cust-text-search-container-focus .mid
{
background:url(../images/design/cust_text_large_bg.png) 0 -32px repeat-x;
}
.cust-text-search-container-focus .start
{
background:url(../images/design/cust_text_large_start.png) 0 -32px repeat-x;
}
.cust-text-search-container-focus .end
{
background:url(../images/design/cust_text_large_end.png) 0 -32px repeat-x;
}
/* Search custom text box - black variant*/
.cust-text-search-black-container
{
position:relative;
height:34px;
margin-bottom:4px;
}
.cust-text-search-black-container div
{
float:left;
}
.cust-text-search-black-container .mid
{
height:34px;
background:url(../images/design/cust_text_large_bg.png) 0 -64px repeat-x;
padding-top:0px;
}
.cust-text-search-black-container .mid input
{
border:none;
padding:9px 0 0 0;
margin:0;
background:none;
height:30px;
font-size:14px;
font-family:Verdana;
color:#FFF;
outline-style:none;
display:block;
vertical-align:middle;
}
.cust-text-search-black-container .start
{
width:35px;
height:34px;
background:url(../images/design/cust_text_large_start.png) 0 -64px no-repeat;
}
.cust-text-search-black-container .end
{
width:5px;
height:34px;
background:url(../images/design/cust_text_large_end.png) 0 -64px no-repeat;
}
/* focus */
.cust-text-search-black-container-focus .mid
{
background:url(../images/design/cust_text_large_bg.png) 0 -98px repeat-x;
}
.cust-text-search-black-container-focus .start
{
background:url(../images/design/cust_text_large_start.png) 0 -98px repeat-x;
}
.cust-text-search-black-container-focus .end
{
background:url(../images/design/cust_text_large_end.png) 0 -98px repeat-x;
}
/* Normal custom text box */
.cust-text-container
{
position:relative;
height:28px;
margin-bottom:4px;
z-index:1;
}
.cust-text-container div
{
float:left;
}
.cust-text-container .mid
{
height:21px;
background:url(../images/design/cust_text_bg.png) 0 0 repeat-x;
padding-top:7px;
}
.cust-text-container .mid input
{
border:none;
padding:0;
margin:0;
background:none;
height:15px;
font-size:12px;
font-family:Tahoma, Arial;
color:#454545;
outline-style:none;
}
.cust-text-container .start
{
width:5px;
height:28px;
background:url(../images/design/cust_text_start.png) 0 0 no-repeat;
}
.cust-text-container .end
{
width:5px;
height:28px;
background:url(../images/design/cust_text_end.png) 0 0 no-repeat;
}
/* focus */
.cust-text-container-focus .mid
{
background:url(../images/design/cust_text_bg.png) 0 -28px repeat-x;
}
.cust-text-container-focus .start
{
background:url(../images/design/cust_text_start.png) 0 -28px repeat-x;
}
.cust-text-container-focus .end
{
background:url(../images/design/cust_text_end.png) 0 -28px repeat-x;
}
/* Custom textarea */
.cust-textarea-container
{
position:relative;
margin-bottom:4px;
z-index:1;
height:141px;
}
.cust-textarea-container div
{
float:left;
}
.cust-textarea-container .mid
{
height:136px;
background:url(../images/design/cust_textarea_bg.png) 0 0 repeat-x;
padding-top:5px;
}
.cust-textarea-container .mid textarea
{
border:none;
padding:0;
margin:0;
background:none;
height:130px;
font-size:12px;
font-family:Tahoma, Arial;
color:#454545;
outline-style:none;
}
.cust-textarea-container .start
{
width:5px;
height:141px;
background:url(../images/design/cust_textarea_start.png) 0 0 no-repeat;
}
.cust-textarea-container .end
{
width:5px;
height:141px;
background:url(../images/design/cust_textarea_end.png) 0 0 no-repeat;
}
/* focus */
.cust-textarea-container-focus .mid
{
background:url(../images/design/cust_textarea_bg.png) 0 -141px repeat-x;
}
.cust-textarea-container-focus .start
{
background:url(../images/design/cust_textarea_start.png) 0 -141px repeat-x;
}
.cust-textarea-container-focus .end
{
background:url(../images/design/cust_textarea_end.png) 0 -141px repeat-x;
}
/* Custom combobox or select box */
.cust-select-container
{
position:relative;
height:28px;
margin-bottom:4px;
cursor:pointer;
cursor:hand;
z-index:1;
}
.cust-select-container .start, .cust-select-container .mid, .cust-select-container .end
{
float:left;
position:relative;
z-index:2;
}
.cust-select-container .mid
{
background:url(../images/design/cust_select_bg.png) 0 0 repeat-x;
height:24px;
padding-top:3px;
}
.cust-select-container .mid div
{
height:15px;
font-size:12px;
font-family:Tahoma, Arial;
color:#454545;
padding-left:2px;
}
.cust-select-container .start
{
width:4px;
height:28px;
background:url(../images/design/cust_select_start.png) 0 0 no-repeat;
}
.cust-select-container .end
{
width:28px;
height:28px;
background:url(../images/design/cust_select_end.png) 0 0 no-repeat;
}
/* focus */
.cust-select-container-focus .mid
{
background:url(../images/design/cust_select_bg.png) 0 -28px repeat-x;
}
.cust-select-container-focus .start
{
background:url(../images/design/cust_select_start.png) 0 -28px repeat-x;
}
.cust-select-container-focus .end
{
background:url(../images/design/cust_select_end.png) 0 -28px repeat-x;
}
/* drop down part of select */
.cust-select-container .scroll
{
z-index:1;
position:absolute;
left:0;
top:24px;
background:#fff;
}
.cust-select-container .scroll-alone
{
border:1px solid #c0c0c0;
border-top:none;
}
.cust-select-container div ul
{
margin:0;
padding:6px 2px 2px 2px;
border-top:none;
background:#fff;
overflow:auto;
}
.cust-select-container div ul li
{
margin:0;
padding:0;
display:block;
font-size:12px;
font-family:Tahoma, Arial;
color:#454545;
border-bottom:1px solid #e3e3e3;
}
.cust-select-container div ul li.last
{
border:none;
}
.cust-select-container div ul li.focus
{
background:url(../images/design/cust_select_item_focus_bg.png);
color:#fff;
}
.cust-select-container div ul li div
{
float:none;
padding-left:19px;
padding-top:2px;
padding-bottom:2px;
margin-bottom:1px;
margin-top:1px;
}
.cust-select-container div ul li.selected div
{
background:url(../images/design/cust_select_item_dot.png) 7px 7px no-repeat;
}
/* Store list */
.store-item
{
margin:11px 16px 0 16px;
border:1px solid #b9b9b9;
padding:15px;
}
.store-item a, .store-item a:link
{
color:#ed1c24;
}
.store-item *
{
line-height:180%;
color:#393939;
}
.store-item h2
{
display:inline;
clear:both;
padding-bottom:0px;
font-family:Tahoma,verdana;
font-weight:bold;
color:#3f3f3f;
}
.store-item table
{
border:none;
margin-top:13px;
width:340px;
}
.store-item table th
{
background:#9ca8ad;
color:#fff;
}
.store-item table td, .store-item table th
{
padding:0;
margin:0;
vertical-align:top;
padding-left:6px;
}
.store-item table.contact
{
width:auto;
margin:0;
}
.store-item td.contact
{
padding:0;
width:190px;
}
.store-item td.h2
{
color:#727070;
}
.store-item .hours div
{
float:left;
width:140px;
position:relative;
margin-right:20px;
}
.store-item .hours div div
{
float:none;
color:#727070;
/*position:static;*/
width:84px;
margin:0;
}
.store-item .hours div span
{
position:absolute;
right:0;
top:0;
}
.store-item .hour-table td
{
padding:0;
}
.store-item .gmap
{
width:214px;
height:141px;
float:left;
z-index:1;
}
.store-item .store-image
{
float:left;
margin-left:16px;
}
.left
{
float:left;
}
.right
{
margin-top:13px;
margin-left:354px;
}
/* Document list */
.doc-list
{
margin-left:auto;
margin-right:auto;
padding:32px;
padding-top:0;
width:828px;
background:#fff;
}
.doc-list .doc-list-item
{
cursor:hand;
cursor:pointer;
}
.doc-list table td
{
width:398px;
vertical-align:top;
}
.doc-list table td.spacer
{
width:32px;
}
.doc-list .doc-list-item h2
{
text-decoration:underline;
margin:0;
border-bottom:none;
}
.doc-list .doc-list-item .image
{
float:left;
margin-right:16px;
padding:3px;
border:1px solid #bcbcbc;
}
.doc-list .doc-list-item .read-more
{
margin-top:6px;
}
.doc-list .doc-list-item .read-more a:link, .doc-list .doc-list-item .read-more a:visited
{
color:#ed1c24;
}
.doc-list .line
{
background:#e0e0e0;
font-size:1px;
height:1px;
margin-top:20px;
margin-bottom:16px;
}
.doc-list-line
{
font-size:1px;
height:59px;
background:url(../images/design/doc_menutop_fadedline_upside_down.gif) center 30px #fff no-repeat;
margin-left:auto;
margin-right:auto;
width:892px;
}
/* Icons */
.icon-box
{
margin-top:10px;
}
.icon-box-faq
{
float:right;
}
.icon-box .icon, .icon-box .icon:visited, .icon-box .icon:hover, .icon-box .icon:link
{
float:left;
border-bottom:none;
}
.icon span
{
display:none;
}
.icon, .icon:link
{
display:block;
border:none;
outline:none;
}
.icon-print, .icon-print:link
{
width:114px;
height:59px;
background:url(../images/design/icons_qa.png) 0 0 no-repeat;
}
.icon-print:hover
{
background:url(../images/design/icons_qa.png) 0 -90px no-repeat;
}
.icon-send-sms, .icon-send-sms:link
{
width:108px;
height:59px;
background:url(../images/design/icons_qa.png) -135px 0 no-repeat;
}
.icon-send-sms:hover
{
background:url(../images/design/icons_qa.png) -135px -90px no-repeat;
}
.icon-send-email, .icon-send-email:link
{
width:145px;
height:59px;
background:url(../images/design/icon_email.png) 0 0 no-repeat;
}
.icon-send-email:hover
{
background:url(../images/design/icon_email.png) 0 -100px no-repeat;
}
.icon-add-to-memero, .icon-add-to-memero:link
{
width:156px;
height:59px;
background:url(../images/design/icons_qa.png) -263px 0 no-repeat;
}
.icon-add-to-memero:hover
{
background:url(../images/design/icons_qa.png) -263px -90px no-repeat;
}
.icon-divider
{
width:22px;
height:59px;
background:url(../images/design/icon_divider.gif) 0 0 no-repeat;
}
.store-item .icon-box
{
width: 286px;
float: right;
margin-right:10px
}
/* Custom accordian */
.cust-accordion
{
margin:2px 16px 8px 16px;
}
.cust-accordion li h3
{
background:url(../images/design/cust_accordion_h1.gif) repeat-x;
}
.cust-accordion li h3 a , .cust-accordion li h3 a:visited
{
display:block;
background:url(../images/design/cust_accordion_arrow_left_level1.gif) right top no-repeat;
padding:8px 0 0 16px;
height:28px;
border-bottom:none;
color:#fff;
font-size:14px;
outline:none;
}
.cust-accordion li.focus h3 a, .cust-accordion li h3 a:hover
{
background:url(../images/design/cust_accordion_arrow_down_level1.gif) right top no-repeat;
}
.cust-accordion li
{
margin-top:2px;
position:relative;
z-index:2;
}
.cust-accordion li
{
overflow:hidden;
}
.cust-accordion li.focus
{
overflow:visible;
}
.cust-accordion li ul li h4
{
background:#f0f0f0;
border-bottom:1px solid #c9c9c9;
}
.cust-accordion li ul li h4 a, .cust-accordion li ul li h4 a:visited
{
display:block;
background:url(../images/design/cust_accordion_arrow_left_level2.gif) right top no-repeat;
padding:8px 43px 8px 16px;
border-bottom:none;
color:#505050;
font-size:14px;
outline:none;
}
.cust-accordion li ul li h4 a span.pos
{
color:#ed1c24;
display:block;
float:left;
margin-right:5px;
}
.cust-accordion li ul li h4 a span.cat
{
display:block;
float:left;
margin-right:5px;
font-weight:bold;
}
.cust-accordion li ul li h4 a .more-indicator
{
display:none;
}
.cust-accordion li ul li h4 a .more
{
display:inline;
}
.cust-accordion li ul li.focus h4 a, .cust-accordion li ul li h4 a:hover
{
background:url(../images/design/cust_accordion_arrow_down_level2.gif) right top no-repeat;
}
.cust-accordion li ul li
{
overflow:hidden;
margin-top:2px;
}
.cust-accordion li ul li.focus
{
overflow:visible;
}
/*
.cust-accordion li ul li.focus h4 a .more-indicator
{
display:none;
}
.cust-accordion li ul li.focus h4 a .more
{
display:inline;
}
*/
.cust-accordion li ul li ul li
{
padding-left:16px;
padding-right:16px;
margin-top:0;
background:url(../images/design/cust_accordion_level2_bg.gif) repeat-x top left;
}
.cust-accordion h5
{
font-family:Arial;
font-size:14px;
color:#000;
margin:23px 0 10px;
}
.cust-accordion p
{
color:#757575;
font-family:Arial;
font-size:12px;
line-height:150%;
}
/* Butikksider */
.storedetails h2
{
margin:17px;
border:0;
color: #4a5a5e;
margin-top:0;
}
.storedetails .storedetails-articles
{
background:url(../images/design/speak-header.gif) repeat-x;
height:35px;
padding:7px 0 0 10px;
font-size:18px;
font-style:italic;
margin:16px 17px 0 16px;
color:#fff;
border:none;
}
.storedetails {
/*padding-top:2px !important;*/
}
.storedetails-left
{
padding-left:20px;
width:456px;
background:none repeat scroll 0 0 white;
float:left;
margin-bottom:5px;
padding-bottom:15px;
}
.storedetails-left .doc-list-item
{
margin-left: 17px;
padding-right:15px;
float:left;
width:400px;
}
.storedetails-left .image
{
border:1px solid #BCBCBC;
float:left;
margin-right:16px;
padding:3px;
}
.storedetails-left h2
{
border-bottom: 1px solid #e0e0e0;
padding-left:5px;
}
.store-details-box
{
font-family:Tahoma;
font-size:12px;
background:#e2e2e2;
}
.store-details-box h2
{
background:#949FA6;
padding:5px 16px 2px 16px;
margin-bottom:0;
margin-top:0;
margin:0;
}
.store-details-box .store-item
{
border:10px solid #e2e2e2;
margin:0;
padding:10px;
background-color:White;
}
.store-details-box .store-item a, .store-details-box .store-item a:link
{
color:#ed1c24;
}
.store-details-box .store-item *
{
line-height:180%;
color:#393939;
}
.store-details-box .store-item h2
{
display:inline;
clear:both;
padding-bottom:0px;
font-family:Tahoma,verdana;
font-weight:bold;
color:#3f3f3f;
}
.store-details-box .store-item table
{
border:none;
margin-top:0;
width:347px;
}
.store-details-box .store-item table th
{
background:#9ca8ad;
color:#fff;
}
.store-details-box .store-item table td, .store-details-box .store-item table th
{
padding:0;
margin:0;
vertical-align:top;
padding-left:6px;
}
.store-details-box .store-item table.contact
{
width:auto;
margin:0;
}
.store-details-box .store-item td.contact
{
padding:0;
width:190px;
}
.store-details-box .store-item td.h2
{
color:#727070;
}
.store-details-box .store-item .hours div
{
float:left;
width:140px;
position:relative;
margin-right:20px;
}
.store-details-box .store-item .hours div div
{
float:none;
color:#727070;
/*position:static;*/
width:84px;
margin:0;
}
.store-details-box .store-item .hours div span
{
position:absolute;
right:0;
top:0;
}
.store-details-box .store-item .hour-table td
{
padding:0;
}
.store-details-box .store-item .gmap
{
width:346px!important;
height:170px!important;
margin:0!important;
float:none;
z-index:1;
}
/* Form elements styling */
input
{
vertical-align:text-top;
}
/* Generic text formatting */
.image-text
{
font-size:11px;
font-style:italic;
font-family:Arial;
line-height:130%;
}
.small-text, .small-text *
{
font-family:Tahoma,Arial;
font-size:12px;
color:#5a5a5a;
line-height:160%;
}
/* diverse */
.clickable
{
cursor:hand;
cursor:pointer;
}
.clearer
{
line-height: 0px;
height:0px;
_height:0;
float:none;
clear: both;
}
.clearer2
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
em {
font-style:italic;
}
#CUSTOM_LOGO_NAME_PREVIEW {
color:#333333;
display:block;
font-family:calibri,verdana;
line-height:15px;
overflow:hidden;
padding-left:17px;
position:absolute;
text-align:center;
top:63px;
width:132px;
z-index:2;
left:0;
}
#comfort-logo {
z-index:1;
position:relative;
}