/* 	PROPERTY OF METAVISUAL LTD
	Styles related to a set of features
	Required system definition imports here */
/* Body */ body, input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size: 16px; }
body { background-repeat: repeat; color: #ffffff; margin: 0px; padding: 0px; background-color: #383838; background-image: url(../../../images/sysclient/hevi-header-side-bg2.jpg); background-repeat: repeat-x; } body.adminactive { background-position: inherit; box-sizing: border-box; }
/* Content zone */ #bcframe { margin: 0px; padding: 0px; background-color: #000000; border-right: 1px solid #6a6a6a; border-bottom: 1px solid #6a6a6a; border-left: 1px solid #6a6a6a; text-align: left; } #pagearea { margin: 0px; padding: 0px; background-repeat: repeat-x; background-position: 0px 195px; }
/* headings */ h1, h2, h3, h4, h5, h6, h7 { line-height: 1em; color: #FFFFFF; font-weight: bold; margin: 0px; } .suppressheadings h1 { margin: 0px; font-size: 120%; line-height: 1em; color: #265b6d; padding-bottom: 5px; background: none; } h1 { font-size: 170%; padding: 5px 0px 15px 0px; } h2 { font-size: 120%; padding: 5px 0px 5px 0px; } h3 { font-size: 110%; padding: 5px 0px 5px 0px; } h4 { font-size: 100%; padding: 5px 0px 5px 0px; }
/* footer */ #footercontent-l1, #footercontent-l2 { color: #FFFFFF; padding-top: 0px; padding-bottom: 0px; margin: 0px; text-align: center; } #footercontent-l2 .copyright { color: #FFFFFF; font-weight: bold; padding: 30px 60px 0px 0px; }
/* jQuery */ .ui-widget-content { background-image: none; margin-bottom: 5px; }
/* Article */ .articleGroup { box-sizing: border-box; width: 100%; }
/* HeVi specific */ h1, h2 { background-image: url(../../../images/sysclient/showcase/hevi-showcase-bg70.png); background-repeat: repeat-x; background-position: bottom left; padding: 0px 20px; margin: 0px; text-align: center; height: 60px; font-weight: bold; font-size: 150%; color: #FFFFFF; }
/* Showacse row */ .showcase-item { background-image: url(../../../images/sysclient/showcase/hevi-showcase-bg2.jpg); background-repeat: repeat-x; background-position: bottom left; padding: 0px 20px; font-size: 95%; } a.linkblock { display: block; padding: 1px; font-weight: bold; padding-top: 10px; } a.linkblock:hover, #sidebar ul.article_box li a:hover { text-decoration: none; background-color: rgba(255,255,255,0.25); background-repeat: repeat; padding: 9px 0px 0px 0px; border: 1px solid #9ea3ac; color: #FFFFFF; }
/* Bookgroup */ .bookgroup_menu { float: left; padding: 10px 20px; background-color: rgba(0,0,0,0.5); background-repeat: repeat; } .bookgroup_menu .selectionlist a { padding-bottom: 3px; } .bookgroup_menu-l2 { background-image: url(../../../images/sysclient/bookdetails_underline40p.png); background-repeat: repeat-x; background-position: left bottom; padding: 0px 10px 3px 10px; margin-bottom: 5px; } .bookgroup_title { float: left; color: #fff; font-size: 1.1em; font-weight: bold; } .bookgroup_menu a { color: #FFFFFF !important; } a.bookgroup_link { clear: left; float: left; font-size: 95%; padding: 0px 10px; color: #FFFFFF; } a.bookgroup_link:hover { font-weight: bold; color: #FFFFFF; text-decoration: none; background-color: rgba(0,0,0,0.05); background-repeat: repeat; } a.bookgroup_link_selected { font-weight: bold !important; color: #FFFFFF; }
/* Book */ #book_indepth { float: left; width: 45%; padding: 0px 20px 20px 40px; } #book_indepth .title{ font-weight: bold; font-size: 230%; margin: 0px; } #book_indepth .author { font-weight: bold; font-style: italic; font-size: 100%; color: #868685; } #book_indepth .tagline { padding: 10px 0px; font-size: 140%; font-style: italic; font-weight: bold; color: #FFFFFF; } #book_indepth .description { font-style: italic; text-align: justify; } #book_indepth .description2 { font-style: italic; text-align: justify; } #book_indepth .authordescription { font-style: italic; text-align: left; font-size: !important 80%; } #book_indepth .coverimage { float: left; padding: 0px 10px 5px 0px; } .bookrightpanel { float: right; width: 46%; } #bookreview, #otherbooksmenu { margin: 20px 0px; } #bookreview .quote { font-weight: bold; font-size: 95%; } #bookreview .source { font-style: italic; padding: 0px 0px 5px 10px; color: #818181; font-size: 90%; } .techdetails { height: 100%; padding-left: 10px; float: right; background-color: rgba(0,0,0,0.2); } #book_technical { width: 200px; box-sizing: border-box; padding: 1em; height: 100%; float: right; background-color: rgba(0,0,0,0.2); } .labelvaluemodule { margin-bottom: 10px; } #book_technical .soldout { font-style: italic; padding: 10px; line-height: 0.95em; color: #b0afaf; } #book_technical .label { color: #fff; font-size: 90%; font-weight: bold; padding-bottom: 3px; background-image: url(../../../images/sysclient/bookdetails_underline40p.png); background-repeat: repeat-x; background-position: left bottom; } #book_technical .value { color: #ffffff; font-size: 80%; font-style: italic; padding: 5px 0px 0px 0px; } /* ... other books */ #otherbooksmenu { background-color: rgba(255,255,255,0.1); padding: 7px; border: 1px solid #666666; border-right: none; } #otherbooksmenu .title { font-style: italic; padding: 0px 0px 5px 10px; color: #818181; font-size: 90%; } #otherbooksmenu a { font-weight: bold; } /* Basket */ /* ... add to basket */ a.addtobasket { display: block; background-image:url(../../../images/sysclient/ecommerce/AddToBasket.png); background-position: bottom left; background-repeat: no-repeat; width: 150px; height: 75px; } a.addtobasket:hover { background-position: top left; } /* ... basket info */ .basketInfo { width: 100%; height: 43px; background-image: url(../../../images/sysclient/ecommerce/basketTopRowBg-3L.png); background-position: top left; background-repeat: repeat; display: table; } .basketInfo-l2 { #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; } .basketInfo-l3 { #position: relative; #top: -50%; } .basketInfo:hover { background-position: top left; } .basketInfo .infoTxt { font-style: italic; text-align: center; } .basketInfo .infoTxt .highlight{ font-size: 110%; } .basketInfo a.goToCheckout { display: block; float: right; width: 150px; height: 37px; margin-right: 10px; background-image: url(../../../images/sysclient/ecommerce/gotToCheckout_fi.png); background-repeat: no-repeat; background-position: bottom left; } .basketInfo a.goToCheckout:hover { background-position: top left; } .basketInfo a.showBasket { display: block; float: left; width: 130px; height: 43px; margin-left: 10px; background-image: url(../../../images/sysclient/ecommerce/showBasket_fi.png); background-repeat: no-repeat; background-position: bottom left; } .basketInfo a.showBasket:hover { background-position: top left; } /* ORDER FORM */ table.orderform { margin: 20px; color: #FFFFFF; } table.orderform .header { font-size: 100%; font-weight: bold; border-bottom: 2px solid #585757; vertical-align: middle;	margin-bottom: 5px; } table.orderform td { border-bottom: 1px dotted #585757; vertical-align: middle; } table.orderform .tablelabel { font-size: 100%; font-style: italic; padding-right: 10px; } table.orderform .tablelabel2 { vertical-align: top; font-weight: bold; font-style: normal; padding-right: 10px; } table.orderform .tablevalue { font-weight: normal; } table.orderform .count { text-align: center; } table.orderform .price { font-size: 100%; vertical-align: middle; } table.orderform input.price { font-size: 100%; border: none; vertical-align: middle; } table.orderform .total { font-size: 130%; font-weight: bold; border: none; vertical-align: middle; } table.orderform td.total { border-bottom: 3px solid #666666; } table.orderform .nb { font-size: 100%; font-weight: bold; border: none; vertical-align: middle; } table.orderform input, table.orderform textarea { padding: 0px 5px; } table.orderform input.price, table.orderform input[name=TOTAL_AMOUNT_PAYABLE], table.orderform input[name=TOTAL_AMOUNT_TAX] { border: none; background-color: #000000; color: #FFFFFF; } table.orderform .tax_label, table.orderform .tax_value, table.orderform .checkboxL2 { font-size: 100%; font-weight: normal; font-style: italic; border: none; vertical-align: middle; color: #CCCCCC; } table.orderform .infotext { font-weight: normal; padding: 5px; color:#CCCCCC; } table.orderform input.count { width: 30px; } table.orderform input[name=update_prices] { margin: 0px 10px; } table.orderform input.remove_item_from_basket { border: none; color: #8a0303; font-weight: bold; background-color: #000000; } table.orderform input.remove_item_from_basket:hover { color: #FF0000; cursor: pointer; } table.orderform input[name=SUBMIT_BUTTON] { margin: 0px 10px; font-weight: bold; } table.orderform input[readonly=true] { background-color: black; border: none; color: #FFFFFF; } table.orderform_check td { padding: 0px 10px; } table.orderform_check td.pricetotal { border-bottom: 2px solid #666666; font-weight: bold; font-size: 130%; } table.orderform_check td.taxtotal { color: #CCCCCC; font-style: italic; } table.orderform_check tr.odd { background-color: rgba(255,255,255,0.07); } table.orderform_check tr.even { background-color: rgba(255,255,255,0.03); } h3.orderform_check { text-align: left; margin-left: 60px; } .payment_details { margin: 10px 30px; padding: 10px 10px; background-color: rgba(255,255,255,0.1); border: 1px solid #5c5b5b; } .payment_details .label { font-style: normal; padding-right: 10px; } .payment_details .value { font-weight: bold; } #books .primarycontent { background-image: url(../../../images/sysclient/hevi-watermark35-400.jpg); background-repeat: no-repeat; background-position: right bottom; }
/* ARTICLE */ .article h1, .article h2, .article h3, .article h4, .article h5, .article h6, .article h7, .article .paragraph { padding: 0 1em 1em 1em; } a .article { color: #FFFFFF; } .readmore_prompt { color: #999999; margin: 5px 15px 0px 15px; font-style: italic; font-weight: bold; font-size: 90%; }a .article:hover .readmore_prompt { color: #CCCCCC; }
/* tietosuojalauseke */
/*#udpview_tietosuojalauseke.body-l2 [data-custom-class="body_text"],
#udpview_tietosuojalauseke.body-l2 .title,
#udpview_tietosuojalauseke.body-l2 .heading_1 
{ display: block !important; margin-left: 1em !important; margin-right: 1em !important; } */
#udpview_tietosuojalauseke.body-l2 [data-custom-class="body_text"] { box-sizing: border-box !important; width: 100% !important; }
#udpview_tietosuojalauseke.body-l2 div[data-custom-class="body"] > div { display: block !important; box-sizing: border-box !important; width: 90% !important; }