/* ***************************************** ***********General styles 20102014***** ***************************************** */ *{ margin: 0px; padding: 0px; border: 0px; font-size: 14px; font-family: verdana; } body{ background: url(/C125725700772ECC/Setup/Global.Resource.Img/$file/pagebgr.jpg) repeat-x ; background-color:#eef1ee; color:rgb(114,125,109); text-align:center; /* center text alignment */ } p{ margin-top: 15px; margin-bottom: 10px; } /****************** form elements ******************/ label { width: 300px; display:block; font-weight:bold; } input, textarea { width: 300px; border: solid 1px #7f9db9; margin-bottom:10px; color: #666666; border-radius:4px; padding:4px; } select, .select { border: solid 1px #7f9db9; color: #666666; border-radius:4px; padding:4px; } .buttons { background-color: #ff6c03; color: white; font-weight: bold; width: 120px; } .checkboxes { width:20px; border: 0px; margin-bottom:0px; } /****************** form elements ******************/ ul, ol{ margin:0px; padding:0px; margin-left: 20px; } ul.firstlevel{ padding:0px; margin-left: 20px; color: rgb(236,112,051); } ul.secondlevel{ margin-top: 5px; padding:0px; margin-left: 20px; color: rgb(236,112,051); } font.firstlevel{ font-weight: bold; color:rgb(114,125,109); } font.secondlevel{ font-weight: normal; color:rgb(114,125,109); } li{ list-style-type: disc; margin: 0px; padding 0px; //margin-bottom: 10px; } table.pricetable{ width:460px; border:0; background-color:#eef1ee; } h1{ color: rgb(236,112,051); font-size: 16px; } h1.products { margin-left: -6px; } h1.extensions { margin-left: -6px; } h2{ margin-top:10px; color: rgb(236,112,051); font-size: 14px; } h3{ margin:0px; color: rgb(236,112,051); font-size: 14px; } h4{ margin-top:10px; margin-bottom:5px; color: rgb(108,121,104); font-size: 12px; } a{border-bottom:none; text-decoration:none; color:rgb(236,112,051);} a:hover{text-decoration:underline;} /* ***************************************** **************Id styles****************** ***************************************** */ #maincontainer{ width: 955px; /*Width of main container*/ margin: 10px auto; /*Center container on page*/ background-color:white; text-align:left; /* reset text alignment */ } /* Forside start*/ #flash{ position: absolute; height: 174px; width: 691px; } #bar{ position: absolute; width: 691px; top:282px; } #frontspots{ position: relative; top: 185px; } #frontspot1, #frontspot2{ float: left; position: relative; width: 220px; height: 320px; } #frontspot3{ float: left; margin-right: 10px; margin-left: 10px; position: relative; width: 231px; height: 320px; } #frontspot1 p, #frontspot2 p, #frontspot3 p { margin-top: 4px; margin-bottom: 8px; } #frontspot1box{ padding-top: 7px; height: 189px; background: url(/C125725700772ECC/Setup/Global.Resource.Img/$file/qpproducts.gif) no-repeat ; } #frontspot2box{ padding-top: 7px; height: 189px; background: url(/C125725700772ECC/Setup/Global.Resource.Img/$file/qpextensions.gif) no-repeat ; } #frontspot1box h3, #frontspot2box h3{ margin:0px; color: rgb(108,121,104); font-size: 1.2em; } #frontspot3box{ padding-top: 7px; padding-left: 10px; height:159; background: url(/C125725700772ECC/Setup/Global.Resource.Img/$file/worldmap.jpg) top left no-repeat ; } #frontright{ background: url(/C125725700772ECC/Setup/Global.Resource.Img/$file/frontrightbgr.gif) no-repeat; margin-top: 0; padding-top: 0px; padding-left: 20px; height:475px; float: left; position: relative; } /* Hides from IE-mac \*/ * html #frontright{width:264px;} #frontright{width:244px;} /* End hide from IE-mac */ /* Hides from IE-mac \*/ * html #contact {height:185px;} #contact {height:170px;} /* End hide from IE-mac */ /* Hides from IE-mac \*/ * html #announcements {height:230px;} #announcements {height:215px;} /* End hide from IE-mac */ #announcements p { margin-top: 4px; margin-bottom: 0px; } #announcementlogos img{ margin-top: 5; margin-left: 10; margin-right: 2; } /*Forside slut*/ #topmenu{ position:relative; height:77px; background: url(/C125725700772ECC/Setup/Global.Resource.Img/$file/topfullbgr.gif) no-repeat ; } #topmenucontrols{ position: relative; top: 45px; left: 179px; margin: 0; width: 776px; background: url(/C125725700772ECC/Setup/Global.Resource.Img/$file/menubgr.gif) repeat ; } #logo{ position: absolute; top: 0px; left: 10px; } #searchfield{ width:100px; position: relative; top: 16px; left: 788px; } #searchfield input{ width: 100px; padding:0px; } #topmenutext { position: relative; display:float; width: 120px; top: -25px; left: 820px; color: rgb(210,215,208); } #topmenutext a{ color: rgb(210,215,208);; } #pagehead img{ vertical-align:top; } #cookietrail { background: url(/C125725700772ECC/Setup/Global.Resource.Img/$file/pageheadbar.gif) repeat; position: absolute; font-size: 0.9em; height:30px; width:691px; top: 207px; left: 0px; } #cookietrail p{ margin-left:18px; margin-top:10px; } #cookietrail a{color: rgb(114,125,109);} #contentwrapper{ float: left; width: 100%; } #pagebodycontent{ margin: 0 265px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/ } /*********** Faneblad start ************/ #contentsubmenu{ margin: 0px; padding: 0 0 4px 0; border:solid white 1px; border-bottom-color: silver; } #contentsubmenu h2{ margin:0 5px 0 0px; padding: 4px 9px 4px 9px; font-size: 1em; color: rgb(236,112,051); display:inline; font-weight:500; border:solid 1px silver; -moz-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; background-color:#f4f6f2; } #contentsubmenu .contentsubmenu_selected{ border-bottom-color:white; color: rgb(114,125,109); background-color:white; } #contentsubmenu a { border-bottom:none; text-decoration:none; } #subcontent2, #subcontent3, #subcontent4, #subcontent5, #subcontent6 { display: none; } /*********** Faneblad slut ************/ /************************** Pagebodyright start**********************/ #pagebodyleft{ float: left; width: 179px; /*Width of left column in pixel*/ margin-left: -955px; /*Set margin to that of -(MainContainerWidth)*/ } #pagebodyright{ float: left; width: 265px; /*Width of right column*/ margin-left: -265px; /*Set left margin to -(RightColumnWidth)*/ } #nextstep{ background: #ef6600; margin: 10px 14px 0 0; } #related-documents, #related-links{ background: #EAEDE6; margin: 10px 14px 0 0; } #nextstep h3{ color:white; } #rightspot1,#rightspot2{ background: #dce5d6; margin: 10px 14px 0 0; } /**************************** Pagebodyright end **************************/ #pagefooter{ clear: left; width: 100%; background: white; font-size:0.8em; color: grey; text-align: center; padding: 4px 0; } #pagefooter a{ color: #FFFF80; } /* ***************************************** ************Class styles***************** ***************************************** */ .hidefromscreen { display:none; } /*********** Venstre menu start ************/ .submenu { margin: 0px 0px 4px 4px; background: #EAEDE6; } .submenu a{ padding-left: 10px;margin: 4px; color: rgb(236,109,0); font-size: 11px; text-decoration:none;} .submenu_selected { margin: 0px 0px 4px 4px; background: rgb(236,109,0); } .submenu_selected a{ padding-left: 10px; color: white;margin: 4px;text-decoration:none;} .submenu_level2 { margin: 0px 0px 14px 14px; background: #EAEDE6; } .submenu_level2 a{ padding-left: 10px;margin: 4px; color: rgb(236,109,0); font-size: 11px; text-decoration:none;} .submenu_level2_selected { margin: 0px 0px 14px 14px; background: rgb(236,109,0); } .submenu_level2_selected a{ padding-left: 10px; margin: 4px; color: white;margin: 4px;text-decoration:none;} /*********** Venstre menu end *************/ .white_arrow_link a{ color:white; padding-left:16px; background: url(/C125725700772ECC/Setup/Global.Resource.Img/$file/nextsteplistitem.gif) no-repeat center left; } .orange_arrow_link a{ padding-left:16px; background: url(/C125725700772ECC/Setup/Global.Resource.Img/$file/readmore.gif) no-repeat center left; } .totop_link { padding-right:16px; //margin-top:16px; background: url(/C125725700772ECC/Setup/Global.Resource.Img/$file/totop.gif) no-repeat center right; float:right; } .IM_link { color:white; padding-left:16px; background: url(/C125725700772ECC/Setup/Global.Resource.Img/$file/nextstepIM.gif) no-repeat center left; } .print_link { color:white; padding-left:16px; background: url(/C125725700772ECC/Setup/Global.Resource.Img/$file/nextstepprint.gif) no-repeat center left; } .download_link{ color:white; padding-left:16px; background: url(/C125725700772ECC/Setup/Global.Resource.Img/$file/nextstepdownload.gif) no-repeat center left; } ul.round_bullet { list-style-position: outside; margin-top: 20px; margin-left: 0px; padding-left: 20px; list-style: disc; vertical-align: middle; } li.round_bullet { margin: 0px; padding: 0px; } .downloadattlist{ list-style: disc; padding: 0px; margin: 16px; font-weight: bold; } .innertube { margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/ margin-top: 0; background-color: #e7e7e7; padding: 10px; width: 490px; } .thinborderfloat { border:solid 1px silver; padding:6px; margin-left:0px; margin-top: 4px; -moz-border-radius: 4px; border-radius: 4px; } div.hr { height: 12px; background: #fff url(/C125725700772ECC/Setup/Global.Resource.Img/$file/contenthr.gif) no-repeat scroll center; } div.hr hr { display: none; } .productimage { margin-left: 10px; float: right; } /************************* bottom hr start ****************************/ div.bottomhr { height: 10px; background: #fff url(/C125725700772ECC/Setup/Global.Resource.Img/$file/frontbar.gif) no-repeat scroll center; } div.bottomhr hr { display: none; } /************************** bottom hr end *****************************/ .viewtable { border:0px; cellspacing:0; width:450px; } .sametimediv { background: #EAEDE6; margin: 10px 14px 0 0; } .sametimediv table{ width:400px; } .announcements { border:0px; cellspacing:0; cellpadding:0; width:100%; } .inputfield { border: solid 1px rgb(114,125,109); } /****************************************************************** ******************** round corners start *********************** *******************************************************************/ /************************* left menu start ****************************/ .rbtop_leftmenu div { background: url(/C125725700772ECC/Setup/Global.Resource.Img/$file/tl_lightgrey.png) no-repeat top left; } .rbtop_leftmenu { background: url(/C125725700772ECC/Setup/Global.Resource.Img/$file/tr_lightgrey.png) no-repeat top right; } .rbbot_leftmenu div { background: url(/C125725700772ECC/Setup/Global.Resource.Img/$file/bl_lightgrey.png) no-repeat bottom left; } .rbbot_leftmenu { background: url(/C125725700772ECC/Setup/Global.Resource.Img/$file/br_lightgrey.png) no-repeat bottom right; } .rbtop_leftmenu_selected div { background: url(/C125725700772ECC/Setup/Global.Resource.Img/$file/tl_orange.png) no-repeat top left; } .rbtop_leftmenu_selected { background: url(/C125725700772ECC/Setup/Global.Resource.Img/$file/tr_orange.png) no-repeat top right; } .rbbot_leftmenu_selected div { background: url(/C125725700772ECC/Setup/Global.Resource.Img/$file/bl_orange.png) no-repeat bottom left; } .rbbot_leftmenu_selected { background: url(/C125725700772ECC/Setup/Global.Resource.Img/$file/br_orange.png) no-repeat bottom right; } .rbtop_leftmenu div, .rbtop_leftmenu, .rbbot_leftmenu div, .rbbot_leftmenu, .rbtop_leftmenu_selected div, .rbtop_leftmenu_selected, .rbbot_leftmenu_selected div, .rbbot_leftmenu_selected { width: 100%; height: 7px; font-size: 1px; } /************************** left menu end*****************************/ /**************************** spot start *******************************/ .rbtop_normalspot div { background: url(/C125725700772ECC/Setup/Global.Resource.Img/$file/tl_grey.png) no-repeat top left; } .rbtop_normalspot { background: url(/C125725700772ECC/Setup/Global.Resource.Img/$file/tr_grey.png) no-repeat top right; } .rbbot_normalspot div { background: url(/C125725700772ECC/Setup/Global.Resource.Img/$file/bl_grey.png) no-repeat bottom left; } .rbbot_normalspot { background: url(/C125725700772ECC/Setup/Global.Resource.Img/$file/br_grey.png) no-repeat bottom right; } .rbtop_nextstep div { background: url(/C125725700772ECC/Setup/Global.Resource.Img/$file/tl_orange.png) no-repeat top left; } .rbtop_nextstep { background: url(/C125725700772ECC/Setup/Global.Resource.Img/$file/tr_orange.png) no-repeat top right; } .rbbot_nextstep div { background: url(/C125725700772ECC/Setup/Global.Resource.Img/$file/bl_orange.png) no-repeat bottom left; } .rbbot_nextstep { background: url(/C125725700772ECC/Setup/Global.Resource.Img/$file/br_orange.png) no-repeat bottom right; } /* height and width stuff, width not really nessisary. */ .rbtop_normalspot div, .rbtop_normalspot, .rbbot_normalspot div, .rbbot_normalspot, .rbtop_nextstep div, .rbtop_nextstep, .rbbot_nextstep div, .rbbot_nextstep { width: 100%; height: 7px; font-size: 1px; } /***************************** spot end ********************************/ .rbcontent { margin: 0 7px; } /****************************************************************** ********************* round corners end ************************ *******************************************************************/ .linklayer { background-color:#FFFFFF; cursor: none; padding-top: 10px; padding-bottom: 5px; } .linklayer_hi { background-color:#eaede6; cursor: hand; padding-top: 10px; padding-bottom: 5px; }