* {font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #002c76; } pre {font-family: "Lucida Console","Courier New", Courier, monospace;} h1, h2, h3, li, ul, a, p, div, input, select, form {margin:0; padding:0; font-weight:normal; text-decoration:none;} html, body {margin:0; padding:0; background-color:#fff; position:relative;} #container {width:985px; margin:0 auto; background-color:#fff; } input, select {border:1px solid #7f9db9; color: #002c76; background-color:white; font-size:13px;} input.radio, input.check {border:none; color:inherit; background:transparent; margin:0 4px 0 0 !important;} /*input.button {background-color:#EDC200 !important; border:1px solid #002C76 !important; color:#002C76 !important; font-size:13px; font-weight:bold; text-align:center; cursor:pointer; cursor:hand;}*/ h1 strong.highlight {font-size:inherit; color:inherit} #homePage {width:585px; float:left; color:#002c76;} #rightComponents {float:left; width: 192px; padding:0 0 0 8px; margin:0;} a:hover {color:#edc200;} #contentContainer {float:left; width:585px; overflow:hidden; z-index:1;} /* ingevoerd door Tom Niessink (browser compatibiliteit) */ img {border:0;} #leftComponents {float:left;width:200px;padding:0; margin:0;} #homePage, #rightComponents {display:inline; overflow:hidden;} /* lelijke hack die ervoor zorgt dat floating div's * geen dubbele left en/of right margins krijgen */ input.button, input.button2 {margin:0; padding:0 0 2px 0; width:102px; height:30px; line-height:28px; font-weight:bold; border:0; background:url(../../../images/btn_bg.gif) right top no-repeat; color:#ffffff; cursor:pointer; cursor:hand;} input.button2 {background-image:url(../../../images/btn2_bg.gif);} input.button:hover, input.button_over, input.button2:hover, input.button2_over {background-image:url(../../../images/btn_bg_over.gif);} a.button, a.button2 {width:102px; height:30px; line-height:30px; margin:0; padding:0; font-weight:bold; text-align:center; color:#ffffff; display:block; text-decoration:none; float:right; background:url(../../../images/btn_bg.gif) right top no-repeat;} a.button2 {background-image:url(../../../images/btn2_bg.gif);} a.button2:hover, a.button:hover {background-image:url(../../../images/btn_bg_over.gif);} /* input {vertical-align:middle;} */ /*Tom S: * Autosuggest */ div.suggestions { -moz-box-sizing: border-box !important; box-sizing: border-box !important; border: 1px solid black !important; position: absolute !important; width: 150px; z-index: 999; } div.suggestions div { background-color: #FFFFFF !important; cursor: default !important; padding: 0px 0px !important; } div.suggestions div.current { background-color: #3366cc !important; color: white !important; } /* || || * \/ calendar element gezeik in firefox \/ */ .calendar, .calendar table { border: 1px solid #002c76; font-size: 11px; color: #002c76; cursor: default; background: #f6f4f4; } .calendar table { border:0;} /* Header part -- contains navigation buttons and day names. */ .calendar .button { /* "<<", "<", ">", ">>" buttons have this class */ text-align: center; /* They are the navigation buttons */ padding: 2px; /* Make the buttons seem like they're pressing */ } .calendar .button div { color:#fff; } .calendar .nav { background: #002c76 url(menuarrow.gif) no-repeat 100% 100%; color: #fff; } .calendar thead .title { /* This holds the current "month, year" */ font-weight: bold; /* Pressing it will take you to the current date */ text-align: center; background: #fff; color: #000; padding: 2px; } .calendar thead .headrow { /* Row containing navigation buttons */ background: #002c76; color: #fff; } .calendar thead .daynames { /* Row containing the day names */ background: #edc200; } .calendar thead .name { /* Cells containing the day names */ border-bottom: 1px solid #556; padding: 2px; text-align: center; color: #000; } .calendar thead .weekend { /* How a weekend day name shows in header */ color: #aaa; } .calendar thead .hilite { /* How do the buttons in header appear when hover */ background-color: #002c76; color: #fff; border: 1px solid #002c76; padding: 1px; } .calendar thead .active { /* Active (pressed) buttons in header */ background-color: #77c; padding: 2px 0px 0px 2px; } /* The body part -- contains all the days in month. */ .calendar tbody .day { /* Cells containing month days dates */ width: 2em; color: #456; text-align: right; padding: 2px 4px 2px 2px; } .calendar tbody .day.othermonth { font-size: 80%; color: #bbb; } .calendar tbody .day.othermonth.oweekend { color: #fbb; } .calendar table .wn { padding: 2px 3px 2px 2px; border-right: 1px solid #000; background: #edc200; } .calendar tbody .rowhilite td { background: #def; } .calendar tbody .rowhilite td.wn { background: #eef; } .calendar tbody td.hilite { /* Hovered cells */ background: #def; padding: 1px 3px 1px 1px; border: 1px solid #bbb; } .calendar tbody td.active { /* Active (pressed) cells */ background: #cde; padding: 2px 2px 0px 2px; } .calendar tbody td.selected { /* Cell showing today date */ font-weight: bold; border: 1px solid #000; padding: 1px 3px 1px 1px; background: #fff; color: #000; } .calendar tbody td.weekend { /* Cells showing weekend days */ color: #a66; } .calendar tbody td.today { /* Cell showing selected date */ font-weight: bold; color: #000; } .calendar tbody .disabled { color: #999; } .calendar tbody .emptycell { /* Empty cells (the best is to hide them) */ visibility: hidden; } .calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */ display: none; } /* The footer part -- status bar and "Close" button */ .calendar tfoot .footrow { /* The in footer (only one right now) */ text-align: center; background: #556; color: #fff; } .calendar tfoot .ttip { /* Tooltip (status bar) cell */ background: #fff; color: #445; border-top: 1px solid #556; padding: 1px; } .calendar tfoot .hilite { /* Hover style for buttons in footer */ background: #aaf; border: 1px solid #04f; color: #000; padding: 1px; } .calendar tfoot .active { /* Active (pressed) style for buttons in footer */ background: #77c; padding: 2px 0px 0px 2px; } /* Combo boxes (menus that display months/years for direct selection) */ .calendar .combo { position: absolute; display: none; top: 0px; left: 0px; width: 4em; cursor: default; border: 1px solid #655; background: #def; color: #000; font-size: 90%; z-index: 100; } .calendar .combo .label, .calendar .combo .label-IEfix { text-align: center; padding: 1px; } .calendar .combo .label-IEfix { width: 4em; } .calendar .combo .hilite { background: #acf; } .calendar .combo .active { border-top: 1px solid #46a; border-bottom: 1px solid #46a; background: #eef; font-weight: bold; } .calendar td.time { border-top: 1px solid #000; padding: 1px 0px; text-align: center; background-color: #f4f0e8; } .calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm { padding: 0px 3px 0px 4px; border: 1px solid #889; font-weight: bold; background-color: #fff; } .calendar td.time .ampm { text-align: center; } .calendar td.time .colon { padding: 0px 2px 0px 3px; font-weight: bold; } .calendar td.time span.hilite { border-color: #000; background-color: #667; color: #fff; } .calendar td.time span.active { border-color: #f00; background-color: #000; color: #0f0; } option.default {color:#a0b5c9;} .zoekPaneel h1, #page_header h1, h1 a {color:#7f4500; font-style:normal;} .zoekPaneel h2, #page_header h2, h2 a {color:#243571; font-size:12px; margin-top:10px;} .zoekPaneel h3, .zoekPaneel h3, h3 a {font-size:11px; margin-bottom:15px; color:#243571; font-style:normal;} .zoekPaneel h4, #page_header h4, h4 a {} .zoekPaneel p, #page_header p {margin-bottom:15px;} .zoekPaneel a, #page_header a {text-decoration:underline; color:#243571;} .zoekPaneel a:hover, #page_header a:hover {text-decoration:none;} .zoekPaneel a span, #page_header a span {display:none;} .zoekPaneel .left, #page_header .left {float:left;} .zoekPaneel .right, #page_header .right {float:right;} .zoekPaneel div.open_up, #page_header div.open_up {clear:both; height:0px; overflow:hidden; margin:0; padding:0; line-height:0; font-size:0px;} /*.inact {opacity:0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);}*/ .zoekPaneel select, #page_header select {border:1px solid #7f9db9; height:22px; width:150px;} .zoekPaneel input, #page_header input {font-family:Arial, Helvetica, sans-serif; font-size:13px;} .zoekPaneel input.text, #page_header input.text {background:white; border:1px solid #7f9db9; line-height:20px; padding:0 0 0 4px; height:20px;} .zoekPaneel input.transparant, #page_header input.transparant {background:transparent; border:0;} .zoekPaneel input.submit, #page_header input.submit {} .zoekPaneel input.button, #page_header input.button {margin:0; padding:0 0 2px 0; width:102px; height:30px; line-height:28px; font-weight:bold; color:#ffffff; cursor:pointer; cursor:hand; border:0;} #page_header input.button:hover, #page_header input.button_over {background-image:url(../../../images/btn_bg_over.gif);} #page_header textarea {} #page_header a.button {width:102px; height:30px; line-height:30px; background:url(../../../images/btn_bg.gif) right top no-repeat; margin:0; padding:0; font-weight:bold; text-align:center; color:#ffffff; display:block; text-decoration:none; float:right;} #page_header a.button:hover {background-image:url(../../../images/btn_bg_over.gif);} #page_header { height:176px; position:relative; width:985px; padding-bottom:10px; z-index:100;} #page_header .logo a, #page_header .logo { background:url(../../../images/relatiegeschenken.png) left top no-repeat; width:153px; float:left; height:130px; display:inline; margin:12px 0px -6px 19px;} #page_header .logo h3 { margin:0 !important; padding:0;} #page_header .logo a { margin:0; background:none; text-decoration:none;} #page_header .logo a span { display:none;} #page_header .slagzin { float:left; padding:46px 0 0 131px; text-align:center;} #page_header .slagzin h2 {/*background:url(images/backgrounds/allgifts/alle_relatiegeschenken_razendsnel.png*/ /* nog zonder typeface javascript */ width:377px; height:28px; margin:0; font-size:22px; color:#edc200; line-height:28px; margin-bottom:-5px;} /*#page_header .slagzin h2 strong {display:none;}*/ /* nog zonder typeface javascript */ #page_header .slagzin h2 strong {font-weight:normal; letter-spacing:0.75px; /*font-family: 'Bauhaus 93';*/ white-space:nowrap; font-size:22px; color:#edc200; line-height:28px;} .bauhaus {font-family:'Bauhaus 93';} #page_header .snel_zoeken {float:right; padding-top:46px; width:261px;} #page_header .snel_zoeken input.button {width:99px; vertical-align:middle; float:right;} #page_header .snel_zoeken input.text {height:28px; line-height:28px !important; vertical-align:middle; padding-left:9px; float:right;} #page_header .contact_header {position:absolute; right:0; top:95px; width:140px; height:72px; /*background:white; */ line-height:16px; font-size:11px; padding-right:1px; z-index:999} #page_header a { font-size:11px; font-weight:bold; text-decoration:none;} #page_header .contact_header img { vertical-align:middle; } #page_header .iconsLeft { width:25px; float:left; height:24px; } #page_header .iconsRight { width:115px; float:right; height:24px; } #page_header .iconsRight p { font-size:11px; font-weight:bold; text-align:right; padding-top:3px; margin:0; } #page_header A:visited { text-decoration: none; } #page_header A:link { text-decoration: none; } #page_header A:hover { color: #edc200; text-decoration:underline; } #menu_container {height:39px; float:left; position:relative; padding:0 192px; border-bottom:1px solid #edc200; z-index:200 } #top_menu {width:601px; height:40px; list-style-type:none; padding:0; margin:0; position:relative; margin-bottom:-1px;} #top_menu ul {list-style-type:none;} #top_menu li {width:121px; height:39px; margin-right:-1px; background:url(../../../images/menu_sep_right.gif) 6px 7px no-repeat; float:left; border-bottom:1px solid #edc200;} #top_menu li a {display:block; width:121px; height:30px; padding-top:9px; line-height:30px; font-weight:bold; background:url(../../../images/menu_sep_left.gif) 0 7px no-repeat; text-align:center; font-size:13px; text-decoration:none;} #top_menu li ul {padding:0; margin:0; display:none; position:relative; z-index:999;} #top_menu li ul li.transparent {background:url(../../../images/menu_trans.png) left top no-repeat; height:6px;} #top_menu li ul li {border-bottom:0; height:29px; background:url(../../../images/submenu_bg_repeat.gif) left top repeat;} #top_menu li ul.submenu li a {padding:0; height:29px; font-size:13px; font-weight:normal; background:none; color:#243571;} #top_menu li.act, #top_menu li.over, /*ie6*/ #top_menu li:hover {background-position:6px 0; position:relative; border-bottom:0; height:40px;} #top_menu li.over ul, /*ie6*/ #top_menu li:hover ul {display:block; margin-top:-1px; position:absolute;} #top_menu li.act a, #top_menu li.over a, /*ie6*/ #top_menu li:hover a {font-size:15px; text-decoration:none; color:#edc200; background-position:left top; height:34px; padding-top:5px;} #top_menu li.act a, #top_menu li.nosub a:hover, /*ie6*/ #top_menu li.nosub:hover a {border-bottom:1px solid #edc200; margin-bottom:-1px;} #top_menu li.act ul li a, #top_menu li ul li.over, /*ie6*/ #top_menu li ul li:hover { border-bottom:0; height:29px; background-position:left top;} #top_menu li ul li a:hover, /*ie6*/ #top_menu li ul li:hover a { padding:0; height:29px; font-size:13px; font-weight:normal; background:none; text-decoration:underline;} .addthis_toolbox { float:right; padding-top:10px; height:16px; width:141px;} .addthis_toolbox a span { display:inline !important; } .addthis_toolbox a:link { font-size:11px !important; text-decoration:none !important; font-weight:bold; } .addthis_toolbox a:visited { font-size:11px !important; text-decoration:none !important; font-weight:bold; } .addthis_toolbox a:active { font-size:11px !important; text-decoration:none !important; font-weight:bold; } .addthis_toolbox a:hover { font-size:11px !important; text-decoration:none !important; font-weight:bold; } /* HACKS BELOW */ /* IE 6 and below */ * html #page_header .logo {background-image:url(../../../images/relatiegeschenken2.gif);} * html #top_menu li ul li {width:122px;} * html #top_menu li ul li.transparent {background-image:url(../../../images/menu_trans.gif);} /* IE 7 and below */ *:first-child+html #teaser h1 {margin-left:0;} * html #teaser h1 {margin-left:0;} /* IE 7 only */ *:first-child+html {} /* IE 7 and modern browsers only */ html>body {} /* Modern browsers only (not IE 7) */ html>/**/body {} /* Recent Opera versions 9 and below */ html:first-child {} /* Firefox 1.5 and 2.0 only (may or may not work in future versions) */ body:empty {} /* Firefox 3.0 */ html>/**/body #page_header .snel_zoeken input.text, x:-moz-any-link, x:default {padding-top:6px; height:22px;} html>/**/body .zoekPaneel .main input.text, x:-moz-any-link, x:default {padding-top:6px !important; height:22px !important;}#quickSearchPanel {width: 272px; float:left; padding-top:23px; height:auto; z-index:100;} #quickSearchPanel h1 {display:none;} #quickSearchPanel form {width: 272px; padding:0; margin:0;} #quickSearchPanel label {float:left; display:block; padding-right:6px;} #quickSearchPanel label span {display:none; float:left;} #quickSearchPanel label #quickSearchText {border:1px solid #7f9db9; width:150px; height:22px; padding:0; float:left; position:relative; z-index:200;} #quickSearchPanel label #quickSearchSubmit {border:1px solid #7f9db9; width:95px; height:24px; float:left; padding:0; color:#7f9db9; background-color:#fff; font-weight:bold;} #mainmenu {float:left; border:1px solid #e3e3e3; margin-left:0px; margin-top:0px; padding-left:4px; padding-right:8px; padding-top:0px; padding-bottom:4px; width:178px; overflow:hidden; display:inline; background:url(../../../images/bg_rad_lr_top.gif) top left repeat-x;} #mainmenu h1 {color:#edc200; font-size:13px; font-weight:bold; padding-top:10px;} #mainmenu ul span.bull {display:block; float:left; width:10px;} #mainmenu ul {list-style:none; margin:0; padding:0 0 0 6px; float:left;} #mainmenu ul li {padding:0; } /*#mainmenu ul ul li {padding-left:8px;}*/ #mainmenu ul ul ul li {padding-left:16px;} #mainmenu h1#rel_geschenken {float:left; width:100%;} #mainmenu ul#cats_tree {width:178px; overflow:hidden;} #mainmenu ul#cats_tree li {white-space:nowrap; float:left; clear:left; width:100%;} #mainmenu ul#cats_tree ul ul li {} #mainmenu ul.tabs {width:190px; margin:0 -8px 0 -4px; height:29px;} #mainmenu ul.tabs li {height:17px; line-height:17px; float:left; width:100px; padding:12px 0 0 0; text-align:center; font-weight:bold !important;} #mainmenu ul.tabs li.sep {width:90px; background:url(../../../images/tab_sep.gif) 100% 3px no-repeat;} #mainmenu ul.tabs li a {font-weight:bold !important; color:#909090 !important;} #mainmenu ul.tabs li a:hover {text-decoration:underline; color:inherit;} #mainmenu ul.chars {width:135px; margin:0 -8px 0 -4px; height:45px; line-height:15px; padding:15px 27px 10px 28px; float:left;} #mainmenu ul.chars li {width:15px; height:15px; float:left; text-align:center;} #mainmenu ul.chars li a {font-weight:bold !important; font-size:11px !important; color:#909090 !important; display:block;} #mainmenu ul.chars li a:hover {color:#edc200 !important;} #mainmenu_chars {overflow:auto; overflow-x:none; float:left; width:190px; height:350px; margin:0 -8px 0 -4px; position:relative; display:inline;} /*#mainmenu_chars ul {padding-left:10px;}*/ /* ingevoerd door Tom Niessink (browser compatibiliteit) */ #mainmenu {display:inline;} /* lelijke hack die ervoor zorgt dat floating div's geen dubbele left * en/of right margins krijgen */ #login {border:1px solid #e3e3e3; float:right; margin-right:8px; margin-top:0px; padding-left:4px; padding-right:8px; padding-top:10px; padding-bottom:4px; width:178px; display:inline; background:url(../../../images/bg_rad_lr_top.gif) top left repeat-x;} #login h1 {color:#edc200; font-size:16px; font-weight:bold;} #login label {float:left; width:178px; margin:2px 0;} #login label span {float:left; width:74px; line-height:22px;} #login label input {float:left; width:100px;} #login label .btnSubmitLogin {width:74px; font-weight:bold;} #login label input.chRememberMe {width:14px; margin-left:60px;} #login .badCredentials {width:178px; color:#f00; font-weight:bold;} #login .PassOptions {clear:both; padding-top:10px; padding-bottom:4px;} #login label .rememberMe {width:75px;} #login label .notWW {width:178px;} #login p {text-align:left; font-size:10px;} .loginPage {border:1px solid #e3e3e3; margin-right:8px; margin-top:0px; padding-left:4px; padding-right:8px; padding-top:10px; padding-bottom:4px; margin-left:8px; float:left; width:554px; display:inline;} .loginPage h1 {color:#edc200; font-size:16px; font-weight:bold; margin-bottom:5px;} .loginPage label {float:left; width:554px; margin:2px 0;} .loginPage label span {float:left; width:74px; line-height:22px;} .loginPage label input {float:left; width:100px;} .loginPage label input.lgnText {width:230px;} .loginPage label .btnSubmitLogin {width:74px; font-weight:bold;} .loginPage label input.chRememberMe {width:14px; margin-left:60px;} .loginPage .badCredentials {width:178px; color:#f00; font-weight:bold;} .loginPage .PassOptions {clear:both; padding-top:10px; padding-bottom:4px;} .loginPage .PassOptions h2 {font-weight:bold; font-size:15px; margin-top:15px; margin-bottom:5px;} .loginPage .PassOptions a {text-decoration:underline;} .loginPage .PassOptions a:hover {text-decoration:none; color:inherit;} .loginPage label .rememberMe {width:75px;} .loginPage label .notWW {width:178px;} .loginPage p {text-align:left; margin-bottom:4px;} .loginPage .button {margin-left:74px;}#customerDetails {border:1px solid #e3e3e3; float:right; margin-right:0px; margin-top:0px; padding-left:3px; padding-right:8px; padding-top:5px; padding-bottom:4px; width:179px; display:inline; margin-top:8px;} #customerDetails h1 {color:#edc200; font-size:13px; font-weight:bold;} #customerDetails ul {padding:2px 0 2px 0; margin:0;} #customerDetails ul li {padding:0; margin:0; list-style:square; margin-left:16px;} .customerDetails {border:1px solid #e3e3e3; margin-right:8px; margin-top:0px; padding-left:4px; padding-right:8px; padding-top:10px; padding-bottom:4px; float:left; display:inline; margin-left:8px; width:554px;} .customerDetails h1 {color:#edc200; font-size:16px; font-weight:bold;} .customerDetails ul {padding:2px 0 2px 0; margin:0;} .customerDetails ul li {padding:0; margin:0; list-style:square; margin-left:16px;}#favAjaxCont {width:200px; font-size:1px;} #favorites {border:1px solid #e3e3e3; float:right; margin-right:8px; margin-top:8px; padding-left:3px; padding-right:8px; padding-top:5px; padding-bottom:4px; width:179px; font-size:12px !important; overflow:hidden;} #favorites h1 {color:#edc200; font-size:13px; font-weight:bold;} #favorites ul {padding:2px 0 2px 16px; margin:0; float:left; list-style-type:square; display:block;} #favorites ul li {padding:0; margin:0; list-style-type:square; list-style-position:outside; width:170px; margin-bottom:2px;} #favorites ul li a {width:150px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} #favorites ul li span {cursor:pointer; cursor:hand; width:15px; height:14px; float:right; display:block;} .breadCrumbs {float:left; width:569px; margin:0px 8px 6px 8px; display:inline;} .breadCrumbs ul {margin:0; padding:0; float:left; margin-top:2px;} .breadCrumbs ul li {margin:0; padding:0 2px; float:left; list-style:none; } .breadCrumbs ul li a {color: #edc200; font-weight:bold;} .content_container { padding:2px; border:1px solid #e3e3e3; float:left; width:562px; margin-left:8px; display:inline; margin-bottom:8px;} .searchTop { width:548px; height:35px; background-image:url(../../../images/searchTop.gif); } .searchMiddle { width:498px; height:217px; background-image:url(../../../images/searchBackground2.gif); padding:0 0 0 50px; } .zoekPaneel { padding:7px;} .zoekPaneel .margin { margin-top:-50px !important; float:left; width:496px; padding: 0 0 0 50px;} .zoekPaneel .zoeken_geavanceerd { margin:0; position:relative; float:left; width:498px; background-image:url(../../../images/searchBottomLarge.gif); height:162px; padding: 0 0 0 50px;} .ZoekProduct { height:20px; width:339px; float:left; padding:4px; } .inputSmall { height:16px; width:44px; border:1px solid #7681a6; padding:4px; } .inputLarge { height:16px; width:140px; border:1px solid #7681a6; padding:4px; } .label { float: left; width: 65px; font-weight: bold; color:#7681a6; padding-top:6px; } .label2 { float: left; width: 40px; font-weight: bold; color:#7681a6; } .label3 { font-weight: bold; color:#7681a6; padding:0 9px 0 9px; } .BoxNormal { width:255px; margin-top:15px; } .BoxSmall { width:240px; margin-bottom:15px; float:left; } .BoxLarge { margin-top:13px;} #Searchfield { width:495px; height:60px; padding-top:0; } #Searchfield h1 { color:#243571; font-style:italic; font-weight:bold; font-size:2em; margin-bottom:3px; } #Searchfield h1 span { color:#243571; font-size:14px;} #Searchfield .button { width:99px; height:30px; background:url(../../../images/btn_bg.gif) right top no-repeat; border:0; color:#ffffff; font-weight:bold; padding:0; margin:0; } #Searchfield input.button:hover, #Searchfield input.button_over { background-image:url(../../../images/btn_bg_over.gif);} #Searchfield a.button { width:102px; height:30px; line-height:30px; background:url(../../../images/btn_bg.gif) right top no-repeat; margin:0; padding:0; font-weight:bold; text-align:center; color:#ffffff; display:block; text-decoration:none; float:right;} .margin img { margin-left:5px;} .margin a:visited { text-decoration:none;} .margin a:hover { text-decoration:underline; color:#ebc11c;} .margin a:link { text-decoration:none;} .checkbox { margin-right:10px; } /* .zoekPaneel h3 { font-size:18px; font-weight:normal; margin:0; padding:0 0 6px 3px;} .zoekPaneel input.text { border-color:#d5d5db; height:30px; line-height:15px; padding-top:3px; padding-left:4px; padding-right:4px; width:140px;} .zoekPaneel .zoeken_normaal { width:516px; height:152px; no-repeat left top; margin-bottom:50px; float:left;} .zoekPaneel .main { padding:30px; height:30px;} .zoekPaneel .normal { float:left; width:150px; padding:0 11px;} .zoekPaneel .normal h4 { font-weight:normal; border-bottom:1px solid #d5d5db; margin-top:-4px; padding-bottom:3px; padding-left:1px; margin-bottom:8px; font-size:12px;} .zoekPaneel .normal input.text {text-align:right;} .zoekPaneel .normal input.text:focus, .zoekPaneel .normal input.text:hover { border:1px solid #7F9DB9; } .zoekPaneel .main input.text { background:transparent; height:30px; line-height:30px !important; padding:0 0 0 9px; width:400px; border:0;} .zoekPaneel .normal select { border-color:#d5d5db !important;} .zoekPaneel .price { margin:0 !important;} .zoekPaneel .price p { text-align:center; line-height:22px;} .zoekPaneel .price h4 { text-align:left;} .zoekPaneel .price input.text { width:41px;} .zoekPaneel .submit { float:right; position:relative; padding:-30px; width:90px; border:1px solid #ff0000;} */ /* .zoekPaneel p { margin:0; } .zoekPaneel .geavanceerd_link { line-height:30px; } /* .type-select label { float:left; width:30%; line-height:22px;} */ /* .type-select select { width:66%;} .type-check input { margin-right:6px;} .zoekPaneel .zoeken_geavanceerd .type-select {padding:3px 0 0 0; width:250px;} .zoekPaneel .zoeken_geavanceerd .type-select label {} .zoekPaneel .zoeken_geavanceerd .type-select select {} /* .zoekPaneel .zoeken_geavanceerd .type-check {padding:5px 0 0 0; width:400px; padding-left:5px; line-height:22px; border:1px solid #ff0000;} */ #teaseToOpenMoreSearch {width:280px; margin:4px 0; font-weight:bold; cursor:pointer; cursor:hand; text-align:center; float:right; display:block;} #otherCatsFound {float:left; background-color:#f6f4f4; margin:4px 6px 4px 4px; padding-bottom:4px; width:548px; display:inline;} #otherCatsFound h2 {font-size:13px; font-weight:bold; color:#edc200; margin:4px 0 4px 8px;} #otherCatsFound ul {margin:4px;} #otherCatsFound ul li {list-style:none; float:left; margin:0px 6px; display:inline;} #otherCatsFound ul li a {white-space:nowrap;} #footerMenu { width:969px; float:left; clear:both; background-color:#fff; border-top:1px solid #002c76; margin:30px 0 0 8px; float:left; padding:8px 0 8px 0px; display:inline;} #footerMenuLinks { width:585px; float:right; border:1px solid #ff0000; } #footerMenuLinks ul li { float:right; padding:0 4px; list-style:none;} #contactInfo { float:left; padding-right:150px; } #contactInfo img { margin-top:9px; padding-right:10px; } .FooterBlockLinks { float:left; border-left:1px solid #c5c5c6; padding-left:10px; padding-right:30px; } .FooterBlockLinks ul { padding-left:15px; list-style:square; } .FooterBlockLinks ul li { font-size:11px; line-height:16px; } .FooterBlockLinks ul li a { font-size:11px; } .FooterBlockLinksExtra { float:left; padding-left:10px; padding-right:10px; } .FooterBlockLinksExtra ul { padding-left:15px; list-style:square; margin-top:15px; } .FooterBlockLinksExtra ul li { font-size:11px; line-height:16px; } .FooterBlockLinksExtra ul li a { font-size:11px; } #productPage { float:left; width:558px; border:1px solid #E6E5E5; margin:0px 8px 8px 8px; padding:4px; display:inline; overflow:hidden;} #productPage h1 { color:#edc200; font-size:20px; font-weight:bold;} .product { width:268px; height:133px; margin:4px; float:left; border:1px solid #d6d7e9; background-position:bottom; background-repeat:no-repeat; position:relative; display:inline; } .new_product { background:url(../../../images/label_nieuw_2.png) 100% 85% no-repeat;} .eco_product { background:url(../../../images/label_eco_2.png) bottom right no-repeat;} .aanbieding_product { background:url(../../../images/label_aanbieding_2.png) bottom right no-repeat;} .offer_product { background:url(../../../images/label_aanbieding_2.png) 100% 85% no-repeat;} .popular_product {background:none !important;} .product_aanbieding { background-position:bottom right; background-image:url(/images/label_aanbieding_2.png); } .product_nieuw { background-position:bottom right; background-image:url(/images/label_nieuw_2.png); } .product_eco { background-position:bottom right; background-image:url(/images/label_eco_2.png); } .product img {/*margin:2px 8px 0px 4px; float:left; display:inline;*/} table.imagecontainer {float:left; margin-top:5px; margin-left:5px;} td.imagecontainer {width:75px; height:105px; vertical-align:middle; text-align:center; padding-right:6px;} #productPage .product h1 {font-size:14px; font-weight:normal; color:#002c76; margin:14px 0 4px 6px;} .isFavoItem, .addFavoItem {text-indent:-9999px; overflow:hidden; cursor:pointer; pointer:hand; float:right; margin:8px 8px 0 4px; display:block; width:24px; height:24px; background-image:url('../../../images/backgrounds/allgifts/favs.png'); display:inline;} .isFavoItem {background-position:0 -24px;} .addFavoItem {background-position:0 0;} .price {float:left; margin-left:3px; width:134px; display:inline;} .productMoreInfo {text-align:center; position:absolute; left:1px; bottom:1px; width:266px; background-color:#d6d7e9; display:block; height:30px; line-height:30px; float:left;} .productMoreInfo a {font-weight:bold;} .productMoreInfo span.leftExtra {float:left; display:block; cursor:text;} .productMoreInfo span.rightExtra {float:right; display:block; cursor:text;} /* || * new \/ */ .img_align_outer {display:table; height:109px; position:relative; overflow:hidden;} .img_align_outer .img_align_inner {display:table-cell; vertical-align:middle; text-align:center;} .img_align_outer .img_align_inner .img_align {} .products {width:590px; padding-left:8px; padding-bottom:8px;} .products .product {width:269px; border:1px solid #e3e3e3; padding:1px; float:left; margin:0 22px 8px 0; cursor:pointer; cursor:hand; height:auto;} .products .product .left {float:left;} .products .product .img_align_outer {float:left; width:104px; margin-bottom:-8px; margin-top:8px;} .products .product a.title {text-decoration:none; padding-bottom:20px; display:block; padding-top:6px; padding-right:5px;} .products .product a.title:hover {color:inherit;} .products .product .prijs {} .products .product p {margin:0;} .products .product .prijs strong {font-weight:bold; font-size:24px; vertical-align:top; line-height:24px;} .products .product .productfoot {background:#d6d7e9; padding:6px; float:left; width:257px; position:relative; height:31px;} .products .product .productfoot p {margin:0; font-size:11px; line-height:15px;} .products .product .productfoot div {width:24px; height:24px; float:right; text-indent:-9999px; margin:2px 14px 0 0;} .products .product .productfoot div.rem_fav {background:url(../../../images/favicons.gif) left bottom no-repeat;} .products .product .productfoot div.add_fav {background:url(../../../images/favicons.gif) 0px -24px no-repeat;} .products .product .productfoot div.add_fav:hover {background-position:0px 0px;} .products .product .productfoot div.rem_fav:hover {background-position:0px -48px;} .products .product a.button {float:right;} .products .product:hover {border-color:#EDC200;} .products .product .productinternal {cursor:text; padding:6px; float:left; width:257px; margin-top:1px; background:#e8e8e8; height:17px;}#profile {float:left; width:558px; border:1px solid #e3e3e3; margin:0px 8px; padding:4px 12px; display:inline;} #profile h1 {color:#edc200; font-size:20px; font-weight:bold;} #profile label {width:100%; float:left; padding:2px 0;} #profile h2 {display:block; float:left; width:558px; color:#edc200; font-size:14px; font-weight:bold;} #profile label span {width:170px; display:block; float:left;} #profile label input {width:280px; display:block; float:left; padding:2px;} #changePass p {float:left;width:100%;clear:both;} #profile label.delSame {width:auto; float:left; display:block; padding-left:170px;} #profile label.delSame span {white-space:nowrap;} #profile label.delSame input {width:auto;} .invalid {border:1px solid #f00;} #profile input.butSmall {width:110px; font-weight:bold;} #profile span.completed {color:green; font-size:16px; font-weight:bold; margin:0 0 0 4px; float:left; width:20px; display:inline;} #profile span.isRequired {color:red; font-size:16px; font-weight:bold; margin:0 0 0 4px; float:left; width:20px; display:inline;} #profile ul {padding:0 0 0 16px; list-style-type:square; float:left;} #profile ul li {list-style-position:outside; margin:0; padding:0} #message {float:left; width:558px; border:1px solid #e3e3e3; margin:0px 8px 8px 8px; padding:4px; display:inline;} #message h1 {color:#edc200; font-size:20px; font-weight:bold;} input.gray {cursor:default; background:grey; color:#47638F;} #favoriteResults {float:left; width:558px; border:1px solid #e3e3e3; margin:0px 8px 8px 8px; padding:4px; display:inline;} #favoriteResults h1 {color:#edc200; font-size:20px; font-weight:bold;} #favoriteResults .product h1 {font-size:14px; font-weight:normal; color:#002c76; margin:6px 0 4px 6px;} .paging {float:left; width:558px; border:1px solid #eee; margin:0px 8px 8px 8px; padding:4px; display:inline; position:relative;} .paging h1 {color:#edc200; font-size:14px; font-weight:bold; /*margin-bottom:18px;*/} .paging div.chkNopic {float:right; display:none;} .paging ul {list-style:none; margin:0; padding:0; white-space:nowrap; float:left;} .paging ul li {padding:0; float:left;} .paging ul li a {font-size:13px; display:block; padding:0 4px;} .paging ul li a.selected {color:#edc200;} .pagingRightLast {height:18px; width:10px; background-image:url('../../../images/backgrounds/allgifts/paging_right_max.png'); display:block; text-indent:-9999px; overflow:hidden;} .pagingRightNext {height:18px; width:10px; background-image:url('../../../images/backgrounds/allgifts/paging_right_one.png'); display:block; text-indent:-9999px; overflow:hidden;} .pagingLeftFirst {height:18px; width:10px; background-image:url('../../../images/backgrounds/allgifts/paging_left_start.png'); display:block; text-indent:-9999px; overflow:hidden;} .pagingLeftPrevious {height:18px; width:10px; background-image:url('../../../images/backgrounds/allgifts/paging_left_one.png'); display:block; text-indent:-9999px; overflow:hidden;} .pagingRightLast:hover, .pagingRightNext:hover, .pagingLeftFirst:hover, .pagingLeftPrevious:hover {background-position:0 -18px;} /* POGING TOT CENTREREN .paging .paging_wrapper {position:absolute; left:50%; top:25px; height:18px;} .paging .paging_wrapper .paging_center {position:absolute; left:-50%; height:18px; top:0;}*/ #randomProducts {float:left; width:558px; border:1px solid #E6E5E5; margin:0px 8px 8px 8px; padding:4px; display:inline;} #randomProducts h1 {color:#edc200; font-size:20px; font-weight:bold;} #randomProducts .product h1 {font-size:14px; font-weight:normal; color:#002c76; margin:6px 0 4px 6px;} #history {float:left; width:558px; border:1px solid #e3e3e3; margin:8px 8px; padding:4px; display:inline; overflow:hidden; position:relative;} #history h1 {color:#edc200; font-size:14px; font-weight:bold; overflow:hidden;} #history ul {padding:0; list-style:none;} #history ul li {float:left; border:1px solid #d6d7e9; margin:4px; width:83px; height:83px; text-align:center; display:inline;} #history ul li a img {border:none;} #history img {position:relative;} #registerPage { border:1px solid #E3E3E3; display:inline; float:left; margin:0 8px 8px; padding:10px; width:546px; } #registerPage .outerborder {border:1px solid #d3d7e3; padding:5px 19px 19px 14px; margin-top:12px;} #registerPage h1 {color:#ebc11c; font-size:20px; font-weight:bold; margin-bottom:10px;} #registerPage p {margin-bottom:15px;} #registerPage fieldset {border:1px solid #d3d7e3; margin-bottom:10px; padding:10px 19px;} #registerPage fieldset fieldset{padding:10px 11px;} #registerPage legend {color:#ebc11c; font-size:16px; font-weight:bold;} #registerPage sup {color:inherit; font-size:10px;} #activationMessage {float:left; width:558px; border:1px solid #e3e3e3; margin:8px 8px; padding:4px; display:inline;} #activationMessage h1 {color:#edc200; font-size:20px; font-weight:bold;} #threeButtons {float:left; width:558px; border:1px solid #e3e3e3; margin:8px; padding:4px; height:140px; display:inline;} #threeButtons ul {float:left; padding-left:120px;} #threeButtons ul li {width:90px; float:left; list-style:none; padding:10px;} #threeButtons ul li a {width:75px; height:80px; display:block; background-repeat:no-repeat; background-position:top left;} #threeButtons #addMailing {background-image:url('../../../images/backgrounds/allgifts/mailing.png');} #threeButtons #eco {background-image:url('../../../images/backgrounds/allgifts/eco.png');} #threeButtons #ideas {background-image:url('../../../images/backgrounds/allgifts/ideeen.png');} #threeButtons #xmas {background-image:url('../../../images/backgrounds/allgifts/kerst.png');} #threeButtons #addMailing:hover, #threeButtons #eco:hover, #threeButtons #ideas:hover, #threeButtons #xmas:hover {background-position:0 -80px;} .teaserButtonText {width:75px; float:left; display:block; height:30px; margin-top:80px; background-color:#fff; font-size:14px; font-weight:bold; text-align:center;} #threeButtons ul li a:hover .teaserButtonText {color: #edc200;}#blankPage { float:left; width:546px; border:1px solid #e3e3e3; margin:0px 8px 8px 8px; padding:10px; display:inline; } #blankPage h1 { color:#edc200; font-size:15px; font-weight:bold;} #blankPage h2 { color:#002C76; font-size:14px; font-weight:bold; margin-top:20px;} #blankPage h3 { color:#edc200; font-size:13px; font-weight:bold; margin-top:10px; text-align:center; } #blankPage strong { color:#002C76; font-size:13px; font-weight:bold;} #blankPage ul { padding:0 0 10px 16px; list-style-type:square;} #blankPage ul li { list-style-position:outside; margin:0; padding:0; line-height:20px;} #blankPage p { margin-bottom:10px; line-height:19px; /* width:540px; */ text-align:justify;} #blankPage a { text-decoration:underline;} #blankPage a:hover { text-decoration:none;} #blankPage .borders { width:163px; height:218px; border:1px solid #e3e3e3; float:left; margin: 10px 0 10px 0; } #blankPage .bordersMiddle { width:163px; height:218px; border:1px solid #e3e3e3; float:left; margin: 10px 25px 0 25px; } #blankPage .borders img { margin-top:12px; padding-left:3px; } #blankPage .bordersMiddle img { margin-top:12px; padding-left:3px; } #blankPage .ordernow { width:161px; height:30px; float:left; background-color:#d6d7e9; margin:1px; } #blankPage .ordernow p { text-align:center; width:163px; margin-top:5px; } #blankPage .ordernow a { text-decoration:none; font-weight:bold; } #blankPage2 { float:left; width:578px; margin:0; display:inline; height:auto;} .refBlock { float:left; height:122px; width:136px; margin:0px 0 9px 8px; padding:0px; } .refBlock a { border:1px solid #e3e3e3; cursor:pointer; height:122px; width:134px; float:left; margin:0; padding:0;} .refBlock a:hover { border:1px solid #ebc11c; float:left; height:122px; width:134px; } .refBlock img { display: block; margin-left: auto; margin-right: auto; } .refPhotos { float:left; height:139px; width:184px; margin:0px 0 9px 8px; padding:0px; } .refPhotos a { border:1px solid #e3e3e3; cursor:pointer; height:139px; width:182px; float:left; margin:0; padding:0;} .refPhotos a:hover { border:1px solid #ebc11c; float:left; height:139px; width:182px; } .refPhotos img { display: block; margin-left: auto; margin-right: auto; } #blankPage3 { float:left; width:555px; border:1px solid #e3e3e3; margin:10px 8px 8px 8px; padding:10px 10px 1px 1px; display:inline;} #blankPage3 p { width:385px; float:right; margin-bottom:8px; } #blankPage3 a { text-decoration:none; font-weight:bold; } #blankPage3 a:hover { text-decoration:none; } #blankPage3 img { float:left; } .BlankpageText { float:left; width:546px; border:1px solid #e3e3e3; padding:10px; display:inline; margin-top:10px; margin-left:8px; } #blankPage4 { float:left; width:546px; border:1px solid #e3e3e3; margin:0px 8px 8px 8px; padding:10px; display:inline; background-color:#f3f4f4; } #blankPage4 h1 { color:#edc200; font-size:15px; font-weight:bold;} #blankPage4 strong { color:#002C76; font-size:13px; font-weight:bold;} #blankPage4 ul { padding:0 0 10px 16px; list-style-type:square;} #blankPage4 ul li { list-style-position:outside; margin:0; padding:0; line-height:20px;} #blankPage4 p { margin-bottom:10px; line-height:19px; width:540px; text-align:justify;} #blankPage4 a { text-decoration:underline;} #blankPage4 a:hover { text-decoration:none;} #blankZomer { float:left; width:540px; padding:10px 10px 1px 16px; display:inline; background-image:url(http://www.allgifts.nl/images/blankpages/zomerbg.jpg); background-repeat:no-repeat; height:385px; } #blankZomerImage { width:162px; height:196px; float:left; display:inline; margin-right:15px; margin-top:5px; } #blankZomerImage p { font-style:italic; font-size:16px; font-weight:bold; color:#0b59a1; padding-left:5px;} #blankZomerImage h1 { font-style:italic; font-size:12px; color:#0b59a1; margin-top:5px; padding-left:5px;} #blankCamping { float:left; width:540px; padding:10px 10px 1px 16px; display:inline; background-image:url(http://www.allgifts.nl/images/blankpages/campingbg.jpg); background-repeat:no-repeat; height:380px; } #blankCampingImage { width:162px; height:196px; float:left; display:inline; margin-right:15px; margin-top:5px; } #blankCampingImage p { font-style:italic; font-size:16px; font-weight:bold; color:#576d28; padding-left:5px;} #blankCampingImage h1 { font-style:italic; font-size:12px; color:#576d28; margin-top:5px; padding-left:5px;} #blankPech { float:left; width:540px; padding:10px 10px 1px 16px; display:inline; background-image:url(http://www.allgifts.nl/images/blankpages/pechonderwegbg.jpg); background-repeat:no-repeat; height:358px; } #blankPechImage { width:162px; height:196px; float:left; display:inline; margin-right:15px; margin-top:5px; } #blankPechImage p { font-style:italic; font-size:16px; font-weight:bold; color:#0b59a1; padding-left:5px;} #blankPechImage h1 { font-style:italic; font-size:12px; color:#0b59a1; margin-top:5px; padding-left:5px;} #blankReizen { float:left; width:540px; padding:10px 10px 1px 16px; display:inline; background-image:url(http://www.allgifts.nl/images/blankpages/opreisbg.jpg); background-repeat:no-repeat; height:470px; } #blankReizenImage { width:162px; height:196px; float:left; display:inline; margin-right:15px; margin-top:5px; } #blankReizenImage p { font-style:italic; font-size:16px; font-weight:bold; color:#0b59a1; padding-left:5px;} #blankReizenImage h1 { font-style:italic; font-size:12px; color:#0b59a1; margin-top:5px; padding-left:5px;} #blankFestivals { float:left; width:540px; padding:10px 10px 1px 16px; display:inline; background-image:url(http://www.allgifts.nl/images/blankpages/festivalsbg.jpg); background-repeat:no-repeat; height:400px; } #blankFestivalsImage { width:162px; height:187px; float:left; display:inline; margin-right:15px; margin-top:15px; background-color:#FFFFFF; } #blankFestivalsImage p { font-style:italic; font-size:16px; font-weight:bold; color:#0b59a1; padding-left:5px;} #blankFestivalsImage h1 { font-style:italic; font-size:12px; color:#0b59a1; margin-top:5px; padding-left:5px;} .blankLeft { margin:0; padding:0; position:relative; width:300px; } .blankLeft ul { float:left; width:145px; margin-left:-15px; padding:0; } .blankLeft li { list-style:none; margin:0; padding:0; } .blankClear { clear:both; width:280px; } .blankRight { float:right; width:235px; position:relative; margin-top:10px; } .uspLeft { width:188px; height:546px; float:left; margin-right:10px; color:#3c8a11; background-image:url(../../../images/blankpages/voordelen.gif); } .uspLeft li { list-style:none; font-size:11px; line-height:26px; margin-left:-30px; color:#3c8a11; } .uspLeft h3 { font-size:11px; margin:35px 0 6px 0; } .uspLeft a:link { text-decoration: underline; font-size:11px; color:#3c8a11;} .uspLeft a:visited { text-decoration: none; color:#3c8a11; font-size:11px; } .uspLeft a:active { text-decoration: none; font-size:11px; } .uspLeft a:hover { text-decoration: underline; color:#243571; font-size:11px; } .uspMiddle { width:130px; height:260px; float:left; margin-right:10px; color:#3c8a11; background-image:url(../../../images/blankpages/middle.gif); padding:20px 10px 10px 10px; text-align:center; vertical-align:middle; } .uspRight { width:188px; height:393px; float:left; color:#c73e14; background-image:url(../../../images/blankpages/concurent.gif); } .uspRight li { list-style:none; font-size:11px; line-height:26px; margin-left:-30px; color:#c73e14; } .uspRight h3 { padding-left:20px; font-size:12px; margin:35px 0 6px 0; } .watermerk { background-image:url(http://www.allgifts.nl/images/watermerk.gif); } .quickLinks { font-size:11px; font-family:Arial, verdana; width:150px; background-color:#f3f4f4; border:1px solid #e3e3e3; padding:4px; float:right; margin: 0 0 0 10px; position:relative; } .quickLinks li { font-size:11px; color:#ebc11c; line-height:16px !important; } .quickLinks a:link { text-decoration: none !important; font-size:11px; color:#002c76;} .quickLinks a:visited { text-decoration: none !important; color:#002c76; font-size:11px; } .quickLinks a:active { text-decoration: none !important; font-size:11px; } .quickLinks a:hover { text-decoration: underline !important; color:#ebc11c; font-size:11px; } .Bottom { padding-top:7px; } .Thumbs { width:376px; float:right; } .Thumbs img { border:0px solid #e3e3e3; margin-right:5px; float:left; } .CustomTitle { background-image:url(../../../images/blankpages/cm_bg.gif); height:61px; padding:15px; margin-top:10px;} .CustomTitle h1 { color:#ffffff !important; font-size:21px !important; font-style:italic !important; text-align:center;} .CustomMadeTop { background-image:url(../../../images/blankpages/custom_bg_1.gif); background-repeat:no-repeat; height:231px; width:305px; padding:23px 0 15px 15px; } .CustomMadeTop strong { color:#ffffff !important; font-size:12px !important; padding-top:20px; font-style:italic; } .CustomMadeTop ul { padding-top:20px !important; padding-left:10px;} .CustomMadeBottom { padding-left:76px !important; width:150px !important; height:80px!important; } .CustomMadeBottom h2 { margin-top:18px !important; padding-top:0 !important; font-style:italic; font-size:13px !important;} .CustomMadeProducts { background-image:url(../../../images/blankpages/custom_bg_3.gif); height:223px; width:515px; padding:25px 0 0 15px; } .CustomMadeProducts strong { color:#ffffff !important; font-size:12px !important; padding-top:20px; font-style:italic; } .ButtonRight { position:relative; float:right; border:0px solid #ff0000; width:100px; height:100px; margin-top:67px; padding-right:53px; } .ButtonRight a { text-decoration:none !important; }#topMenu {width:985px; float:left; background-color:white; height: 41px; padding:10px 0;} #topMenu ul {height:40px; width:823px; padding-left:162px; border-bottom:1px solid #edc200;} #topMenu ul li {list-style:none; padding:0; margin:0; float:left;} #topMenu ul li a {color:#002c76; font-size:13px; height:27px; padding-top:13px; font-weight:bold; width:110px; display:block; text-indent:-9999px; overflow:hidden; background-image:url('../../../images/backgrounds/allgifts/navigatie.png');} #topMenu ul li a#btnHome {background-position:0 0;} #topMenu ul li a#btnHome:hover {background-position:0 -40px;} #topMenu ul li a#btnHome.selected {background-position:0 -40px;} #topMenu ul li a#btnRTFM {background-position:-110px 0;} #topMenu ul li a#btnRTFM:hover {background-position:-110px -40px;} #topMenu ul li a#btnRTFM.selected {background-position:-110px -40px;} #topMenu ul li a#btnOffers {background-position:-220px 0;} #topMenu ul li a#btnOffers:hover {background-position:-220px -40px;} #topMenu ul li a#btnOffers.selected {background-position:-220px -40px;} #topMenu ul li a#btnPopulair {background-position:-330px 0;} #topMenu ul li a#btnPopulair:hover {background-position:-330px -40px;} #topMenu ul li a#btnPopulair.selected {background-position:-330px -40px;} #topMenu ul li a#btnContact {background-position:-440px 0;} #topMenu ul li a#btnContact:hover {background-position:-440px -40px;} #topMenu ul li a#btnContact.selected {background-position:-440px -40px;} #topMenu ul li a#btnFAQ {background-position:-550px 0;} #topMenu ul li a#btnFAQ:hover {background-position:-550px -40px;} #topMenu ul li a#btnFAQ.selected {background-position:-550px -40px;} #AGtel {margin-left:10px; margin-top:8px;} #ContactTop { width:107px; float:right; height:32px; padding:0; margin:0; background-image:url(../../../images/icons.gif); } #ContactTop p { font-size:12px; padding:0 0 0 21px; margin:0; font-family:Arial, Helvetica, sans-serif; } #topMenu ul li #ContactTop a { height:auto !important; width:auto !important; background-repeat:no-repeat !important; padding:0 !important; margin:1px 0 0 0 !important; background-image:url('../../../images/email.gif'); text-align:left; } #offerResults {float:left; width:558px; border:1px solid #eee; margin:0px 8px 8px 8px; padding:4px; display:inline;} #offerResults h1 {color:#edc200; font-size:20px; font-weight:bold;} #offerResults .product {border:1px solid #edc200; position:relative; height:145px;} #offerResults .product h1 {font-size:14px; font-weight:normal; color:#edc200; margin:6px 0 4px 6px;} .priceOffer strong {font-size:22px;} .elders {width:134px; float:left; margin-left:3px; display:inline;} .priceOfferFlowSpanner {width:258px; background-color: #d6d7e9; float:left; margin-left:1px; left:0; bottom:1px; position:absolute; padding:4px; display:inline;} .priceOfferFlow {width:75px; float:left;} a.priceOfferFlow {font-weight:bold; float:left; width:75px;} .moreInfo {float:right; width:98px; height:30px; line-height:30px; text-align:center;} .moreInfo a {font-weight:bold;} .orderFormFirstStep {padding:0; margin:0; width:557px; float:left;} #insertAmount {overflow:hidden; background-color: #f6f4f4; width:300px; float:left; height:60px; margin:4px; border:1px solid #d6d7e9; display:inline; overflow:hidden;} #insertAmount h2 {width:100%; font-weight:bold; margin:4px;} #lblAmount {float:left; width:150px; display:block; margin:4px 0 4px 4px; display:inline;} #lblAmount input {width:60px; margin:0 4px; background-color: #fff; border:1px solid #7F9DB9;} #lblSample {width:140px; display:block; float:left; margin:4px 4px 4px 0;} #sample {margin:4px; vertical-align:middle; } #sampleText {overflow:hidden; background-color:#edc200; width:300px; float:left; height:321px; margin:4px; border:1px solid #002c76; display:inline;} #sampleText h2 {width:100%; font-weight:bold; margin:4px 4px 0px 4px;} #sampleText p {margin:2px 4px 10px 4px;} #print {overflow:hidden; background-color: #f6f4f4; width:300px; height:321px; float:left; margin:4px 4px 4px 4px; border:1px solid #d6d7e9; display:inline;} #print h2 {width:100%; font-weight:bold; margin:4px 0 0 4px;} .lblPrint {margin:4px; width:292px; float:left; display:inline;} .lblPrint input {margin-right:4px;} #print .textInForm {float:left; width:292px; margin:4px; display:inline;} #print a:links, a:visited { text-decoration:none; } #print a:hover { text-decoration:none; color:#ebc11c;} #dhaste {overflow:hidden; background-color: #f6f4f4; width:237px; float:right; margin:4px 4px 4px 4px; border:1px solid #d6d7e9; display:inline;} #dhaste h2 {width:100%; font-weight:bold; margin:4px;} #dhaste input {margin-right:4px; margin-left:4px !important; padding:0;} #dhaste p {float:left; width:229px; margin:0px 4px 4px 4px; display:inline;} #lblHaste {float:left; margin:0 4px 4px 4px; display:inline;} .smaller {font-size:11px;} #remark {overflow:hidden; background-color: #f6f4f4; width:547px; float:left; margin:4px 4px 4px 4px; border:1px solid #d6d7e9; display:inline; height:117px;} #remark h2 {width:100%; font-weight:bold; margin:4px;} #remark textarea {width:531px; float:left; height:80px; margin:4px 8px 8px 8px; display:inline; border:1px solid #7F9DB9;} #totals {overflow:hidden; background-color: #f6f4f4; width:237px; height: 235px; float:right; margin:4px 4px 4px 4px; border:1px solid #d6d7e9; display:inline; position:relative;} #totals h2 {width:100%; font-weight:bold; margin:8px;} #totals p {position:absolute; bottom:8px; left:8px; width:221px; margin:0; padding:0;} #orderFormButtons {overflow:hidden; width:237px; height: 235px; float:right; margin:4px 4px 4px 4px; border:1px solid #d6d7e9; display:inline; height:117px;} #orderFormButtons #errorBestellen{display:block; text-align:center; margin-top:14px; clear:both;} #hasteType {margin:0 0 0 2px; list-style:none; float:left; display:inline;} #hasteType li {margin:2px 0; height:24px; line-height:24px; list-style-position:outside;} #hasteType li input {margin:0 2px;} #colors {margin:0 0 0 4px; list-style:none; float:left; display:inline;} #colors li {margin:2px 0; height:24px; line-height:24px; list-style-position:outside;} #colors li input {margin:0 2px 0 4px !important;} .pmsInput {width:100px; background-color: #fff; border:1px solid #7F9DB9;} .lblFile {float:left; margin:4px; display:inline; font-weight:bold;} .lblFile input {margin-top:4px;} .lblFileLater {margin:4px; float:left; display:inline;} .lblFileLater input {margin-right:4px;} #fileName {border:1px solid #7F9DB9;} .lblLeft {margin-left:8px; width:129px; display:block; float:left; margin-bottom:7px; display:inline;} .rightAlignOrderForm {width:78px; padding-right:10px; display:block; float:right; text-align:right; margin-right:12px; margin-bottom:7px; display:inline; white-space:nowrap; overflow:visible;} .rightAlignOrderFormTimes {width:86px; padding-right:2px; display:block; float:right; text-align:right; margin-right:12px; margin-bottom:7px; border-bottom:1px solid #d6d7e9; display:inline;} .rightAlignOrderFormPlus {width:87px; padding-right:1px; display:block; float:right; text-align:right; margin-right:12px; margin-bottom:7px; border-bottom:1px solid #d6d7e9; display:inline;} #orderingButtons {float:left; width:222px; padding:2px; position:relative; padding-top:40px; text-align:center;} #orderingButtons input {background-color:transparent !important; margin:0; padding:0 0 2px 0; width:102px; height:30px; line-height:28px; font-weight:bold; border:0; background:url(../../../images/btn_bg.gif) right top no-repeat; color:#ffffff; cursor:pointer; margin-right:2px; float:right; cursor:hand;} #orderingButtons input:hover {background-image:url(../../../images/btn_bg_over.gif);} #orderingButtons input.isoff {background-image:url(../../../images/btn_bg_inact.png); cursor:default;} /* #orderingButtons input#nextStep {position:absolute; left:4px; top:0;} #orderingButtons input#invoice {position:absolute; left:4px; top:0;} #orderingButtons input#offerte {position:absolute; left:116px; top:0;} #orderingButtons span#errorBestellen {position:absolute; left:11px; top:31px;} */ #nohaste {overflow:hidden; background-color: #f6f4f4; width:237px; float:right; margin:4px 4px 4px 4px; border:1px solid #d6d7e9; display:inline;} #nohaste h2 {width:100%; font-weight:bold; margin:4px;} #nohaste input {margin-right:4px; padding:0;} #nohaste p {float:left; width:229px; margin:0px 4px 4px 4px; display:inline;} .togglestyle {border-color:#002c76 !important; background-color:#edc200 !important;} /* not used now */ .drawAttention {border-color:#1D215F !important;} .productDetail {float:left; width:558px; border:1px solid #e3e3e3; margin:0px 8px; padding:4px; display:inline;} .productDetail h1 {color:#edc200; font-size:16px; font-weight:bold; padding-left:4px;} #productSpecs {width:548px; float:left; display:inline; border:1px solid #D6D7E9; margin:0 4px;} .labelProductSpecs {width:140px; height:30px; line-height:30px; display:block; background-color:#F6F4F4; float:left; padding:0 4px; margin:1px; display:inline; overflow:hidden;} .valueProductSpecs {width:395px; height:30px; line-height:30px; display:block; background-color:#F6F4F4; float:left; padding:0 4px; margin:1px; display:inline; } #productSpecDescr {width:548px; height: auto; float: left; position:relative; } #productSpecDescr .labelProductSpecs {bottom:0px; left:0px; top:0px; position:absolute; height:auto; _height:30px; _position:relative;} #productSpecDescr .valueProductSpecs {height:auto; margin-left:151px; _margin-left:1px; } #tblProductSpecDescr {width:549px; border:1px solid #D6D7E9; margin:0 4px 4px 4px;} .tblProductSpecDescrLabel {width:137px; /*height:30px;*/ background-color:#F6F4F4; padding: 6px;} .tblProductSpecDescrValue {width:392px; /*height:30px;*/ background-color:#F6F4F4; padding: 6px;}#mailAFriend {float:right; width:294px; padding-top:9px; height:30px;} #mailAFriend input {margin:0; line-height:30px;} #mailAFriend input.text {width:187px; vertical-align:middle; height:28px; float:right;} #mailAFriend input.submit {vertical-align:middle; float:right; border:0; margin-left:-4px;} #image_gal {float:left; width:549px; padding-left:4px; position:relative; padding-bottom:20px;} #image_gal div.buttons {width:100%; float:left;} #image_gal div.table {float:left;} #image_gal table {overflow:hidden;} #image_gal .leftcol {float:left; width:254px;} #image_gal .rightcol {float:right; width:294px; overflow:hidden;} #image_gal td {vertical-align:middle; text-align:center; cursor:pointer; cursor:hand; overflow:hidden;} #image_gal td img {vertical-align:middle;} #image_gal td.big {width:183px; height:205px !important;} #image_gal div.scroll {width:294px; overflow:auto; overflow-y:none; height:118px; padding-top:43px; float:right; position:relative;} #image_gal div.scroll a {display:block; float:left; width:90px; height:90px; background:no-repeat center; text-indent:-999px; overflow:hidden; margin-left:6px; display:inline;} #image_gal div.scroll div {float:left; height:90px;} #image_gal a.btn_top {float:left; width:183px; height:35px; display:block; text-indent:-999px; overflow:hidden; background-position:top left; margin-bottom:5px;} #image_gal a.btn_info {background-image:url(../../../images/bg_prod_inf.gif);} #image_gal a.btn_calc {background-image:url(../../../images/bg_ber_prijs.gif);} #image_gal a.btn_order {background-image:url(../../../images/bg_bestel.gif);} #image_gal a.btn_top:hover {background-position:bottom left;} #image_gal a.icon_zoom {float:left; width:43px; height:43px; margin:6px 28px 0 0; display:inline; background:url(../../../images/btn_det_zoom.gif) top left; overflow:hidden; text-indent:-999px;} #image_gal a.icon_zoom:hover{background-position:bottom left;} #image_gal a.zoom_extra_margin{margin-top:96px;} #image_gal a.add_fav_detail {float:left; width:43px; height:43px; margin:57px 28px 0 0; display:inline; display:block; background:url(../../../images/fav_detail_icon.png) 0px -43px no-repeat; overflow:hidden; text-indent:-999px;} #image_gal a.add_fav_detail:hover{background-position:0px 0px;} #image_gal a.rem_fav_detail {float:left; width:43px; height:43px; margin:57px 28px 0 0; display:inline; display:block; background:url(../../../images/fav_detail_icon.png) left bottom; overflow:hidden; text-indent:-999px;} #image_gal a.rem_fav_detail:hover{background-position:0 -86px;} #disableBrandMirror {float:left; width:547px; background-color:#F6F4F4; border:1px solid #D6D7E9; margin:0 4px 8px 4px; display:inline;} #disableBrandMirror h1 {color:#EDC200; font-size:12px; font-weight:bold;} #disableBrandMirror ul li {list-style-image:none; list-style-position:outside; list-style-type:square; margin:0 0 0 16px; padding:0;} #nextStepDiv {float:left; width:556px; border:1px solid #e3e3e3; margin:0px 8px; padding:4px; padding-left:8px; display:inline;} #nextStepDiv h1 {color:#edc200; font-size:20px; font-weight:bold;} #nextStepDiv p {margin-bottom:8px;} #loginExistingUser, #loginNewUser {width:262px; float:left; border:1px solid #e3e3e3; padding:4px; margin-right:6px; margin-bottom:12px; display:inline;} #loginExistingUser h2, #loginNewUser h2 {color:#edc200; font-size:14px; font-weight:bold;} #loginExistingUserForm {margin:0; padding:4px;} #loginExistingUserForm label {float:left; display:block; width:250px;padding:4px 0;} #loginExistingUserForm label span {width:100px; float:left; display:block;} #loginExistingUserForm label input {width: 140px; float:left;} #loginNewUserForm {margin:0; padding:4px;} #loginNewUser label {float:left; display:block; width:250px;padding:4px 0;} #loginNewUser label span {width:0; float:left; display:block;} #loginNewUser input {width: 140px; float:left; display:block;} #delivery_date {height:18px; vertical-align:middle;} #delivery_date_btn {height:20px; vertical-align:middle;} /* #offerteDetails {width:960px; float:left; border:1px solid #eee; margin:8px; padding:4px; display:inline;} #offerteDetails h1 {color:#edc200; font-size:20px; font-weight:bold; padding-left:10px;} #offerteDetails img {padding-left:30px;} #priceIndication {width:300px; float:right; margin-right:10px; display:inline;} .namesOfferte {width:130px; height:30px; line-height:30px; display:block; background-color:#d6d7e9; float:left; padding:0 4px; margin:1px; display:inline;} .priceOfferte {width:140px; height:30px; line-height:30px; display:block; background-color:#d6d7e9; float:left; padding:0 4px; margin:1px; display:inline;} #priceIndication h2 {font-size:16px; font-weight:bold; margin: 2px 0 4px 4px; color: #edc200;} #offerteBaseText {width:860px; float:left; padding:10px 50px; text-align:center;} #offerteFooter {width:969px; float:left; clear:both; background-color:#fff; margin:0 0 0 8px; float:left; padding:8px 0 8px 0px; display:inline;} #offerteDetails #imageGallery {width:600px; float:left;} #priceIndication2 {width:405px; float:right; display:inline; background-color:fuchsia; height:100px; } /* STYLE NEW DESIGN */ .MaxWidth { width:609px; height:460px; margin:0 auto; } .FullWidth { float:left; width:609px; height:110px; float:left; } .FullWidth strong { font-size:29px; letter-spacing:1px; font-family:arial, Geneva, sans-serif; text-align:center; font-weight:bold; } .FullWidth img { padding:15px 0 0 0} .OfferteInfoTop { width:425px; height:27px; font-family:Arial, Helvetica, sans-serif; font-size:12px; } .OffertePriceTop { width:274px; height:27px; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-top:15px; } .offerteDate { float:right; padding:35px 211px 0 0; } .TitleLarge2 { width:160px; float:left; font-weight:bold; float:left; height:15px; padding-top:10px; } .InputLarge2 { border:1px solid #c7c7c7; width:152px; float:left; height:22px; padding: 3px 0 0 3px; } .TitleLarge { width:136px; float:left; font-weight:bold; float:left; height:15px; padding-top:10px; } .TitleSmall { width:64px; float:left; font-weight:bold; float:left; height:15px; padding-top:10px; } .InputLarge { border:1px solid #c7c7c7; width:132px; float:left; height:22px; padding: 3px 0 0 3px; } .InputSmall { border:1px solid #c7c7c7; width:57px; float:left; height:22px; padding: 3px 0 0 3px; } .FullWidth p { font-family:arial, verdana; font-size:11px; text-align:center; } #contact { float:left; width:546px; border:1px solid #e3e3e3; margin:0px 8px 8px 8px; padding:10px; display:inline;} /*#contact {float:left; width:558px; border:1px solid #e3e3e3; margin:0px 8px 8px 8px; padding:4px; display:inline;}*/ #contact p { width:546px; margin-bottom:15px;} #contact h1 {color:#edc200; font-size:20px; font-weight:bold;} #contactLeft {width:260px; float:left; } #contactRight {width:254px; float:right; padding-right:20px; } #contactFull {width:540px; margin-top:15px; float:left; } /* #contactLeft h2 {font-weight:bold; padding:4px 0 0 4px;} */ /* #contactRight h2 {font-weight:bold; padding:0 0 0 4px;} */ #contactLeft p {padding:0px 4px 11px 4px; text-align:justify; width:269px;} #contactRight p {padding:4px; text-align:justify; width:208px; margin-bottom:10px; margin-bottom:15px;} .contactRightTitle {width:212px; padding:0 4px; display:block; float:left;} .contactRightText {width:212px; padding:0 4px; display:block; margin-bottom:10px; float:left;} .contactRightTitleContact {width:212px; padding:0 4px; display:block; margin-top:0px; float:left;} .contactRightTextContact {width:212px; padding:0 4px; display:block; margin-bottom:10px; float:left;} #contactForm {width:541px; padding:0px 4px 4px 0; margin:0;} #contactForm label {width:546px; float:left; display:block; margin:4px 0; } #contactForm label span {width:100px; float:left; display:block; padding-left:4px;} #contactForm label input {width:160px; float:left; display:block; } #contactForm label.set input {border:1px solid white;} #contactForm label select {width:160px; float:left; display:block;} #contactForm textarea {width:430px; height:100px; float:left; margin:4px 0 0 0; border:1px solid #7f9db9; display:inline;} #sentMessage {padding:4px; border: 1px solid #e3e3e3; background-color:#e3e3e3; width: 320px;} #contact a {text-decoration:underline;} #contact a:hover {text-decoration:none;} #contact ul {list-style-type:square; padding:4px 0 4px 16px; margin:0;} #contact ul li {margin:0; list-style-position:outside;} #contact ul {padding-left:18px;} #contact .button {float:right; margin-right:15px;} #faq {float:left; width:546px; border:1px solid #e3e3e3; margin:0px 8px; padding:4px 10px 4px 10px; display:inline;} #faq p {width:540px; text-align:justify;} #faq h1 {color:#edc200; font-size:20px; font-weight:bold;} #faq h2 {color:#002C76; font-size:14px; font-weight:bold; margin-top:20px;} #faq a {text-decoration:underline;} #faq a:hover {text-decoration:none;} #faq ul {list-style-type:square; padding:4px 0 4px 16px; margin:0;} #faq ul li {margin:0; list-style-position:outside;} /* #faq ul {margin:10px 0px 10px 10px;} #faq ul li {margin:0px 0px 0px 10px;} */ #confirmOrderPage {float:left; width:558px; border:1px solid #e3e3e3; margin:0px 8px 8px 8px; padding:4px; display:inline;} #confirmOrderPage h1 {color:#edc200; font-size:20px; font-weight:bold;} #confirmOrderPage h2 {font-weight:bold; font-size:13px; float:left; width:100%;} #confirmOrderPage label {width:550px; display:block; float:left; margin:2px 0;} #confirmoptions input#save {text-align:center; font-size:13px; height:30px; width: 100px; float:left; display:block; margin-right:4px; background-color:#edc200; color:#002c76; font-weight:bold; border:1px solid #002c76; padding:0 4px; line-height:30px; display:inline;} #invoiceAddress label, #deliveryAddress label {width:550px; float:left; display:block; margin:2px 0;} #invoiceAddress label.delSame {padding-left:170px; width:380px;} #invoiceAddress label.delSame span {white-space:nowrap;} #invoiceAddress label span, #deliveryAddress label span {width:170px; float:left; display:block; margin:2px 0;} #invoiceAddress label input, #deliveryAddress label input {width:280px; float:left; display:block; margin:2px 0;} #invoiceAddress label input.check, #deliveryAddress label input.check {width:auto;} #invoiceAddress span.completed, #deliveryAddress span.completed {color:green; font-size:16px; font-weight:bold; margin:0 0 0 4px; float:left; width:20px; display:inline;} #invoiceAddress span.isRequired, #deliveryAddress span.isRequired {color:red; font-size:16px; font-weight:bold; margin:0 0 0 4px; float:left; width:20px; display:inline;} #confirmoptions input#save.ison {text-align:center; font-size:13px; height:30px; width:100px; float:left; display:block; margin-right:4px; background-color:#edc200; color:#002c76; font-weight:bold; border:1px solid #002c76; padding:0 4px; line-height:30px; display:inline;} #confirmoptions input#save.isoff {background-color:#ccc; color:#333; border:1px solid #333;} #orderDetails {} #orderDetails img {float:left; margin-right:8px; display:inline;} #coProductDetails {float:left; width:420px;} #coProductDetails span {float:left; width:420px;} #coProductDetails h3 {font-size:14px; width:420px; float:left; color:#edc200;} #quickSearchResults {float:left; width:558px; border:1px solid #E6E5E5; margin:0px 8px 8px 8px; padding:4px; display:inline;} #quickSearchResults h1 {color:#edc200; font-size:20px; font-weight:bold;} #quickSearchResults .product h1 {font-size:14px; font-weight:normal; color:#002c76; margin:6px 0 4px 6px;} #myOrders {float:left; width:558px; border:1px solid #eee; margin:8px 8px; padding:4px; display:inline;} #myOrders h1 {color:#edc200; font-size:20px; font-weight:bold;} #myOrders tr.odd, #myOrders tr.odd td {background-color:#eee;} #myOrders td {padding:2px;} #forgotpass {float:left; width:546px; height: 225px; border:1px solid #e3e3e3; margin:8px 8px; padding:4px 10px 4px 10px; display:inline;} #forgotpassintro h1 {color:#edc200; font-size:20px; font-weight:bold;} #forgotpassintro p {padding-bottom:10px; } #sendPass {margin-top:5px; } #sendPass label .title {width:90px; display:block; float:left; padding:2px 0;} #sendPass input {} #notification {margin-top:5px;} #passGood {color:green;} #passBad {color:red;} #actiebox { float:left;border:1px solid #e3e3e3; width:178px;margin-left:8px;margin-top:8px;padding-left:4px; padding-right:8px; padding-top:10px; padding-bottom:4px; clear:left; display:inline; } #actiebox h1 { color:#edc200; font-size:15px; font-weight:bold; } #actieboxImages ul { display:block; list-style:none; padding:0 16px 0 16px; } #actieboxImages ul li { list-style:none; padding:0; margin-top:10px; border-bottom:1px solid #e3e3e3; display:block; text-align:center; } #actieboxImages ul li.last { border-bottom:0; } /* * makes width and height always stay static if set in the styles of the staticcomponent */ .static {overflow:hidden;} /* * preferebly only positioning and measurement styles here but for * this element we make an exception */ #introtext { float:left; width:568px; margin:4px 0 8px 0; padding:0 0 0 8px; } #introtext h1 { color:#edc200; font-size:15px; font-weight:bold; } #Inleiding { float:left; width:546px; border:1px solid #e3e3e3; padding:10px; } #onlineService { background-image:url(http://www.allgifts.nl/external/introtext/images/backgroundLeft.gif); margin-top:10px; width:266px; height:136px; float:left;} #onlineService h1 { color:#106083; font-size:14px; font-weight:bold; padding:8px 10px 10px 10px;} #onlineService h2 { color:#106083; font-size:14px; font-weight:bold; padding:1px 10px 10px 13px;} #onlineService p { color:#106083; font-size:12px; padding:5px 0 10px 10px; } #onlineService a:link { color:#106083; font-size:14px; font-weight:bold; } #onlineService a:visited { color:#106083; font-size:14px; font-weight:bold; } #onlineService a:hover { color:#edc200; font-size:14px; font-weight:bold; } #onlineService a:active { color:#106083; font-size:14px; font-weight:bold; } #Profile { background-image:url(http://www.allgifts.nl/external/introtext/images/backgroundRight.gif); margin-top:10px; width:267px; height:136px; float:right; } #Profile h1 { color:#106083; font-size:14px; font-weight:bold; padding:8px 10px 10px 10px;} #Profile p { color:#106083; font-size:12px; padding:5px 0 7px 10px; } #Profile li { color:#106083; font-size:12px; padding-left:10px; list-style:none; line-height:22px; } .CustomMade { background-image:url(http://www.allgifts.nl/external/introtext/images/custommade.jpg); background-repeat:no-repeat; width:545px; height:195px; } .CustomMade h1 { padding:0; } .CustomMade p { padding:0 0 10px 0; color:#106083; } .CustomMade img { margin-top:0;} .Artikel { width:118px; height:100px; margin-top:40px; float:left; padding-left:16px; } .Artikel p { text-align:center; margin-top:4px; } .PechRoad { background-image:url(http://www.allgifts.nl/external/introtext/images/road.jpg); background-repeat:no-repeat; width:545px; height: 198px; margin-top:10px; } #PechImages { width:147px; height:155px; background-color:#FFFFFF; float:left; margin:16px; border:1px solid #d9d8d8; display:inline;} .oranje2010 { background-image:url(http://www.allgifts.nl/external/introtext/images/oranje2010.jpg); background-repeat:no-repeat; width:545px; height:278px; margin-top:5px; margin-bottom:5px; padding-left:0px; } .oranje2010Images { width:153px; height:120px; float:left; margin-top:106px; padding-left:18px; padding-right:9px; display:inline;} .oranje2010ImagesRight { width:153px; height:120px; float:right; margin-top:106px;display:inline; padding-right:18px; } .oranje2010Images p { text-align:center; margin-top:2px; font-size:12px; line-height:14px; } .oranje2010ImagesRight p { text-align:center; margin-top:2px; font-size:12px; line-height:14px; } .zomerpromotie { background-image:url(http://www.allgifts.nl/external/introtext/images/zomerpromotie.jpg); background-repeat:no-repeat; width:545px; height:375px; margin-top:5px; margin-bottom:5px; padding-left:0px; } .zomerpromotieImages { width:auto; height:170px; float:left; margin-top:78px; display:inline;} .fietsseizoen { background-image:url(http://www.allgifts.nl/external/introtext/images/fietsseizoen.jpg); background-repeat:no-repeat; width:545px; height:358px; margin-top:5px; margin-bottom:5px; padding-left:0px; } .fietsseizoenImages { width:140px; height:120px; float:left; margin-top:186px; padding-right:28px; padding-left:18px; display:inline;} .fietsseizoenImagesRight { width:140px; height:120px; float:right; margin-top:186px; padding-right:22px; display:inline; } .fietsseizoenImages p { text-align:center; margin-top:2px; font-size:12px; line-height:14px; } .fietsseizoenImagesRight p { text-align:center; margin-top:2px; font-size:12px; line-height:14px; } .usb { background-image:url(http://www.allgifts.nl/external/introtext/images/usbartikelen.jpg); background-repeat:no-repeat; width:533px; height: 340px; margin-top:5px; margin-bottom:5px; padding-left:12px; } .usbImages { width:120px; height:132px; float:left; margin-top:75px; padding-right:12px; display:inline;} .klokken { background-image:url(http://www.allgifts.nl/external/introtext/images/klokken.jpg); background-repeat:no-repeat; width:533px; height: 300px; margin-top:5px; margin-bottom:5px; padding-left:12px; } .klokkenImages { width:121px; height:132px; float:left; margin-top:75px; padding-right:12px; display:inline;} .klokkenImages2 { width:121px; height:132px; float:left; margin-top:75px; padding-right:13px; display:inline;} .klokkenImages p, .klokkenImages2 p { text-align:center; margin-top:15px; font-size:12px; line-height:14px; } .wintersport { background-image:url(http://www.allgifts.nl/external/introtext/images/wintersport.jpg); background-repeat:no-repeat; width:527px; height: 440px; margin-top:5px; margin-bottom:5px; padding-left:18px; } .wintersportImages { width:142px; height:133px; float:left; margin-top:75px; display:inline;} .wintersportImages2 { width:142px; height:133px; float:left; margin-top:75px; padding-left:41px; padding-right:41px; display:inline; } .wintersportImages3 { width:142px; height:133px; float:left; display:inline; margin-top:50px;} .wintersportImages4 { width:142px; height:133px; float:left; padding-left:41px; padding-right:41px; display:inline; margin-top:50px; } .usbsticks { background-image:url(http://www.allgifts.nl/external/introtext/images/usbsticks.jpg); background-repeat:no-repeat; width:545px; height: 147px; margin-top:5px; margin-bottom:5px; cursor:pointer; } .geurmarkers { background-image:url(http://www.allgifts.nl/external/introtext/images/geurmarkers_bg.jpg); background-repeat:no-repeat; width:545px; height: 263px; margin-top:5px; margin-bottom:5px; } .geurmarkersImages { width:140px; height:135px; background-color:#FFFFFF; float:left; margin:66px 14px 0 25px; display:inline;} .geurmarkersImages p { text-align:center; margin-top:4px; font-size:12px; line-height:14px; } .lente { background-image:url(http://www.allgifts.nl/external/introtext/images/lente.jpg); background-repeat:no-repeat; width:545px; height: 318px; margin-top:5px; margin-bottom:5px; } .lenteImages { width:140px; height:135px; background-color:#FFFFFF; float:left; margin:76px 14px 0 25px; display:inline;} .lenteImages p { text-align:center; margin-top:14px; font-size:12px; line-height:14px; } .FrontpageText { float:left; width:546px; border:1px solid #e3e3e3; padding:10px; display:inline; margin-top:10px; } .Images { width:555px; margin-top:10px; padding:0; } .Contentleft { border:1px solid #e3e3e3; float:left; margin-bottom:15px; } .Contentmiddle { border:1px solid #e3e3e3; margin:0 19px 15px 19px; float:left; } .Contentmiddle2 { padding-left: 7px; padding-right:5px; } .Contentright { border:1px solid #e3e3e3; float:left; margin-bottom:15px; } .eco { background-image:url(http://www.allgifts.nl/external/introtext/images/ecobg.jpg); background-repeat:no-repeat; width:545px; height: 212px; margin-top:5px; margin-bottom:5px; } .ecoImages { height:123px; height:212px; display:inline; } .ecoImages img { padding-bottom:35px;} .ecoText { height:89px; float:left; } .ecoText p { text-align:center; margin-top:14px; font-size:12px; line-height:14px; text-align:left; color:#437502; padding:0 0 0 19px; margin:0; } .ecoText .bolder { font-size:17px; font-weight:bold; font-style:italic; text-align:left; margin-top:4px; } .zwaluwhoeve { background-image:url(../../../external/introtext/images/zwaluwhoeve.jpg); background-repeat:no-repeat; width:545px; height: 140px; margin-top:5px; margin-bottom:5px; } p { line-height:17px; text-align:justify; color:#002c76; font-size:12px; } /* * spotlight positioning and measurements */ #spotlight {position:absolute; left:690px; top:54px; width:288px; height:103px; overflow:hidden;} /* * buttons */ #mailingButton { float:left; margin-top:8px; width:192px; } #mailingOverview { float:left; margin-top:8px; width:192px; } #klanten { float:left; margin-top:8px; width:192px; } #randomButton { float:left; margin-top:0px; width:192px; } #kerstButton { float:left; margin-top:8px; width:192px; } #brands { float:left; margin-top:8px; width:192px; } #nieuws { float:left; margin-top:8px; width:192px; } #acties { float:left; margin-top:8px; width:192px; } #referenties { float:left; margin-top:8px; width:192px; } #testimonials { float:left; margin-top:8px; width:192px; } /* * text area's */ .LargeText { float:left; width:546px; border:1px solid #e3e3e3; padding:10px; display:inline; margin-top:10px; } .LargeText h2 { color:#edc200; font-size:12px; font-weight:bold;} .LargeText img { float:right; position:relative; margin-left:10px; } .LargeText a:link { font-weight:bold; font-size:11px; } .LargeText a:visited { font-weight:bold; font-size:11px; } .LargeText a:hover { font-weight:bold; font-size:11px; } .LargeText a:active { font-weight:bold; font-size:11px; } .ColumnLeft { width:272px; position:relative; float:left; } .ColumnRight { width:286px; position:relative; float:left; margin:0 0 0 10px; } .Line { border-bottom: 1px dotted #e3e3e3; margin:5px 0 5px 0; } .left { float:left; position:relative; margin-right:10px; } .right { float:right; position:relative; margin-left:10px; } .BoxDark { float:left; border:1px solid #e3e3e3; padding:10px; display:inline; margin-top:10px; background-color:#f3f4f4; } .BoxDark h2 { color:#002c76; font-size:12px; font-weight:bold; } .BoxDark a:link { font-weight:bold; font-size:11px; } .BoxDark a:visited { font-weight:bold; font-size:11px; } .BoxDark a:hover { font-weight:bold; font-size:11px; } .BoxDark a:active { font-weight:bold; font-size:11px; } .BoxLeft { float:left; border:1px solid #e3e3e3; padding:10px; display:inline; margin-top:10px; } .BoxLeft h2 { color:#edc200; font-size:12px; font-weight:bold; } .BoxLeft a:link { font-weight:bold; font-size:11px; /* white-space:nowrap; */ } .BoxLeft a:visited { font-weight:bold; font-size:11px; } .BoxLeft a:hover { font-weight:bold; font-size:11px; } .BoxLeft a:active { font-weight:bold; font-size:11px; }#portfolio {border:1px solid #e3e3e3; float:right; margin-right:0px; margin-top:8px; padding-left:4px; padding-top:8px; padding-bottom:6px; width:186px; } #portfolioCompanyNames {margin-left:1px; margin-top:1px; width:163px; /*text-align:justify;*/ font-family:arial; letter-spacing:1; color:#84888B; font-size:10px; font-weight:bolder; } #portfolio h1 {color:#edc200; font-size:12px; font-weight:bold;} #portfolio ul {float:left; padding-left:0px;} #portfolio ul li {width:25px; float:left; list-style:none; padding:0px;} #portfolio ul li a {width:27px; height:80px; display:block; background-repeat:no-repeat; background-position:top left;} #ordersteps {width:537px; padding:10px 24px; float:left;} #ordersteps .outerborder {border:1px solid #d3d7e3; padding:5px 19px 19px 14px; margin-top:12px;} #ordersteps h1 {color:#ebc11c; font-size:16px; font-weight:bold;} #ordersteps fieldset {border:1px solid #d3d7e3; margin-bottom:10px; padding:10px 19px;} #ordersteps fieldset fieldset{padding:10px 11px;} #ordersteps legend {color:#ebc11c; font-size:16px; font-weight:bold;} #ordersteps sup {color:inherit; font-size:10px;} #ordersteps p { margin-top:10px;} #fsSampleQuestion {margin-top:10px;} #ordersteps input[readonly] {border:0;} #calendar-container {padding-right:15px; float:left;} .type-text, .type-check, .type-button {padding:3px;} .type-text input, .type-text textarea {padding:0.2em; width:63%; border:1px solid #a1b8cc;} .order-amount input {width:27%; text-align:right;} .other-reason textarea {width:90%;} .type-text input:hover, .type-text textarea:hover, .type-text input:active, .type-text textarea:active, .type-text input:focus, .type-text textarea:focus {border:1px solid #ebc11c;} .type-text label {float:left; width:27%;} .order-amount label {width:63%;} .other-reason label {display:none;} .type-check {padding-left:27%;} .type-check input {border:0; width:13px; height:13px;} .type-check .left {float:left; width:49%; text-align:center; margin-top:-8px;} .type-check .left input {margin-left:0; margin:0;} .type-check .right {float:right; width:49%; text-align:center; margin-top:-8px;} .type-check .right input {margin-left:0; margin:0;} .type-check label {} .check-full {padding-left:0; margin-right:-10px;} .small-label label {font-size:11px;} /*.type-button input {padding:0.3em; background-color:#ebc11c; border:1px solid #002C76; font-weight:bold; cursor:pointer; cursor:hand;} .type-button input.back {background-color:#EFDA77; font-weight:normal;} .type-button input:hover, .type-button input:active, .type-button input:focus {background-color:#d6d7e9;}*/ .type-button input {margin:0; padding:0 0 2px 0; width:102px; height:30px; line-height:28px; font-weight:bold; border:0; background:url(../../../images/btn_bg.gif) right top no-repeat; color:#ffffff; cursor:pointer; cursor:hand;} .type-button input.back {background-image:url(../../../images/btn2_bg.gif);} .type-button input:hover, .type-button input:active, .type-button input:focus {background-image:url(../../../images/btn_bg_over.gif);} .delivery input {width:160px; margin-top:3px; float:left;} .delivery .message {margin:2px 0 2px 0 !important; text-align:center;} .delivery label {position:relative; float:left;} .prefilled_pass {color:#002c76;} #commentBTW div {padding-left:27%; font-size:11px; color:#002c76;} .required {width:4%; padding:2px; float:right;} .img_left {float:left;} .order_prod_detail {float:left; width:100%; padding-bottom:10px;} .order_prod_text {line-height:19px;} .order_prod_text h3 {margin-top:4px; color:#ebc11c;} .order_prod_detail img {padding-right:15px;} .order_prices h2 {font-weight:bold; margin-bottom:4px; padding-top:5px;} .price_details {padding-bottom:26px; width:230px; float:left; height:125px; padding-right:20px;} .price_details span {float:left; position:relative; padding:4px 15px 1px 0;} .price_details span span {float:none; position:absolute; right:4px; padding:0;} .price_details .lbl_left {width:117px; white-space:nowrap;} .price_details .lbl_right {width:73px; text-align:right; white-space:nowrap;} .price_details .line {border-bottom:1px solid #D6D7E9;} .order_prices p {margin: 4px; font-size: 10px; text-align:justify; line-height:13px; } .user_agreement {position:relative; height:200px; overflow:auto; padding-right:20px;} .mid-line {background:url(../../../images/mid_line.gif) 50% 0px no-repeat;} .mid-line .type-check {padding:0;} .error {border:1px dashed #ff0000; background:#fdebeb; padding:3px; margin:3px 0; color:#ff0000;} .error .message {color:#ff0000; display:block; margin-left:27%; clear:both; font-weight:normal;} .underline {text-decoration:underline;} .right {float:right;} /* hacks below */ * html #ordersteps legend {margin-bottom:14px;} *:first-child+html #ordersteps legend {margin-bottom:14px;} * html .mid-line {background-position:50% 20px;} *:first-child+html .mid-line {background-position:50% 20px;} * html .delivery label {padding-left:2px;} #lightbox {background-color:#e3e3e3; padding:10px; border-bottom:2px solid #666; border-right:2px solid #666;} #lightboxDetails {font-size:0.8em; padding-top:0.4em;} #lightboxCaption {float:left;} #keyboardMsg {float:right;} #closeButton {top:5px; right:5px;} #lightbox img {border:none; clear:both;} #overlay img {border:none;} #overlay {background-image: url(../../../js/lightbox/overlay.png); cursor:pointer; cursor:hand;} /* IE6 (7?) hack */ * html #overlay {background-color:#333; back\ground-color:transparent; background-image:url(blank.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/js/lightbox/overlay.png", sizingMethod="scale");} #nieuwsbrief {width:537px; padding:10px 24px; float:left;} #nieuwsbrief p {margin-bottom:15px;} #nieuwsbrief .outerborder {border:1px solid #d3d7e3; padding:5px 19px 19px 14px; margin-top:12px;} #nieuwsbrief h1 {color:#ebc11c; font-size:16px; font-weight:bold;} #nieuwsbrief fieldset {border:1px solid #d3d7e3; margin-bottom:10px; padding:10px 19px;} #nieuwsbrief fieldset fieldset {padding:10px 11px;} #nieuwsbrief legend {color:#ebc11c; font-size:16px; font-weight:bold;} #nieuwsbrief a:hover u {text-decoration:none;} /* see for other styles:orderstep.allgifts.styles.css */ #error {float:left; width:546px; border:1px solid #e3e3e3; margin:0px 8px 8px 8px; padding:10px; display:inline;} #rightComponents .actie_slider, #rightComponents .slide_container, #rightComponents .slider, #rightComponents .slider a {width:184px; height:463px;} #rightComponents .actie_slider {position:relative; border:solid 1px #e3e3e3; padding:3px; z-index:1; } #rightComponents .slide_container {overflow:hidden; position:relative; background:#cccccc; } #rightComponents .slider {position:absolute; left:0px; width:552px;} #rightComponents .slider a {display:block; float:left;} #rightComponents .navigation {width:185px; height:30px; position:absolute; background:white; bottom:3px; left:3px; z-index:100; padding-top:3px;} #rightComponents .navigation a {display:block; text-decoration:none; float:left; background:#f8f9fb; width:38px; margin-right:1px; height:30px;} #rightComponents .navigation a.prev {background:url(../../../images/btn_slide_left.gif); width:33px;} #rightComponents .navigation a.prev:hover {background:url(../../../images/btn_slide_left_act.gif);} #rightComponents .navigation a.next {background:url(../../../images/btn_slide_right.gif); width:33px; float:right;} #rightComponents .navigation a.next:hover {background:url(../../../images/btn_slide_right_act.gif);} #rightComponents .navigation a.act {background:#dee7f8;} #rightComponents .navigation a.current {background:#f1d360;} * html #rightComponents .navigation {bottom:2px; width:186px; overflow:hidden;}