/* @override http://www.slamshop.be/css/_style.css */ .oranjelogo {background-color:#de9935;} .bruinlogo {background-color:#797a30;} .groenlogo {background-color:#0f5f38;} .beigefond {background-color:#e3e1d2;} .bruinfooter {background-color:#635a34;} body {font-family:Arial,sans-serif; color:#333333; line-height:1.166; margin:0px; padding:0px; background:#635a34 url(/_imgs/bg/bg.gif) repeat-x;} a:link, a:visited {color:#0f5f38; text-decoration:none;} a:hover {text-decoration:underline;} h1 {font:bold 120% Arial,sans-serif; color:#334d55; margin:0px; padding:0px;} h2 {font:bold 114% Arial,sans-serif; color:#006699; margin:0px; padding:0px;} h3 {font:bold 100% Arial,sans-serif; color:#334d55; margin:0px; padding:0px;} h4 {font:100% Arial,sans-serif; color:#333333; margin:0px; padding:0px;} h5 {font:100% Arial,sans-serif; color:#334d55; margin:0px; padding:0px;} /*************** list tag styles ***************/ ul {list-style-type:square;} ul ul {list-style-type:disc;} ul ul ul {list-style-type:none;} /********* form and related tag styles *********/ form {margin:0; padding:4px;} #searchform select {background-color:#fff;} #searchform input {} input {font-family:Arial,sans-serif;} /***********************************************/ /* Layout Divs */ /***********************************************/ #pagecell1 {position:absolute; top:30px; left:2%; right:2%; width:95.6%;} #tl {position:absolute; top:-1px; left:-1px; margin:0px; padding:0px; z-index:100;} #tr {position:absolute; top:-1px; right:-1px; margin:0px; padding:0px; z-index:100;} #masthead {position:absolute; top:0px; left:2%; right:2%; width:95.6%;} #pageNav {float:left; width:170px; padding:0px; font:small Verdana,sans-serif; } #content {padding:30px 0px 0px 0px; margin:0px 0px 0px 178px; background:url(/_imgs/slamheader_rbottom.gif) no-repeat right top;} /***********************************************/ /* Component Divs */ /***********************************************/ #siteName {margin:0px; padding:16px 0px 8px 0px; color:#ffffff; font-weight:normal;} /************** utility styles *****************/ #utility {font:75% Verdana,sans-serif; position:absolute; top:16px; right:0px; color:#919999;} #utility a {color:#ffffff;} #utility a:hover {text-decoration:underline;} /************** pageName styles ****************/ #pageName {padding:0px 0px 0px 0px; margin:0px; background:#e3e1d2 url(/_imgs/slamheader_rtop.gif) no-repeat right bottom;} #pageName h2 {font:bold 175% Arial,sans-serif; color:#000000; margin:0px; padding:0px;} #pageName img {padding:0px; margin:0px;} /************* globalNav styles ****************/ #globalNav {position:relative; width:100%; min-width:640px; height:32px; color:#cccccc; padding:0px; margin:0px; background-image:url(glbnav_background.gif);} #globalNav img {margin-bottom:-4px;} #gnl {position:absolute; top:0px; left:0px;} #gnr {position:absolute; top:0px; right:0px;} #globalLink {position:absolute; top:6px; height:22px; min-width:640px; padding:0px; margin:0px; left:10px; z-index:100;} a.glink, a.glink:visited {font-size:small; color:#000000; font-weight:bold; margin:0px; padding:2px 5px 4px 5px; border-right:1px solid #8FB8BC;} a.glink:hover {background-image:url(glblnav_selected.gif); text-decoration:none;} .skipLinks {display:none;} /************ subglobalNav styles **************/ .subglobalNav {position:absolute; top:84px; left:0px; /*width: 100%;*/ min-width:640px; height:20px; padding:0px 0px 0px 10px; visibility:hidden; color:#ffffff;} .subglobalNav a:link, .subglobalNav a:visited {font-size:80%; color:#ffffff;} .subglobalNav a:hover {color:#cccccc;} /*************** search styles *****************/ #search {position:absolute; top:5px; right:10px; z-index:101;} #search input {font-size:70%; margin:0px 0px 0px 10px;} #search a:link, #search a:visited {font-size:80%; font-weight:bold;} #search a:hover {margin:0px;} /************* breadCrumb styles ***************/ #breadCrumb {padding:5px 0px 5px 10px; font:small Verdana,sans-serif; color:#aaa;} #breadCrumb a {color:#aaa;} #breadCrumb a:hover {color:#005FA9; text-decoration:underline;} /************** newsitem styles *****************/ .newsitem {padding:10px; font-size:80%; width:350px; margin-right:20px; margin-bottom:20px; float:left; background-color:#e3e1d2; } .newsitem h3 {font:bold 175% Arial,sans-serif; color:#000; padding:15px 0px 5px 0px;} .newsitem img {padding:0px; margin:0;} .newsitem .thumb {float:left; margin:0px 0px 20px 0px;} /************** feature styles *****************/ .feature { float:left;width:99%; background-color:#e3e1d2;} .innerfeature {font-size:80%; padding:0px 20px 40px 20px; max-width:700px;} .innerfeature h3 {font:bold 175% Arial,sans-serif; color:#000;} .innerfeature img {padding:0px 0px 0px 0px; margin:0px 20px 20px 0px;float:left;} /*************** story styles ******************/ .story {padding:10px 0px 0px 10px; font-size:80%;} .story h3 {font:bold 125% Arial,sans-serif; color:#000;} .story p {padding:0px 0px 10px 0px;} .story a.capsule {font:bold 1em Arial,sans-serif; color:#005FA9; display:block; padding-bottom:5px;} .story a.capsule:hover {text-decoration:underline;} td.storyLeft {padding-right:12px;} /************** siteInfo styles ****************/ #siteInfo {clear:both; font-size:11px; color:#d7cd7b; padding:10px 10px 10px 180px; margin-top:0px; background-color:#635a34; border-top:1px solid #797a30;} #siteInfo a {color:#d7cd7b;} #siteInfo a:hover {color:#fcfd92; text-decoration:none;} #siteInfo img {padding:4px 4px 4px 0px; vertical-align:middle;} /************ sectionLinks styles **************/ #sectionLinks {margin:30px 0px 40px; padding:0px 0px0px 0px;background-color:#0f5f38;} #sectionLinks h3 {padding:10px 0px 2px 10px;} #sectionLinks a:link, #sectionLinks a:visited {display:block; padding:3px 0px 3px 10px; font:14px Arial, Helvetica, Geneva, sans-serif; color:#e3e1d2; border-bottom:1px solid #e3e1d2;} #sectionLinks a:hover { background-color:#fff; text-decoration:none; color:#0f5f38;} #sectionLinks a.actief {color:#fff; background-color:#de9935;} #sectionLinks #languagemenu .nonactief {width:20px; float:right;background-color:#0f5f38; font-size:11px;} #sectionLinks #languagemenu .actief {width:20px; float:right; font-size:11px;} #sectionLinks #languagemenu a:hover {background-color:#fff; text-decoration:none; color:#0f5f38;} #sectionLinks #subnav a:link, #sectionLinks #subnav a:visited {display:block; padding:3px 0px 3px 20px; color:#635a34;} #sectionLinks #subnav a:hover { background-color:#8a5f20; text-decoration:none; color:#fff;} #sectionLinks #subnav a.actief {color:#fff;} #pageNav #sectionLinks #subnav .nonactief {background-color:#dcc69a; font-size:12px;} #pageNav #sectionLinks #subnav .actief {background-color:#8a5f20; font-size:12px;color:#fff;} #pageNav #sectionLinks #subnav .nonactief:hover {background-color:#8a5f20; text-decoration:none; color:#fff;} /************ payement styles **************/ #payementinfo {margin:50px 0px 0px; padding:0px; } #payementinfo .gewonelink {margin:0px 0px 20px; color:#fff; font:0.9em Arial, Helvetica, Geneva, sans-serif;} #payementinfo .gewonelink:hover {text-decoration:none; color:#000;} #payementinfo img {margin:0px 0px 20px 0px;border:none;} /************* relatedLinks styles **************/ .relatedLinks {margin:0px; padding:0px 0px 10px 10px; border-bottom:1px solid #ccc;} .relatedLinks h3 {padding:10px 0px 2px 0px;} .relatedLinks a {display:block;} /**************** advert styles *****************/ #advert {padding:10px;} #advert img {display:block;} /********************* end **********************/ /***************** homepage ****************/ #logos {background-color:#282314; padding:5px; float:left; width:100%;margin-top:7px;margin-bottom:20px;} #logos {color:#e3e1d2; font-size:12px;} #logos img {margin:14px;} /***************** contactform ****************/ #contactgegevens {width:200px; float:left; font-size:12px; padding-left:20px; padding-bottom:20px;} #contactform {float:left; padding-left:20px;} #contactform label {display:block; float:left;width:100px; font-size:12px;} ._structuur {color:#00adf0;} .clearDIV {clear:both;} /********************* CAP **********************/ #choices {background-color:#e3e1d2; margin:0; padding:5px;} #choices .inputtext {background-color:#e3e1d2; color:#635a34;} #choices .button {background-color:#e3e1d2; color:#635a34; height:19px;} .capthumbdiv {width:120px; float:left; margin:20px; font-size:12px; text-align:center;} .capthumb {width:120px; border:0;} .capthumb a {border:0; text-decoration:none;} .capthumbdiv a {text-decoration:none; color:#000; font-weight:bold;} .capthumbdiv a:hover {text-decoration:none; color:#fff; background-color:#8d6208;} #productbody {background-color:#fff; background-image:none;} #productcontent {width:550px;padding-top:20px;} #productbeeld {width:320px; float:left; text-align:center;} #productbeeld img {margin-bottom:10px;} #productinfo {width:230px; float:right; font-size:12px;} img.productbeeldlarge {width:290px;} #productinfo {} #productinfo .productname {font-weight:bold; margin-top:10px; font-size:14px; margin-bottom:15px; line-height:1.3em; padding-right:10px;} #productinfo .subtitle {font-weight:bold; margin-top:10px;} #productinfo .intro {margin-top:20px; line-height:1.2em;} #productinfo .size {margin-top:20px;} #productinfo label {font-weight:normal; width:95px; float:left;line-height:1;} #productinfo select {} #productinfo .quantity {} #productinfo .productprice {margin-top:20px;} #productinfo .prijs {font-weight:bold;} #productinfo .adtocart {} #productinfo .submitbutton {margin-top:20px;} /***************** BUTTON ****************/ .clear {/* generic container (i.e. div) for floating buttons */ overflow:hidden; width:100%;} a.button {background:transparent url('_imgs/bg_button_a.gif') no-repeat scroll top right; color:#444; display:block; float:left; font:normal 12px arial, sans-serif; height:24px; margin-right:6px; padding-right:18px; /* sliding doors padding */ text-decoration:none;} a.button span {background:transparent url('../_imgs/bg_button_span.gif') no-repeat; display:block; line-height:14px; padding:5px 0 5px 18px;} a.button:active {background-position:bottom right; color:#000; outline:none;/* hide dotted outline in Firefox */} a.button:active span {background-position:bottom left; padding:6px 0 4px 18px;/* push text down 1px */} .productDIV {float:left; width:100px; background-color:#fff; margin:0px 10px 10px 0px; font-size:80%;height:140px;} .productDIV .labelnew img {position:absolute; z-index:100; display:inline;margin:0;padding:0;} .productDIV .productTABLE {width:100px;height:140px;} .productDIV .productTABLE.nieuw {background-color:#fff;} .productDIV .productTABLE .thumbnailTD {text-align:center; vertical-align:middle; height:70px;} .productDIV .productTABLE .productInfoTD {text-align:center;} .productDIV .productTABLE .productInfoTitle {text-align:center; height:30px; font-weight:bold; color:#000; font-size:11px;} .productDIV .productTABLE .productInfoPrice {font-size:10px; text-align:center; height:20px;} .productDIV .productTABLE .thumbnailTD img {border:none;} .productDIV .productTABLE:hover {text-decoration:none; background-color:#e3e1d2;height:140px;} .productDIV .productTABLE .productInfoTitle a {text-decoration:none; color:#000; font-weight:bold;} .productDIV .productTABLE .productInfoTitle a:hover {text-decoration:none; color:#fff; background-color:#e3e1d2;} .deurstript {text-decoration:line-through; color:#de9935;} .reductieprijs {font-weight:bold;} #carttable {font-size:12px; width:99%;background-color:#fff;} #carttable th {background-color:#e3e1d2; padding:4px; border-right:3px solid #fff;} #carttable td {border-right:1px solid #e3e1d2; padding:4px; text-align:center; border-bottom:1px solid #de9935;} #carttable td.carttotal {border-right:3px solid #fff; padding:4px; text-align:center; border-bottom:1px solid #de9935; background-color:#de9935; color:#fff; font-size:14px;} #searchform {margin:0px 0px 10px 0px; background-color:#de9935; width:99%;} .sizinginfo a {color:#fff;font-size:12px; text-decoration:underline; float:right;margin-top:-17px;margin-right:20px;} .sizinginfo a:hover {color:#885d1f;font-size:12px; text-decoration:underline;} #formdiv {font-size:12px; background-color:#e3e1d2; padding:10px;width:97%; float:left;line-height:1.4em;} #formdiv #cartform {float:left;} #formdiv .userdata {float:left;width:460px;background-color:#fffad2;padding:10px;margin-top:0; border-top:1px dotted #de9935; border-bottom:1px dotted #de9935;color:#af7828;} #formdiv .userdata input {} #formdiv #cartform label {font-size:12px; font-weight:normal; width:76px; display:block; float:left;} #formdiv #cartform input {font-size:12px; margin-left:30px;} #formdiv #cartform select {font-size:12px; margin-left:30px;} #formdiv #formsteps {background-color:#f0efdf; padding:10px; color:#adada1; margin-left:500px;} #formdiv #formsteps .uitleg {background-color:#fffad2;padding:10px;margin-top:0; border-top:1px dotted #de9935; border-bottom:1px dotted #de9935;color:#af7828;} #formdiv .stap {font-size:14px; font-weight:bold;} #formdiv #cartform .cartinput { border:1px solid #e3e1d2;} #formdiv #formsteps .selected {font-size:16px; color:#635a34;margin-bottom:0;} #formdiv #formsteps .selected .stap {font-size:16px; color:#635a34;} #howtorder {font-size:12px; background-color:#e3e1d2; padding:0px 20px 20px 20px;} #howtorder ol {width:600px;} #howtorder h3 {color:#635a34; font-size:18px; display:block;background-color:#fff;padding:3px;margin-bottom:10px;} #howtorder h4 {font-weight:bold;display:block;background-color:#d2d0c3; width:600px;padding:3px;} #howtorder p {width:600px;margin-bottom:20px;} #returnpolicy {font-size:12px; background-color:#e3e1d2; padding:0px 20px 20px 20px;} #returnpolicy ol {width:600px;} #returnpolicy h3 {color:#635a34; font-size:18px; display:block;background-color:#fff;padding:3px;margin-bottom:10px;} #returnpolicy h4 {font-weight:bold;display:block;background-color:#d2d0c3; width:600px;padding:3px;} #returnpolicy p {width:600px;margin-bottom:20px;} #sizinginfo {width:600px;} #sizinginfo h3 {font-weight:normal;margin-bottom:20px;} #sizinginfo h4 {font-size:14px; font-weight:bold; display:block;background-color:#de9935;margin-bottom:10px;color:#fff;padding:2px;} #sizinginfo td {text-align:left;line-height:14px; vertical-align: middle;} #sizinginfocaps {font-size:12px;width:600px;} #sizinginfoshoes {font-size:12px;width:600px;margin-top:10px;} #sizinginfo tr.merk td {font-size:16px;} #sizinginfo tr td {background-color:#fff; text-align:center;line-height:14px; vertical-align: middle; padding:1px; border:1px solid #fff;} #sizinginfo tr.d td {background-color:#e3e1d2; text-align:center;line-height:14px; vertical-align: middle; padding:1px;} #sizinginfo tr.d td.capsize , #sizinginfo tr td.maateenheid {font-weight:bold;text-align:left;} #sizinginfo tr.d td.leeg {background-color:#fff;}