/********************************** ** DEFAULT VÄRDEN ** **********************************/ div { margin: 0; padding: 0; } body { font-size: 15px; font-family: Times New Roman, Verdana, Arial; text-align: center; margin: 0; padding: 0; line-height: 18px; } #Page { display: block; width: 972px; margin: 0 auto; text-align: left;} a { color: #000; font-family: Times New Roman, Verdana, Arial; font-size: 15px;} a:link { text-decoration: underline;} a:visited { text-decoration: underline;} a:hover { text-decoration: none; color: #fff; background-color: #000; } a:active { text-decoration: none; color: #fff; background-color: #000; } /* STORA SID BLOCK */ #Page_Top { display: block; width: 100%; float:left; } #Page_Main { display: block; width: 100%; float:left; margin-top: 70px; } #Page_Footer { display: block; width: 100%; float:left; margin-top: 19px; } .Page_Block { display: block; width: 100%; float: left;} .Image_Block { display: block; width: 100%; float: left; margin-top: 40px; margin-bottom: 20px; text-align: center; font-style:italic; font-size: 11px; } .Image_Block img { display: block; float: left; margin-bottom: 6px; } .page_leftcolumn { float: left; display: block; width: 240px; } .page_leftcolumn a img { display: block; float: left; margin-top: 16px; margin-bottom: 16px;} .page_rightcolumn { float: right; display: block; width: 690px; } .page_rightcolumn div.col2 { width: 100%; margin-top: 20px;} .page_rightcolumn div.col2 div { width: 320px; float:right; vertical-align:top; } .page_rightcolumn div.col2 div:first-child { float:left; } .page_rightcolumn img { display: block; margin-top: 20px; margin-bottom: 25px; } table { display: block; float: left; width: 100%;} thead { display: block; float: left; width: 100%;} tbody { display: block; float: left; width: 100%;} tfoot { display: block; float: left; width: 100%;} tr { display: block; float: left; width: 100%;} td { display: block; float: left; } table.nothing {} table.nothing .input {width: 155px;} table.nothing .literal {width: 80px;} table.nothing .nbutton {width: 80px;} table.nothing .bigliteral {width: 200px;} table.nothing .bigdropdown {width: 405px;} table.nothing .mediumliteral {width: 120px;} table.nothing thead tr td {} table.nothing tbody tr td {} label.nothing {display:block; float:left; width:80px;} input.nothing {display:block; float:left; width:155px;} /********************************** ** TOPP MENY ** **********************************/ #Page_Top .img_logo { float: left; margin-right: 10px; } /* MENY 1 */ .mnu { float: left; display: block; font-family: Futura Medium, Futura, Futura2-normal, Verdana; font-size: 15px; } .mnu a { border: solid 1px #fff; background-repeat: repeat-x; font-family: Futura Medium, Futura, Futura2-normal, Verdana; font-size: 15px; display: block; text-align: center; color: Black; text-decoration: none; text-transform: uppercase; } .mnu a { display: block; padding-left: 13px; padding-right: 13px; float: left; height: 141px; background-image: url(../../images/mnu_bg.png); background-position: 0px 0px;} .mnu a.active { border-left: solid 1px #bfbfbf; border-right: solid 1px #cccccc; border-bottom: solid 1px #cccccc; } .mnu a:hover { border: solid 1px #000; background-position: 0px -314px; color: white; text-decoration: none; } .mnu a:active { border: solid 1px #000; background-position: 0px -314px; color: white; text-decoration: none; } .mnu a span { color: Black; top: 108px; position: relative; } .mnu a:hover span { color: White; } .mnu a:active span { color: White; } /* MENY 2 - till höger */ .mnuR { float: right; display: block; font-family: Futura Medium, Futura, Futura2-normal, Verdana; font-size: 10px; } .mnuR a { border: solid 1px #fff; background-repeat: repeat-x; font-family: Futura Medium, Futura, Futura2-normal, Verdana; font-size: 10px; display: block; text-align: center; color: Black; text-decoration: none; text-transform: uppercase; } .mnuR a { display: block; padding-left: 9px; padding-right: 9px; float: left; height: 141px; background-image: url(../../images/mnu_bg.png); background-position: 0px 0px;} .mnuR a.active { border-left: solid 1px #bfbfbf; border-right: solid 1px #cccccc; border-bottom: solid 1px #cccccc; } .mnuR a:hover { border: solid 1px #000; background-position: 0px -314px; color: white; text-decoration: none; } .mnuR a:active { border: solid 1px #000; background-position: 0px -314px; color: white; text-decoration: none; } .mnuR a span { color: Black; top: 110px; position: relative; } .mnuR a:hover span { color: White; } .mnuR a:active span { color: White; } /* bild är större så vid behov kan denna ökas i bredd */ a.shop { display: block; float: left; height: 141px; width: 42px; padding: 0; padding-right:8px; text-indent: -9000px; background-image: url(../../images/mnu_shop.png); background-position: 0px 0px; text-align: right; } a.shop_active { display: block; float: left; height: 141px; width: 42px; padding: 0; padding-right:8px; text-indent: -9000px; background-image: url(../../images/mnu_shop.png); background-position: 0px -157px; text-align: right; color: White; } a.shop_active span { color: White; } /*a.search { display: block; float: left; height: 141px; width: 32px; padding: 0; text-indent: -9000px; background-image: url(../../images/mnu_search.png); background-position: 0px 0px;} a.search_active { display: block; float: left; height: 141px; width: 32px; padding: 0; text-indent: -9000px; background-image: url(../../images/mnu_search.png); background-position: 0px -157px;} inte . */ /********************************** ** FOOTER ** **********************************/ #Page_Footer h2 { color: #000; background-color: #000; height: 5px; display: block; float: none; width: 100%; margin: 0px auto 20px auto; font-size: 1px; text-indent: -9000px;} #Page_Footer a { text-decoration: none;} .breadcrumb { display: block; float: left; margin-top: 7px; margin-bottom: 0px; font-size: 12px; } .breadcrumb a { display: block; float: left; } .breadcrumb img { display: block; float: left; margin-left: 10px; margin-right: 10px; margin-top: 2px;} .footer { margin-left: 10px; font-size: 12px; margin-top: 5px; height: 20px; margin-bottom: 11px;} div.sitemap { margin-top: 2px; margin-bottom: 15px;} div.sitemap div div { margin: 0; padding:0;} div.sitemap div ul { margin-top: 0px;} div.sitemap h4 { margin-bottom: 14px; } /* not used .sitemap_whoareyou { display: block; float: left; width: 258px;} .sitemap_colourknowledge { display: block; float: left; width: 299px;} .sitemap_allproducts { display: block; float: left; width: 151px;} .sitemap_news { display: block; float: left; width: 130px;} .sitemap_aboutus { display: block; float: left; width: 130px;} */ #Page_Footer h3 { background-repeat: no-repeat; text-indent: -9000px; height: 10px; width: 100%; float: left; margin-left: 0px; display: block; margin-bottom: 15px; } .sitemap_colourknowledge div { float: left; display: block;} /* changed because BIT site map is one level more */ #Page_Footer ul { list-style-type: none; margin: 0px; padding: 0px; } #Page_Footer ul ul a { font-size: 13px; } #Page_Footer ul ul { list-style-type: none; margin: 0px; padding: 0px; line-height: 16px; } /* #Page_Footer ul { list-style-type: none; margin-left: 0px; padding: 0px; line-height: 16px; } #Page_Footer ul a { font-size: 13px; } #Page_Footer ul ul { margin-bottom: 4px;} #Page_Footer ul ul a { font-size: 10px; margin-left: 4px; } */ #Page_Footer .startpage_footerspace { display: block; width: 100%; padding: 0; margin:0; height: 11px;} /********************************** ** SID ELEMENT ** **********************************/ H1 { margin-top: 0px; line-height: 80px; font-weight: normal; text-indent: 0px; margin-bottom: 20px; font-family: Futura Medium, Futura, Futura2-normal, Verdana, Arial; text-transform: uppercase; font-size: 72px; display: block;} H1 span.underline { border-bottom: solid 5px #000;} .ingress { float: left; display: block; font-size: 22.5px; line-height: 26px; font-family: Times New Roman, Verdana, Arial; margin-top: 5px; margin-bottom: 22px; } .textTitle { text-transform: uppercase; font-family: Futura Medium, Futura, Futura2-Normal, Arial, Verdana; } H2 { font-size: 20px; line-height: 22px; font-weight: normal; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; margin-top: 0px; text-indent: 0px; margin: 0 auto; margin-bottom: 10px; display: block; float: left; text-transform: uppercase; width: 100%;} H2.h2_hrline { height:33px; width: 947px; background-image: url(../../images/h2_hrline.png); background-position: 0 0; display: block; width: 100%; height: 40px; background-repeat: no-repeat; text-align: center; } H2.h2_hrline span { background-color: #fff; padding-left: 20px; padding-right: 20px;} H3 { font-size: 18px; line-height: 22px; font-weight: normal; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; margin-top: 0px; text-indent: 0px; margin: 0 auto; margin-bottom: 17px; display: block; text-transform: uppercase; /*width: 100%;*/} H4 { font-size: 14px; line-height: 16px; font-weight: normal; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; margin-top: 0px; text-indent: 0px; margin: 0 auto; margin-bottom: 10px; display: block; text-transform: uppercase; /*width: 100%;*/} .jagsvararpadinafragor H3 { margin-bottom: 20px; } .arrow { text-decoration: none; background-image: url(../../images/arrow_s_left.png); background-position: 0px 0px; display: block; background-repeat: no-repeat; height: 34px; padding:0; } .arrow span { text-decoration: none; background-image: url(../../images/arrow_s_right.png); background-position: right 0px; cursor:pointer; display: inline-block; background-repeat: no-repeat; height: 34px; line-height: 34px; margin-left: 13px; padding-right: 19px; color: #fff; text-transform: uppercase; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; font-size: 9px; } .arrow:link { text-decoration: none; } .arrow:hover { text-decoration: none; background-color: Transparent; color: #000; background-position: 0px -34px; } .arrow:active { text-decoration: none; background-color: Transparent; color: #000; background-position: 0px -34px; } .arrow:hover span { text-decoration: none; background-color: Transparent; color: #000; background-position: right -34px; } .arrow:active span { text-decoration: none; background-color: Transparent; color: #000; background-position: right -34px; } .arrowW { text-decoration: none; background-image: url(../../images/arrow_s_left.png); background-position: 0px -34px; display: block; background-repeat: no-repeat; height: 34px; padding:0; } .arrowW span { text-decoration: none; background-image: url(../../images/arrow_s_right.png); background-position: right -34px; cursor:pointer; display: inline-block; background-repeat: no-repeat; height: 34px; line-height: 36px; margin-left: 13px; padding-right: 19px; color: #000; text-transform: uppercase; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; font-size: 9px; } .arrowW:link { text-decoration: none; background-color: Transparent !important; } .arrowW:hover { text-decoration: none; background-color: Transparent !important; color: #fff; background-position: 0px 0px; } .arrowW:active { text-decoration: none; background-color: Transparent !important; color: #fff; background-position: 0px 0px; } .arrowW:hover span { text-decoration: none; background-color: Transparent !important; color: #fff; background-position: right 0px; } .arrowW:active span { text-decoration: none; background-color: Transparent !important; color: #fff; background-position: right 0px; } .arrowLeft { text-decoration: none; background-image: url(../../images/arrowLeft_s_right.png); background-position: right 0px; display: block; background-repeat: no-repeat; height: 34px; padding:0; } .arrowLeft span { text-decoration: none; background-image: url(../../images/arrowLeft_s_left.png); background-position: left 0px; cursor:pointer; display: inline-block; background-repeat: no-repeat; height: 34px; line-height: 36px; margin-right: 13px; padding-left: 19px; color: #fff; text-transform: uppercase; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; font-size: 9px; } .arrowLeft:link { text-decoration: none; } .arrowLeft:hover { text-decoration: none; background-color: Transparent; color: #000; background-position: right -34px; } .arrowLeft:active { text-decoration: none; background-color: Transparent; color: #000; background-position: right -34px; } .arrowLeft:hover span { text-decoration: none; background-color: Transparent; color: #000; background-position: left -34px; } .arrowLeft:active span { text-decoration: none; background-color: Transparent; color: #000; background-position: left -34px; } .arrowM { text-decoration: none; background-image: url(../../images/arrow_m_left.png); background-position: 0px 0px; display: block; background-repeat: no-repeat; height: 60px; padding:0; } .arrowM span { text-decoration: none; background-image: url(../../images/arrow_m_right.png); background-position: right 0px; cursor:pointer; display: inline-block; background-repeat: no-repeat; height: 60px; line-height: 60px; margin-left: 13px; padding-right: 19px; color: #fff; text-transform: uppercase; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; font-size: 12px; } .arrowM:link { text-decoration: none; } .arrowM:hover { text-decoration: none; background-color: Transparent; color: #000; background-position: 0px -60px; } .arrowM:active { text-decoration: none; background-color: Transparent; color: #000; background-position: 0px -60px; } .arrowM:hover span { text-decoration: none; background-color: Transparent; color: #000; background-position: right -60px; } .arrowM:active span { text-decoration: none; background-color: Transparent; color: #000; background-position: right -60px; } .arrowWM { text-decoration: none; background-image: url(../../images/arrow_m_left.png); background-position: 0px -60px; display: block; background-repeat: no-repeat; height: 60px; padding:0; } .arrowWM span { text-decoration: none; background-image: url(../../images/arrow_m_right.png); background-position: right -60px; cursor:pointer; display: inline-block; background-repeat: no-repeat; height: 60px; line-height: 60px; margin-left: 13px; padding-right: 19px; color: #000; text-transform: uppercase; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; font-size: 12px; } .arrowWM:link { text-decoration: none; background-color: Transparent !important; } .arrowWM:hover { text-decoration: none; background-color: Transparent !important; color: #fff; background-position: 0px 0px; } .arrowWM:active { text-decoration: none; background-color: Transparent !important; color: #fff; background-position: 0px 0px; } .arrowWM:hover span { text-decoration: none; background-color: Transparent !important; color: #fff; background-position: right 0px; } .arrowWM:active span { text-decoration: none; background-color: Transparent !important; color: #fff; background-position: right 0px; } .arrowMLeft { text-decoration: none; background-image: url(../../images/arrowLeft_m_right.png); background-position: right 0px; display: block; background-repeat: no-repeat; height: 60px; padding:0; } .arrowMLeft span { text-decoration: none; background-image: url(../../images/arrowLeft_m_left.png); background-position: left 0px; cursor:pointer; display: inline-block; background-repeat: no-repeat; height: 60px; line-height: 60px; margin-right: 13px; padding-left: 19px; color: #fff; text-transform: uppercase; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; font-size: 12px; } .arrowMLeft:link { text-decoration: none; } .arrowMLeft:hover { text-decoration: none; background-color: Transparent; color: #000; background-position: right -60px; } .arrowMLeft:active { text-decoration: none; background-color: Transparent; color: #000; background-position: right -60px; } .arrowMLeft:hover span { text-decoration: none; background-color: Transparent; color: #000; background-position: left -60px; } .arrowMLeft:active span { text-decoration: none; background-color: Transparent; color: #000; background-position: left -60px; } .arrowL { text-decoration: none; background-image: url(../../images/arrow_l_left.png); background-position: 0px 0px; display: block; background-repeat: no-repeat; height: 110px; padding:0; } .arrowL span { text-decoration: none; background-image: url(../../images/arrow_l_right.png); background-position: right 0px; cursor:pointer; display: inline-block; background-repeat: no-repeat; height: 110px; line-height: 110px; margin-left: 24px; padding-right: 47px; color: #fff; text-transform: uppercase; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; font-size: 16px; } .arrowL:link { text-decoration: none; } .arrowL:hover { text-decoration: none; background-color: Transparent; color: #000; background-position: 0px -110px; } .arrowL:active { text-decoration: none; background-color: Transparent; color: #000; background-position: 0px -110px; } .arrowL:hover span { text-decoration: none; background-color: Transparent; color: #000; background-position: right -110px; } .arrowL:active span { text-decoration: none; background-color: Transparent; color: #000; background-position: right -110px; } .tight { position: relative; top: -13px; } .tight2 { position: relative; top: -26px; } .tightM { position: relative; top: -35px; margin-left: 6px; } /* .arrowM { text-decoration: none; background-image: url(../../images/arrowM_l.png); background-position: left; display: block; background-repeat: no-repeat; height: 34px; padding:0; } .arrowM span { text-decoration: none; background-image: url(../../images/arrowM_r.png); background-position: right; cursor:pointer; display: inline-block; background-repeat: no-repeat; height: 34px; line-height: 34px; margin-left: 13px; padding-right: 19px; color: #fff; text-transform: uppercase; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; font-size: 9px; } .arrowM:link { text-decoration: none; } .arrowM:hover { text-decoration: none; background-color: Transparent; color: #fff; } .arrowM:active { text-decoration: none; background-color: Transparent; color: #fff; } */ /*.hr margin: 24px auto 26px auto; */ div.hr { height: 3px; display: block; float: left; width: 100%; margin: 24px auto 26px auto; background-image: url(../../images/hr.png); background-repeat: repeat-x; } div.hr1 { height: 3px; display: block; float: left; width: 100%; margin: 20px auto 18px auto; background-image: url(../../images/hr.png); background-repeat: repeat-x; } .c { display: block; width: 100%; float: left; text-align: center;} .L { display: block; float: left; text-align: left; } .R { display: block; float: right; } .col3 { display: block; width: 297px; float: left; margin-top: 0px;} .col2 { display: block; width: 440px; float: left;} .col5 { display: block; width: 100%; float: left; } .col2-1 { float: left; width: 48%; display: block; } .col2-2 { float: right; width: 48%; display: block; } .col3-1 { float: left; width: 33%; display: block; } .col3-n { float: left; width: 33%; display: block; } .col3-last { float: right; width: 33%; display: block; } .partnercol4-1 { float: left; width: 20%; display: block; } .partnercol4-n { float: left; width: 20%; display: block; } .partnercol4-last { float: left; width: 38%; display: block; } .col4-1 { float: left; width: 24%; display: block; } .col4-3 { float: left; width: 72%; display: block; } /* colspan=3 */ .col4-n { float: left; width: 24%; display: block; } .col4-last { float: left; width: 27%; display: block; } .col5-1 { float: left; width: 19%; display: block; margin-right: 1%; text-align: center; } .col5-n { float: left; width: 19%; display: block; margin-right: 1%; text-align: center; } .col5-last { float: left; width: 19%; display: block; margin-right: 0; text-align: center; } .col6-1 { float: left; width: 15%; display: block; margin-right: 2%; text-align: left; } .col6-n { float: left; width: 15%; display: block; margin-right: 2%; text-align: left; } .col6-last { float: left; width: 15%; display: block; margin-right: 0; text-align: left; } .colarrow { display: block; width: 40px; float: left; text-align: center; padding-top: 0px; font-size: 50px; line-height: 60px; font-weight: bold; } .lasmer { margin-top: 0px; margin-bottom: 0px;} /* LISTOR */ ul.ul_newslist { list-style-type: none; padding: 0px; margin-left: 2px; margin-top: 0px; display: block; padding: 0px; } ul.ul_newslist li { padding: 0; margin: 0; margin-top: 2px;} ul.ul_newslist li a { margin-left: 4px; } ul.ul_newslist li img { position: absolute; margin-top: 2px; } ul.ul_linklist { list-style-type: disc; padding: 0px; margin-left: 16px; margin-top: 0px; display: block; } ul.ul_linklist li { padding: 0; margin: 0; margin-top: 2px; display: block; } ul.ul_linklist li a { margin-left: 0px; } ul.ul_linklist li img { position: relative; top: 2px; } .taglinks { display: block; float: left; width: 100%; margin-bottom: 35px; } .taglinks a { text-decoration: none; display: block; float: left; font-size: 8px; line-height: 12px; font-family: Futura Medium, Futura, Futura2-Normal, Arial, Verdana; margin-right: 8px; border: solid 1px #000; padding: 2px; padding-top: 1px; padding-bottom: 1px; text-transform: uppercase; margin-bottom: 6px; } .taglinks a:link { text-decoration: none; white-space: nowrap; } .taglinks a:hover { text-decoration: none; } .taglinks a:active { text-decoration: none; } /*** NEWS ITEM ****/ .newsitem { display: block; float: left; margin-bottom: 20px; width: 690px; overflow: hidden; } .newsitem .news_date { font-size: 15px; margin-top: 20px; font-family: Futura Medium, Futura, Futura2-Normal, Arial, Verdana;} .newsitem h2 { font-size: 33px; line-height: 42px;} .newsitem .imageblock { display: block; float: left; width: 100%; text-align: center; } .newsitem .ingress { margin-bottom: 6px; display: block; width: 100%;} .newsitem .news_footer { border-top: solid 1px #000; display: block; float: left; width: 100%; padding-top: 10px; margin-top: 20px; height: 30px; } .newsitem .news_footer div { width: auto; display: block; float: left;} .newsitem .news_footer .news_by { width: 180px; font-style: italic; } .newsitem .news_footer .news_by a { font-style: normal; } .newsitem .news_footer .taglinks { white-space: nowrap; width: 310px; } .newsitem .news_footer .taglinks a { margin-top: 2px;} .newsitem .news_footer .taglinks span { font-style: italic; margin-right: 15px; float:left; } .newsitem .news_footer .links { white-space: nowrap; width: 190px; float: right; height: 20px; position: relative; } .newsitem .news_footer .comment { float: right; white-space: nowrap;} .newsitem .news_footer .arrow { float: right; margin-top: 0px; position: relative; top: -7px; } .newsitem .commentlink { text-decoration: none; position: relative; top: -1px; color: #fff; background-image: url(../../images/commentlink_bg.png); background-position: left; display: block; background-repeat: no-repeat; padding:0; text-align: center; height: 29px; width: 34px; text-transform: uppercase; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; font-size: 9px; line-height: 19px; margin-top: 0px; margin-right: 10px; } .newsitem .commentlink:link { color: #fff; text-decoration: none; background-color: Transparent; } .newsitem .commentlink:hover { color: #fff; text-decoration: none; background-color: Transparent; } .newsitem .commentlink:active { color: #fff; text-decoration: none; background-color: Transparent; } .news_pager { display: block; width: 100%; float: left;} .product_large_link { display: block; float: left; padding-right: 10px; padding-top: 4px; background-repeat: no-repeat; width: 254px; text-align: center; background-image: url(../../images/productlargelink.png); background-position: 0 0; height: 268px;} .product_large_link:link { background-color: Transparent; } .product_large_link:hover { background-position: 0 -268px; background-color: Transparent; } .product_large_link:active { background-position: 0 -268px; background-color: Transparent; } .producttop_right { display: block; width: 300px; text-align: center; float: right; } .producttop_left { display: block; float: left; width: 670px; } .product_list { display: block; float: left; width: 100%; text-align: center;} .product_list a { margin: 4px; background-color: Transparent; } .product_list a:link { background-color: Transparent; } .product_list a:hover { background-color: Transparent; } .product_list a:active { background-color: Transparent; } .product_list a.active img { -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;} .productspec_left { float: left; display: block; width: 650px; font-size: 12px; } .productspec_left div { float: left; display: block; vertical-align: top; } .productspec_left div div { width: 500px; float: left; display: block; } .productspec_left div div:first-child { width: 100px; float: left; display: block; margin-right: 50px; } .producttips h2 { font-size: 19px; margin-bottom: 20px;} .page_mnu { float: left; display: block; border-bottom: solid 1px #bfbfbf; width: 100%; margin-top: 20px; } .page_mnu a { position: relative; top: 1px; display: block; float: left; padding-top: 10px; padding: 20px; padding-right: 20px; font-family: Futura Medium, Futura, Futura2-Normal, Arial, Verdana; text-decoration: none; } .page_mnu a:first-child { padding-left: 0px; } .page_mnu span { position: relative; top: 1px; display: block; float: left; padding-top: 10px; padding: 20px; padding-right: 20px; font-family: Futura Medium, Futura, Futura2-Normal, Arial, Verdana; } .page_mnu span:first-child { padding-left: 0px; } .page_mnu a:link { background-color: Transparent; color: #7f7f7f; text-decoration: none; } .page_mnu a:hover { background-color: Transparent; color: #7f7f7f; text-decoration: none; } .page_mnu a:active { background-color: Transparent; color: #7f7f7f; text-decoration: none; } .page_mnu .active { border-top: solid 1px #7f7f7f; border-left: solid 1px #7f7f7f; padding-top: 17px; padding-bottom:23px; border-right: solid 1px #bfbfbf; position: relative; top: 1px; border-bottom: solid 1px #fff; background-color: #fff;} .page_mnu .active:first-child { border-left: 0px;} .page_mnu .active:link { background-color: Transparent; color: #000; } .page_mnu .active:hover { background-color: Transparent; color: #000; } .page_mnu .active:active { background-color: Transparent; color: #000; } /********************************************************************************************************** ** UNIKA FÖR SIDA ** **********************************************************************************************************/ /** STARTSIDA **********************************/ h1.h1_manniskankanuppfatta { font-size: 32px; margin-bottom: 5px; line-height: 36px; margin-top: 0px; } .start_top_link { margin-right: 150px; margin-top: 20px; vertical-align: top; float: right;} .start_top_link a { vertical-align: top; text-decoration: none; color: #fff; } .start_top_link a:link { background-color: Transparent; color: #fff;} .start_top_link a:hover { background-color: Transparent; color: #fff;} .start_top_link a:active { background-color: Transparent; color: #fff;} .starttop .arrowleft { padding-left: 37px; padding-top: 32px; float: left; width:97px; height: 66px; background-image: url(../../images/start_pilfargkod.png); background-repeat: no-repeat; font-size: 9px; line-height: 12px; font-family: Futura Medium, Futura, Futura2-Normal, Arial, Verdana; display: block; text-transform: uppercase; } .starttop .arrowright { padding-left: 12px; padding-top: 26px; float: left; width:105px; height: 54px; background-image: url(../../images/start_pilfargsprak.png); background-repeat: no-repeat; font-size: 9px; line-height: 12px; font-family: Futura Medium, Futura, Futura2-Normal, Arial, Verdana; display: block; text-transform: uppercase; } .starttop { position: relative; display: block; float: left; width: 100%; min-height: 350px; } .startimage { position: absolute; top: -50px; left: 0px; border:1px red dashed} .starttopright { float: right; width: 450px; } .startblock { margin-top: 0px; margin-bottom: 0px; position: relative; } .startblock h2 { margin-bottom: 3px; font-size: 22px; line-height: 26px; margin-top: 11px; } .startblock .hLine { position: relative; min-height: 82px; padding-left: 20px;} /*removed border-left: solid 1px #bfbfbf; */ /** WHO ARE YOU - SIDAN *************************/ .whoareyoutop { display: block; float:right; width: 235px; padding: 0; margin:0;} .whoareyoutop a { text-decoration: none; float: left; margin: 0p; } .whoareyoutop a:link { text-decoration: none; } .whoareyoutop a:hover { text-decoration: none; background-color: Transparent; color: #fff; } .whoareyoutop a:active { text-decoration: none; background-color: Transparent; color: #fff; } .whoareyoutop .arrowB { color: #fff; font-size: 12px; line-height: 14px; display: block; float: left; padding-top: 41px; padding-left: 52px; background-image: url(../../images/whoareyou_02.png); background-position: 0px 0px; width: 149px; height: 45px; background-repeat: no-repeat; text-transform: uppercase; font-family: Futura Medium, Futura, Futura2-Normal, Arial, Verdana; margin-bottom: 0; } .whoareyoutop .arrowM { color: #fff; font-size: 10px; line-height: 12px; display: block; float: left; padding-top: 15px; padding-left: 52px; background-image: url(../../images/whoareyou_03.png); background-position: 0px 0px; width: 149px; height: 53px; background-repeat: no-repeat; text-transform: uppercase; font-family: Futura Medium, Futura, Futura2-Normal, Arial, Verdana; margin-top: 0; } .viharvirgin { display: block; width: 724px; float: left; } .viharvirgin H1 { display: block; float: left; } .viharvirgin .colleft { float: left; display: block; width: 355px; margin-right: 30px; } .viharvirgin .colright { float: left; display: block; width: 300px; } H2.h2_ncscolourmanagement { display: block; float: left; background-image: url(../../images/h2_ncscolourmanagement.png); background-repeat: no-repeat; width: 948px; height: 36px; text-align: center; font-size: 20px; vertical-align: top; margin-bottom: 22px; margin-top: 16px;} .whoareyou { } .whoareyou H4 { display: block; float: left; width: 100%; text-align: center; font-size: 14px; margin-bottom: 20px;} .whoareyou H4 span { display: block; width: 100%; font-size: 64px; line-height: 70px; margin-bottom: 13px; } .senastenytt a .kalender_19 { position: absolute; margin-top: 2px; background-image: url(../../images/img_kalender.png); background-repeat: no-repeat; background-position: 0px 0px; width: 13px; height: 16px; display: inline-block; } .senastenytt a:hover .kalender_19 { background-position: 0px -16px;} .senastenytt a:active .kalender_19 { background-position: 0px -16px;} /** NEWS SIDAN *******************************/ .newsleft div { display: block; width: 100%; float: left; } .newsleft .linkbox { margin-top: 20px; margin-bottom: 20px; } .newsleft .taglinks { display: block; width: 100%;} .newsleft ul.ul_newslist { margin-left: 0px; padding-left: 0px;} .snewsleft ul.ul_newslist li { margin-left: 0px; padding-left: 0px;} .newsleft ul.ul_newslist li a { margin-left: 0px; padding-left: 0px;} .newsleft h4 { width: 100%; display: block;} /** VAD FÅR DET LOV ATT VARA? ***************************/ .filterbox { margin-top: 0px; margin-bottom: 10px; display: block; float: left; width: 100%; font-size: 12px; font-weight: normal; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; text-transform: uppercase;} .filterbox div { display: block; float: left; } .filterbox div.title { width: 75px; } .filterbox div.filter { width: 230px; } .filterbox div.sortby { margin-left: 40px; } .filterbox div.sortby span { margin-right: 15px;} .item_header { text-decoration: none; font-size: 16px; height: 54px; border-bottom: solid 1px #bfbfbf; font-weight: normal; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; text-transform: uppercase; } .item_header a { text-decoration: none; display: block; line-height: 54px; width: 100%; vertical-align:middle; padding-left: 30px; background-image: url(../../images/item_icon.png); background-repeat: no-repeat; background-position: 0px 0px; font-weight: normal; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; text-transform: uppercase; } .item_header a:link { text-decoration: none; background-color: Transparent; color: #000; } .item_header a:hover { text-decoration: none; background-color: Transparent; color: #000; } .item_header a.active { text-decoration: none; background-position: 0px -60px; background-color: Transparent; color: #000;} .item_body { display: block; margin-top: 25px; float: left; } .item_body .col_item { width: 213px; margin-left: 35px; text-align: left; display: block; float: left; text-align: center; } .item_body .col_item:first-child { margin-left: 0px;} .item_body .col_item h4 { margin-bottom: 25px;} .item_body .col_item .info { text-align: left; width: 100%; margin-top: 15px; } .item_body .col_item .info .L { padding-top: 20px; } /** KONTAKTSIDA *********************************************/ .contactblock { margin-top: 25px; margin-bottom: 50px; display: block; } .colourcenterblock { margin-top: 20px; padding-bottom: 50px; display: block; font-size: 11px; } .colourcenterblock a { font-size: 11px;} /** CALENDAR *********************************************/ .calender_filter { font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; } .calender_filter .col-1 { display: block; float: left; width: 110px; } .calender_filter .col-2 { display: block; float: left; width: 135px; } .calender_filter .col-3 { display: block; float: left; width: 300px; } .calender_filter .col-4 { display: block; float: left; width: 55px; } .calender_filter .col-5 { display: block; float: left; width: 185px; } .calender_filter .col-6 { display: block; float: left; width: 60px; } .calender_filter .col-7 { display: block; float: left; width: 130px; } .calender_calender { display: block; float: left; width: 100%; margin-top: 35px;} .calender_calender div { display: block; float: left; } .calender_calender a:link { text-decoration: none;} .calender_calender a:visited { text-decoration: none;} .calender_calender a:hover { text-decoration: none;} .calender_calender a:active { text-decoration: none;} .calender_calender div.header div { width: 136px; border: solid 1px #fff; border-bottom: solid 1px #000; border-left: 0px; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; } .calender_calender div.week div { height: 100px; width: 136px; border: solid 1px #000; border-left: 0px; border-top: 0px; } .calender_calender div.week div:first-child { width: 136px; border-left: solid 1px #000; }/**/ .calender_calender div.week div a { float: left; } .calender_calender div.week div a .num { display: block; font-size: 14px; padding: 4px; top: 6px; left: 106px; cursor: pointer; text-decoration: none; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; } .calender_calender div.week div a .more { background-image: url(../../images/calendar_more.png); width: 133px; background-repeat: no-repeat; height: 25px; background-color: #000; display: block; font-size: 12px; padding: 0px; text-align: center; line-height: 22px; position: relative; top: 73px; cursor: pointer; text-decoration: none; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; } .calender_calender div.week div a .less { background-image: url(../../images/calendar_less.png); width: 133px; background-repeat: no-repeat; height: 25px; margin-bottom: 0px; background-color: #000; display: block; font-size: 12px; padding: 0px; text-align: center; line-height: 22px; position: relative; cursor: pointer; text-decoration: none; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; float: right; margin-right: 20px; line-height: 30px;} .calender_calender div.week div a .event {font-size:x-small; background-color:Blue;} .calender_calender div.week div ul { padding: 0; font-size:0.5em; padding-left:4px; margin:4px; } .calender_calender div.week div ul li { list-style-position:outside; margin-left:10px;} .date {display: block; float: left; height: 100%; width: 100%; position: relative; font-size: 10px;} .calender_calender div.week div .num { float:right; font-size: 14px; padding: 4px; text-decoration: none; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; } .calender_calender div.week div:hover { background-color:#000; } .calender_calender div.week .active { background-color: #000; color: #fff; text-decoration: none; } .calender_calender div.week .active a { background-color: #000; color: #fff; text-decoration: none; } .calender_calender div.week a:link { text-decoration: none; } .calender_calender div.week a:hover { text-decoration: none; } .calender_calender div.week a:active { text-decoration: none; } .calender_calender div.week .active a .num { background-color: #000; text-decoration: none;} .calender_calender div.week div a .num { position: relative; } .calender_calender div.week div a .more { position:relative ;} .calender_calender div.week .inactive a .num { color: #dfdfdf; } .calender_calender div.week .inactive .num { color: #dfdfdf; } #testul a, #testul a:visited { display:block; width:12em; font-family:arial, verdana, sans-serif; /* ADDED */ font-size:0.4em; /* ADDED */ line-height:4px; text-align:left; /* ADDED */ text-decoration:none; /* ADDED */ } /* OPEN DIALOG */ .calender_calender div.week div.active {/* position: relative; */} .calender_calender div.week div.open { /*position: relative;*/ height: auto; border-bottom:0;} .calender_calender div.week div.active div.open { left: -1px; display: block; /* position: relative; */width: 680px; background-color: #000; height: auto; } .calender_calender div.week div.active div.open div { width: 100%; height: auto;/**/} .calender_calender div.week div.active div.open div.event { width: 680px; padding-left: 0px; padding-top: 0px;} .calender_calender div.week div.active div.open div.eventItemTop { border: 0px; float: left; display: block; width: 640px; padding-left: 40px; height: auto; /*position: relative; */ border-top: solid 0px #fff; padding-top: 20px; padding-bottom: 20px; } .calender_calender div.week div.active div.open div.eventItem { border: 0px; float: left; display: block; width: 640px; padding-left: 40px; height: auto; /*position: relative; */ border-top: solid 1px #fff; padding-top: 20px; padding-bottom: 20px; } .calender_calender div.week div.active div.open div.eventItemFooter { border: 0px; float: left; display: block; width: 640px; padding-left: 40px; height: auto; /*position: relative; */ border-top: solid 0px #fff; padding-top: 0px; padding-bottom: 10px; } .calender_calender div.week div.active div.open div.eventItemTop h3 {font-size: 14px; padding: 0px; margin: 0px; margin-bottom: 0px; margin-top: 0px; } .calender_calender div.week div.active div.open div.item_left { width: 430px; float: left; display: block; } .calender_calender div.week div.active div.open div.item_left h3 { margin-bottom: 20px; font-size: 14px; } .calender_calender div.week div.active div.open div.item_left .col2-1 { width: 198px; float: left; display: block;} .calender_calender div.week div.active div.open div.item_left .col2-2 { width: 230px; float: right; display: block;} .calender_calender div.week div.active div.open div.item_right { width: 180px; float: right; display: block;} .calender_calender div.week div.active div.open div.item_right span.title { font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; font-size: 12px; margin-bottom: 6px; padding-bottom: 0px; display: block; width: 100%; } .calender_pager { display: block; float: left; margin-top: 35px; padding-bottom: 35px; width: 100%; } .calender_pager div:first-child {} .calender_calender div.week div.active div.open div.item_right .arrow { height: 34px !important; background-color: Transparent !important; line-height: 36px !important; width: auto;} .calender_calender div.week div.active div.open div.item_right .arrowW { height: 34px !important; background-color: Transparent !important; width: auto;} .calender_calender div.week div.active div.open div.item_right .arrowW span { height: 34px !important; background-color: Transparent !important; line-height: 36px !important; } .calender_calender div.week div.active div.open div.item_right .arrowW:link { height: 34px !important; background-color: Transparent !important; width: auto;} .calender_calender div.week div.active div.open div.item_right .arrowW:hover { height: 34px !important; background-color: Transparent !important; } .calender_calender div.week div.active div.open div.item_right .arrowW:active { height: 34px !important; background-color: Transparent !important; } .calender_calender div.week div.active div.open div.item_right .arrowWM { height: 60px !important; background-color: Transparent !important; line-height: 63px !important; width: auto;} .calender_calender div.week div.active div.open div.item_right .arrowWM span { height: 60px !important; background-color: Transparent !important; line-height: 63px !important; width: auto; } /* CALENDAR WEEK */ /* .calender_calender_week { display: block; float: left; width: 100%; margin-top: 35px; } .calender_calender_week div { display: block; float: left; width: 100%; position: relative;} .calender_calender_week div div { height: 29px; float: left; display: block; width: 130px; border: solid 1px #000; border-bottom: solid 0px #000; border-right: 0px; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; } .calender_calender_week div div:first-child { width: 50px; border-left: 0px; line-height: 30px;} .calender_calender_week div.header div { border-color: #fff; text-align: center; font-size: 12px;} .calender_calender_week div.header2 div { border-top: solid 0px #fff; border-bottom: 0px;} .calender_calender_week div.last div { border-bottom: solid 0px #fff; border-top: solid 0px #fff; } .calender_calender_week div div a { } .calender_calender_week div div a.active { position: relative; display: block; font-size: 12px; background-color: #000; color: #fff; text-decoration: none; width: 130px;} .calender_calender_week div div a.active {width: 2px;} .calender_calender_week div div ul { padding: 0; margin-left: 10px; margin-top: 10px;} .calender_calender_week div div ul li { margin-left: 10px; line-height: 12px; margin-top: 6px; } .calender_calender_week div div a .more { background-image: url(../../images/calendar_more.png); background-position: -3px 0; width: 130px; background-repeat: no-repeat; height: 25px; background-color: #000; display: block; font-size: 12px; padding: 0px; text-align: center; line-height: 22px; bottom: 4px; position: relative; cursor: pointer; text-decoration: none; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; } */ /*** YOUR CART ************************************/ .productlist div { float: left; display: block;} .productlist { display: block; float: left; width: 100%; margin-top: 20px; margin-bottom: 2px;} .productlist table { display: block; float: left; width: 100%; margin: 0px; } .productlist table thead td { line-height: 40px; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; border-bottom: solid 1px #bfbfbf; text-transform: uppercase; } .productlist table tbody td { border-bottom: solid 1px #bfbfbf; height: 80px; } .productlist table tfoot tr.endline td { font-weight: bold; height: 60px; border-top: 1px solid #bfbfbf; } .productlist table tfoot tr td { height: 30px; } .productlist table tfoot tr:first-child td { padding-top: 25px; border-top: solid 4px #000; } .productlist table tfoot tr.footsum td { padding-bottom: 25px; } .productlist .col_productXXX { width: 685px; } .productlist .col_img { width: 50px; } .productlist td { line-height: 70px; } .productlist .col_product div { float: left; display: block; width: 60px; margin-top: 5px; } .productlist .col_product span { display: block; float: left; } .productlist .col_amount { width: 100px} .productlist .col_amount input { width: 40px;} .productlist .col_price { width: 95px; padding-right: 40px; text-align: right;} .productlist .col_remove { width: 55px; text-align: center;} .productlist input { border: solid 1px #bfbfbf; } .productlist_filter { float: right; display: block; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; margin-bottom: 20px; font-size: 11px; } .productlist_filter span { display: inline; margin-right: 10px;} .yourcarttop_right { display: block; float: right; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; margin-top: 14px;} .yourcarttop_left .ingress { margin-top: 0px; } .yourcarttop_left h1 { margin-bottom: 12px;} .accountform_top { display: block; float: left; margin-top: 20px; margin-bottom: 0px;} .accountform_top div { width: 470px; display: block; float: left; } .accountform_top div.R { float: right;} .accountform_top input { width: 450px; height: 50px; line-height: 60px; font-size: 30px; padding-left: 20px; border: solid 1px #bfbfbf; font-family: Times New Roman; } .accountform_top div.textblock { width: 970px; display: block; float: left; margin-bottom: 50px; margin-top: 10px;} .accountform { display: block; float: left; margin-top: 15px; margin-bottom: 50px; } .accountform input { width: 300px; height: 32px; line-height: 40px; font-size: 20px; border: solid 1px #bfbfbf; font-family: Times New Roman; } .accountform select { width: 305px; height: 36px; line-height: 40px; font-size: 20px; border: solid 1px #bfbfbf; font-family: Times New Roman; } .accountform div div { width: 300px; margin-right: 25px; float: left; display: block; margin-top: 15px; margin-bottom: 5px; } .accountform .col-1 { margin-right: 32px; } .accountform .col-n { margin-right: 32px;} .accountform .col-last { margin-right: 0px;} .paymentform { display: block; float: left; margin-top: 15px; margin-bottom: 50px; } .paymentform input { width: 300px; height: 36px; line-height: 36px; font-size: 20px; border: solid 1px #bfbfbf; } .paymentform div div { width: 300px; margin-right: 25px; float: left; display: block; margin-top: 15px; margin-bottom: 5px; } .paymentform .col-1 { margin-right: 32px; } .paymentform .col-n { margin-right: 32px; width: 132px;} .paymentform .col-n input { width: 132px; } .paymentform .col-last { margin-right: 0px;} /*** YOUR CART 2 *******************************************/ .productlist table.yourcart_2 { width: 972px; display: block; float: left;} .productlist table.yourcart_2 .col_img { width: 60px;} .productlist table.yourcart_2 .col_product { width: 590px; } .productlist table.yourcart_2 .col_amount { width: 60px; } /*.productlist table.yourcart_2 .col_price { width: 110px; background-color: Aqua;}*/ .productlist table.yourcart_2 .col_price_foot { width: 110px; padding-right: 40px; text-align: right;} .productlist table.yourcart_2 .col_pricecur { width: 60px;} .productlist table.yourcart_2 .col_price { width: 50px; } .productlist table.yourcart_2 .col_remove { width: 95px; } .productlist table.yourcart_2 .col_amount input { margin-top: 26px; margin-bottom: 26px; } .productlist table.yourcart_2 .col_remove_img { margin-bottom: 26px; margin-top: 26px;} .productlist table.yourcart_2 tfoot tr td { height: 30px !important; line-height: 30px; } .productlist table.yourcart_2 tfoot tr:first-child td { padding-top: 10px;} .productlist table.yourcart_2 tfoot tr.footsum td{ padding-bottom: 10px; } /* Thomas test .productlist table .thead td { text-transform: uppercase; } .productlist table .tfoot td { height: 30px !important; line-height: 30px; }*/ /*.productlist table.foot tr { border: 0; margin:0; padding:0; margin:0; padding:0; }*/ .productlist table.foot tr td { height: 30px; border: 0; line-height: 30px;} .productlist table.foot tr:first-child td { padding-top: 10px; border-top: solid 4px #000; } .productlist table.foot tr.endline td { font-weight: bold; height: 60px; border-top: 1px solid #bfbfbf; } /* */ .yourcart_deliverybox { width: 100%; display: block; float: left; background-image: url(../../images/yourcart_box.png); margin-top: 20px; margin-bottom: 50px; background-repeat: no-repeat; height: 70px; padding-top: 35px; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; } .yourcart_deliverybox div.col_left { display: block; float: left; margin-left: 30px; margin-right: 0px; width: 500px;} .yourcart_deliverybox div.col_left div { display: block; float: left; margin-right: 10px; line-height: 30px;} .yourcart_deliverybox div.col_left .ddl { display: block; line-height: 22px; height: 22px; line-height: 22px; float: left; border: solid 1px #ffffff; } .yourcart_deliverybox div.col_left span { font-style: italic; font-family: Times New Roman, Verdana, Arial; float: left; display: block; width: 100%; margin-top: 0px;} .yourcart_deliverybox div.col_right { float: right; display: block; margin-right: 30px; width: 360px; } .yourcart_deliverybox div.col_right div { float: left; display: block; line-height: 30px;} .yourcart_deliverybox div.col_right .btn, .yourcart_deliverybox div.col_right .btn:link { background-color: #000000; color: #ffffff; border: solid 1px #000000; padding: 3px; line-height: 22px; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; text-decoration: none; padding-left: 10px; padding-right: 10px; height: 22px; display: block; float: right;} .yourcart_deliverybox div.col_right input { float: left; display: block; height: 22px; padding: 3px; line-height: 22px; margin-right: 4px; border: solid 1px #bfbfbf; margin-left: 15px;} .yourcart_deliveryoptions { margin-top: 0px; margin-bottom: 60px; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana;} .yourcart_deliveryoptions div { margin-bottom: 6px;} .yourcart_deliveryoptions input { padding-bottom: 0px;} .yourcart_adressoptions { margin-top: -50px; margin-bottom: 60px; } .yourcart_deliverybox44 { width: 100%; display: block; float: left; margin-bottom: 30px; background-repeat: no-repeat; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; } .yourcart_deliverybox44 div.col_right44 { float: right; display: block; margin-right: 30px; width: 360px; } .yourcart_deliverybox44 div.col_right44 .btn2, .yourcart_deliverybox44 div.col_right44 .btn2:link { background-color: black; color: #ffffff; border: solid 1px #000000; padding: 3px; line-height: 22px; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; text-decoration: none; padding-left: 10px; padding-right: 10px; height: 22px; display: block; float: right;} .accountform_signin div { width: 430px; display: block; float: left; margin-bottom: 60px; } .accountform_signin div.R { float: right; width: 520px; padding-right: 0px;} .accountform_signin input { width: 400px; height: 50px; float: left; line-height: 60px; margin-right: 0px; font-size: 30px; padding-left: 20px; border: solid 1px #bfbfbf; display: block; font-family: Times New Roman; } .accountform_signin div.R .btn, .accountform_sigin div.R .btn:link { display: block; float: left; background: #000000; border: solid 1px #000000; padding-left: 10px; padding-right: 10px; height: 50px; color: #ffffff; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; text-decoration: none; line-height: 50px; float: left; margin-right: 0px; float: right;} .accountform_signin div.textblock { width: 970px; display: block; float: left; margin-bottom: 50px; margin-top: 10px;} .accountform_signedin { display: block; float: left; margin-top: 60px; margin-bottom: 90px; padding-left: 70px; background-image: url(../../images/yourcart_signedin.png); background-repeat: no-repeat; height: 50px; line-height: 50px; font-size: 25px;} .accountform_signedin span { font-size: 14px; margin-left: 40px;} /*** CART THANKS *******************************************/ .cart_thanks .textTitle { margin-top: 20px; display: block; float: left;} /*** PARTNERS *******************************************/ .partnerstop_right { display: block; float: right; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; padding-top: 20px;} .partnerstop_left .ingress { margin-top: 0px; } .partnerstop_left h1 { margin-bottom: 12px;} .partnersFilter { display: block; width: 100%; margin-top: 20px; margin-bottom: 20px; float: left; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; font-size: 12px; } .partnersFilter input { display: block; float: left; width: 100%; height: 32px; line-height: 40px; font-size: 20px; border: solid 1px #bfbfbf; font-family: Times New Roman; margin-top: 6px; } .partnersFilter select { display: block; float: left; width: 88%; height: 26px; line-height: 40px; font-size: 16px; border: solid 1px #bfbfbf; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; margin-top: 6px;} .partnersFilter input.searchbox { width: 570px; margin-right: 6px; height: 51px;} .partnersFilter a.searchbutton { height: 53px; padding-left: 10px; padding-right: 10px; background-color: #000; line-height: 56px; color: white; display: block; border: solid 1px #000; text-decoration: none; margin-top: 6px; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; font-size: 22px; display: block; float: left; } .partnerresultlist .sortby { padding-top: 0px; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; font-size: 12px; } .partnerresultlist .sortby select { margin-left: 6px;} .partnerresultlist { display: block; width: 100%; float: left; margin-top: 25px;} .partnerresultlist .HitLabel { display: block; float: left; font-size: 20px; margin-top: 0px; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana;} /*.partnerresultlist table {display: block; width: 100%; float: left; margin-top: 30px; margin-bottom: 10px; }*/ .partnerresultlist table {display: block; width: 100%; float: left; margin-top: 1px; margin-bottom: 1px; } /*.partnerresultlist td { border-top: solid 1px #bfbfbf; padding-top: 25px; padding-bottom: 35px; display: block; float: left; font-size: 13px;}*/ .partnerresultlist td { border-top: solid 1px #bfbfbf; padding-top: 25px; padding-bottom: 1px; display: block; float: left; font-size: 13px;} .partnerresultlist tr { display: block; float: left; width: 100%; } .partnerresultlist td.td01 { width: 20%; font-size: 20px; vertical-align: top; } .partnerresultlist td.td02 { width: 40%; vertical-align: top; padding-right: 8%; padding-top: 40px; font-size: 15px;} .partnerresultlist td.td03 { width: 16%; vertical-align: top; padding-top: 75px; } .partnerresultlist td.td04 { width: 14%; vertical-align: top; padding-top: 75px;} .partnerresultlist .resultlist span { font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; font-size: 12px; } .partnerresultlist .resultlist span.title { height: 18px; font-size: 24px; margin-bottom: 0px; display: block; } /* .partnerresultlist .resultblock { display: block; width: 100%; float: left; border-top: solid 1px #bfbfbf; padding-top: 25px; margin-top: 35px; } */ .pagerblock { display: block; float: left; width: 100%; border-top: solid 0px #bfbfbf; margin-top: 10px; padding-top: 20px; padding-bottom: 20px;} .pagerblock .prev { display: block; float: left; width: 20%; } .pagerblock .num { display: block; float: left; width: 59%; text-align: center; padding-top: 15px; } .pagerblock .num a { display: inline-block; text-align: center; border: solid 1px #ffffff; padding: 4px; text-decoration: none; } .pagerblock .num a.active { border: solid 1px #bfbfbf;} .pagerblock .next { display: block; float: right; width: 20%; text-align: right; } /*** TEMPLATE ****************************************/ .templateColLeft { display: block; float: left; width: 680px; } .templateColRight { display: block; float: right; width: 250px; } .templateColRight .product_large_link { height: auto; margin-left: 0px; padding: 0px; border:0px; } .templateColRight .product_large_link:link { border: 0px;} .templateColRight .product_large_link:hover { border: 0px; background-image: none;} .templateColRight .product_large_link img { float: left; margin-left: 6px;} .templateColRight .product_list { margin: 0px; margin-top: 10px; padding-top: 0px; margin-bottom: 40px;} .templateColRight .product_list a { margin-left: 2px;} /*** cartthanks *************************************/ .cart_thanks { width: 970px; display: block; float: left; } .cart_thanks thead td.col_product { width: 870px; } .cart_thanks thead td.col_price { width: 100px; margin: 0px; padding: 0px; padding-right: 0px; } .cart_thanks tbody td.col_img { width: 50px; line-height: 70px; } .cart_thanks tbody td img { margin-top: 10px; } .cart_thanks tbody td.col_product { width: 820px; } .cart_thanks tbody td.col_price { width: 100px; margin: 0px; padding: 0px; padding-top: 0px; padding-right: 0px; } .cart_thanks tfoot td.col_product { width: 870px; height: 30px; line-height: 30px; } .cart_thanks tfoot td.col_price { width: 100px; margin: 0px; height: 30px; padding: 0px; padding-right: 0px; line-height: 30px; } .cart_thanks tfoot tr.endline td { line-height: 70px;} .cart_thanks .col_price { padding-right: 1px; width: 10%; } .cart_thanks .textTitle { font-size: 20px;} /*** PARTNERS ********************************************/ /*** SEARCH **********************************************/ .search_filter { display: block; width: 100%; margin-top: 20px; margin-bottom: 55px; float: left; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; font-size: 12px; } .search_filter input { display: block; float: left; width: 100%; height: 32px; line-height: 40px; font-size: 20px; border: solid 1px #bfbfbf; font-family: Times New Roman; margin-top: 6px; } .search_filter select { display: block; float: left; width: 85%; height: 26px; line-height: 40px; font-size: 16px; border: solid 1px #bfbfbf; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; margin-top: 6px;} .search_filter input.searchbox { width: 620px; margin-right: 6px; height: 51px;} .search_filter a.searchbutton { height: 53px; padding-left: 10px; padding-right: 10px; background-color: #000; line-height: 56px; color: white; display: block; border: solid 1px #000; text-decoration: none; margin-top: 6px; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; font-size: 22px; display: block; float: left; } .search_searchfilter { display: block; float: right; width: 250px; } .search_searchfilter .title { display: block; float: left; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; font-size: 16px; margin-bottom: 24px; height: 22px; } .search_searchfilter a { display: block; float: left; text-decoration: none; font-size: 12px; } .search_searchfilter a:link { text-decoration: none; } .search_searchfilter a.filter_header { width: 100%; margin-top: 10px; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; font-size: 12px; border-bottom: solid 1px #bfbfbf; padding-bottom: 6px; margin-bottom: 6px; } .search_searchfilter a.filter_header:link { background-color: Transparent; text-decoration: none; color: #000; } .search_searchfilter a.filter_header:hover { background-color: Transparent; text-decoration: none; color: #000; } .search_searchfilter a.filter_header:active { background-color: Transparent; text-decoration: none; color: #000; } .search_searchfilter a.filter_header img { margin-right: 6px;} .search_searchfilter div { display: block; float: left; width: 100%; } .search_resultlist .HitLabel { display: block; float: left; font-size: 20px; margin-top: 0px; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; margin-right: 10px;} .search_resultlist { display: block; float: left; width: 700px; margin-right: 0px; } .search_resultlist .hit_item { display: block; width: 100%; float: left; } .search_resultlist .hit_item .header { display: block; width: 100%; float: left; border-bottom: solid 1px #bfbfbf; margin-top: 30px; padding-bottom: 10px; margin-bottom: 10px; } .search_resultlist .hit_item .header .title { display: block; float: left; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; font-size: 18px; text-align: left;} .lsearch_resultlist .hit_item .header .R { float: right; display: block;} .search_resultlist .hit_item .header span { display: block; float: left; width: 80px; text-align: center; } .search_resultlist .hit_item .content { display: block; width: 100%; float: left; } .search_resultlist .sortby { font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; } .searchpager { margin-top: 40px;} /*** SAMPLES ******************************************/ .sample_header { display: block; width: 490px; float: left; margin-bottom: 20px;} .sample_header .sample_icon { display: block; float: left; width: 50px;} .sample_header .sample_text { display: block; float: left; width: 420px; } .sample_header .sample_text .sample_title { display: block; width: 100%; float: left; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; font-size: 18px; height: 34px; line-height: 34px; } .sample_header .sample_text .sample_ingress { display: block; width: 100%; float: left; } .sample_content { display: block; float: left; padding-left: 50px; width: 100%;} .samples_1a { display: block; width: 450px; margin-top: 20px; margin-bottom: 55px; float: left; } .samples_1a input { display: block; float: left; width: 100%; height: 32px; line-height: 40px; font-size: 20px; border: solid 1px #bfbfbf; font-family: Times New Roman; margin-top: 6px; } .samples_1a input.searchbox { width: 270px; margin-right: 6px; height: 51px;} .samples_1a a.searchbutton { height: 53px; padding-left: 10px; padding-right: 10px; background-color: #000; line-height: 56px; color: white; display: block; border: solid 1px #000; text-decoration: none; margin-top: 6px; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; font-size: 22px; display: block; float: left; } .samples_1b { clear:both; display: block; float:left; width: 490px; margin-top: 20px;} .samples_2 { display: block; float: left; width: 100%; margin-top: 20px;} .sample_table {} .sample_table div { display: block; float: left;} .sample_table .head { display: block; float: left; width: 100%; } .sample_table .head .col_n { display: block; float: left; width: 77px; border: solid 1px #ffffff; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; } /* new line thomas */ .sample_table .col_n { display: block; float: left; width: 77px; border: solid 1px black; height: 17px; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; } .sample_table .row { display: block; float: left; width: 100%; } .sample_table .col_1 { display: block; float: left; border: solid 1px #ffffff; background-color: #ffffff; height: 20px; width: 167px;} .sample_table .head .col_1 { background-color: #ffffff; } .sample_table .col_2 { display: block; float: left; border: solid 1px #ffffff; height: 20px; width: 90px; font-family: Futura Medium, futura, Futura2-Normal, Arial, Verdana; font-size: 12px; text-align: center; } .sample_table .row input {display: block; float: left; text-align: right; border: solid 1px #bfbfbf; background-color: #ffffff; height: 20px; width: 75px; padding: 0px; margin: 0px; line-height: 20px; border-left: 0px; border-bottom: 0px; padding-right: 2px; } .sample_table .row input.active { background-color: #000; color: #ffffff; border-bottom: solid 1px #000; } .sample_table .sep { padding-bottom: 20px;} .sample_table .sep input { border-bottom: solid 1px #bfbfbf; } .sample_table .row .col_3 { border-left: solid 1px #bfbfbf;} .sample_table .row_footer { display: block; float: left; width: 100%; } .sample_table .row_footer .col_3 input { width: 30px; height: 18px; padding: 0px; margin: 0px; border: solid 1px #bfbfbf; line-height: 20px; } .sample_table .row_footer .col_3 { width: 77px; } .sample_table .row_footer .col_n { display: block; float: left; width: 77px; border: solid 1px #ffffff; border-left: 0px; text-align: right; } .sample_table .row_footer .icon_delete { margin-right: 8px;} .sample_table .row_sum { display: block; float: left; width: 100%; border-top: solid 1px #bfbfbf; padding-top: 10px; margin-top: 22px; padding-bottom: 20px; } .sample_table .row_sum .col_1 { background-color: #ffffff; } .sample_table .row_sum .col_n { display: block; float: left; width: 77px; border: solid 1px #ffffff; border-left: 0px; text-align: right; font-weight: bold; } H2.samples { height:33px; background-image: url(../../images/h2_bgline.png); background-position: 0 0; display: block; width: 100%; height: 40px; background-repeat: no-repeat; text-align: center; margin-top: 17px; } H2.samples span { background-color: #fff; padding-left: 20px; padding-right: 20px; margin-top: 0px; font-size: 18px; position: relative; top: -6px;} .samples_addtocart { padding-bottom: 20px;} /*** MYPAGE ******************************************/ .mypage { margin-top: 40px; } .mypage .myorders_col { display: block; float: left; width: 682px; padding-bottom: 50px;} .mypage .myorders_col h2 { height: 38px; margin-bottom: 10px; width: 647px; border-bottom: #bfbfbf 1px solid; margin-bottom: 10px; background-image: url(../../images/item_icon.png); background-position: 0px -75px; padding-left: 35px; background-repeat: no-repeat;} .mypage .myorders_col .itemlist { margin-left: 30px; font-family:Futura Medium, futura, Futura2-Normal, Arial, Verdana; } .mypage .myorders_col .itemlist .header_row { width: 100%; font-size: 14px; height: 52px; float: left; line-height: 60px; border-bottom: #bfbfbf 1px solid; background-image: url(../../images/search_right.png); background-repeat: no-repeat; background-position: 5px 26px; } .mypage .myorders_col .itemlist .open { background-position: 5px 26px; background-image: url(../../images/search_down.png); } .mypage .myorders_col .itemlist .header_row span { font-size: 12px; margin-left: 4px;} .mypage .myorders_col .itemlist .header_row div { float: left; display: block; margin-left: 32px; } .mypage .myorders_col .itemlist .header_row div.green { background-color: #00cc00; float: right; height: 20px; line-height: 20px; margin-left: 0px; margin-top: 20px; color: #ffffff; padding-left: 5px; padding-right: 5px; } .mypage .myorders_col .itemlist .header_row div.black { float: right; height: 20px; line-height: 20px; margin-left: 0px; margin-top: 20px; color: #000; padding-left: 5px; padding-right: 5px; } .mypage .myorders_col .item_row { font-family: Times New Roman, Verdana, Arial; float: left; display: block; width:100%; height: 42px; line-height: 42px; border-bottom: #f2f2f2 1px solid; } .mypage .myorders_col .item_row div { float: left; display: block; } .mypage .myorders_col .item_row div.R { float: right; display: block; } /*.mypage .myorders_col .item_row div:first-child { width: 75px; text-align: left; height: 100%; line-height: 100px; }*/ /* bild column*/ .mypage .myorders_col .item_footer {font-family: Times New Roman, Verdana, Arial; float: left; display: block; width:100%; height: 42px; line-height: 42px; font-weight: bold; text-align: right;} /* invoice listan*/ .mypage .myorders_col h2.myinvoices { margin-top: 60px;} .mypage .myorders_col .itemlist .header_row { background-image: none; } .mypage .myorders_col .itemlist .header_row div { margin-left: 90px;} .mypage .myorders_col .itemlist .header_row div:first-child { margin-left: 0px;} .mypage .myinfo_col { display: block; float: right; width: 261px;} .mypage .myinfo_col h4 { height: 20px; margin-bottom: 2px; } .mypage .myinfo_col .hr { margin-top: 15px; padding: 0px; margin-bottom: 15px; }