/* start */  /* PAGE DEFAULT */ body { font-family: sans-serif; margin: 0px; background:url('http://www.madness-shop.com/images/bg.png'); }  p { margin: 0px; } a { color: #898584; text-decoration: underline; } a:hover { text-decoration: none; } img{ border: none; } img.darkborder { border: 1px solid #766f70; } img.grayborder { border: 1px solid #acacac; } form { margin: 0px; } ul { margin: 0; padding: 0; list-style-type: none; clear:both; } li { font-family: sans-serif; font-size:12px; color:#636363; float:left; text-align:left; } .none { display: none; } .clear-all { clear: both; margin: 0; padding: 0; line-height: 1px; height: 1px; } .clear-left { clear: left; margin: 0; padding: 0; line-height: 1px; height: 1px; } .preloadimage, .loader { display:none; } .relative { position: relative; z-index: 1000; }  .spacer2 { height:2px; clear: both; margin: 0; padding: 0; } .spacer3 { height:3px; clear: both; margin: 0; padding: 0; } .spacer4 { height:4px; clear: both; margin: 0; padding: 0; } .spacer5 { height:5px; clear: both; margin: 0; padding: 0; } .spacer7 { height:7px; clear: both; margin: 0; padding: 0; } .spacer10 { height:10px; clear: both; margin: 0; padding: 0; } .spacer12 { height:12px; clear: both; margin: 0; padding: 0; } .spacer13 { height:13px; clear: both; margin: 0; padding: 0; } .spacer15 { height:15px; clear: both; margin: 0; padding: 0; } .spacer17 { height:17px; clear: both; margin: 0; padding: 0; } .spacer20 { height:20px; clear: both; margin: 0; padding: 0; } .spacer25 { height:25px; clear: both; margin: 0; padding: 0; } .spacer30 { height:30px; clear: both; margin: 0; padding: 0; } .spacer50 { height:50px; clear: both; margin: 0; padding: 0; }  input.gray{ border: 1px solid #7c7873; font-family: sans-serif; font-size: 12px; color: #000000; width: 117px; height: 16px; padding: 2px 3px 0 3px; } input.grayi{ border: 1px solid #7c7873; font-family: sans-serif; font-size: 12px; font-style:italic; color: #5a5852; width: 117px; height: 16px; padding: 2px 3px 0 3px; }  input.width270gray { border: 1px solid #7c7873; font-family: sans-serif; font-size: 12px; font-style: italic; color: #5d5c5c; height: 16px; width: 264px; padding: 2px 3px 0 3px; }  input.width270 { border: 1px solid #7c7873; font-family: sans-serif; font-size:12px; color: #000000; height: 16px; width: 264px; padding: 2px 3px 0 3px:  }  input.gray2 { border-left: #e2e3ea 1px solid; border-right: #e2e3ea 1px solid; border-top: #abadb3 1px solid; border-bottom: #e3e9ef 1px solid; font-family: sans-serif; font-size: 12px; padding-top: 2px; color: #000000; width: 154px; padding-left: 3px; padding-right: 3px; height: 15px; } select.gray2 { border-left: #e2e3ea 1px solid; border-right: #e2e3ea 1px solid; border-top: #abadb3 1px solid; border-bottom: #e3e9ef 1px solid; font-family: sans-serif; font-size: 12px; padding-top: 2px; color: #000000; width: 160px; }  input.width70 { width:64px; } input.width110 { width: 110px; } input.width25 { width: 25px; margin-left: 5px; }  /* bullets on lists */ .formatedcontent ul li, .bullets ul li { background-image: url('http://www.madness-shop.com/images/bull.png'); background-position: 2px 6px; background-repeat: no-repeat; padding-left: 10px; }  /* FONTS */ span.sansblack14b { font-family: sans-serif; font-size: 14px; color: #000000;font-weight: bold; } span.sansblack14 { font-family: sans-serif;font-size: 14px;color: #000000; font-weight: normal; } span.sanswhite14b { font-family: sans-serif; font-size: 14px; color: #ffffff;font-weight: bold; } span.sanswhite12 { font-family: sans-serif; font-size: 12px; color: #ffffff; font-weight: normal; } span.sanswhite12b { font-family: sans-serif; font-size: 12px; color: #ffffff; font-weight: bold; } span.sansred12 { font-family: sans-serif; font-size: 12px; color: #f82828; font-weight: normal; } span.sansred11 { font-family: sans-serif; font-size: 11px; color: #f82828; font-weight: normal; } span.sans1darkgray12 { font-family: sans-serif; font-size: 12px; color: #504f4c; font-weight: normal; } span.sansdarkgray12 { font-family: sans-serif; font-size: 12px; color: #333230; font-weight: normal; } span.sansdarkgray12b { font-family: sans-serif;font-size: 12px; color: #333230; font-weight: bold; } span.sans1darkgray14b { font-family: sans-serif; font-size: 14px; color: #46433c; font-weight: bold; } span.sanswhitegray12b {font-family: sans-serif; font-size: 12px; color: #f3f0f0;font-weight: bold; } span.sansgray13u { font-family: sans-serif; font-size: 13px; color: #5a5852; font-weight: normal; text-decoration: underline; } span.sansblack12 { font-family: sans-serif; font-size: 12px; color: #000000; } span.sansblack12b { font-family: sans-serif; font-size: 12px; color: #000000; text-decoration: underline; font-weight: bold; } span.sansblack12 { font-family: sans-serif;font-size: 12px;color: #000000; font-weight: normal; } span.sansgray16 { font-family: sans-serif; font-size: 16px; color: #7f7872; font-weight: normal; }  /* LINKS */ a.sansblack14b:link{ font-family: sans-serif; font-size:14px; color:#000000; font-weight:bold; text-decoration:none; } a.sansblack14b:visited { font-family: sans-serif; font-size:14px; color:#000000; font-weight:bold; text-decoration:none; } a.sansblack14b:hover { text-decoration:underline; } a.sansblack12:link{ font-family: sans-serif; font-size:12px; color:#000000; font-weight:normal; text-decoration:none; } a.sansblack12:visited { font-family: sans-serif; font-size:12px; color:#000000; font-weight:normal; text-decoration:none; } a.sansblack12:hover { font-family: sans-serif; font-size:12px; color:#000000; font-weight:normal; text-decoration:underline; } a.sanswhitegray14:link { font-family: sans-serif; font-size:14px; color:#f3f0f0; font-weight:normal; text-decoration:none; } a.sanswhitegray14:visited { font-family: sans-serif; font-size:14px; color:#f3f0f0; font-weight:normal; text-decoration:none; } a.sanswhitegray14:hover { text-decoration:underline; } a.sanswhite13b:link{ font-family: sans-serif; font-size:13px; color:#ffffff; font-weight:bold; text-decoration:none; } a.sanswhite13b:visited { font-family: sans-serif; font-size:13px; color:#ffffff; font-weight:bold; text-decoration:none; } a.sanswhite13b:hover { text-decoration:underline; } a.sanswhitegray12:link { font-family: sans-serif; font-size:12px; color:#f3f0f0; font-weight:normal; text-decoration:none; } a.sanswhitegray12:visited { font-family: sans-serif; font-size:12px; color:#f3f0f0; font-weight:normal; text-decoration:none; } a.sanswhitegray12:hover { text-decoration: underline; } a.sanswhitegray12b:link { font-family: sans-serif; font-size:12px; color:#f3f0f0; font-weight:bold; text-decoration:none; } a.sanswhitegray12b:visited { font-family: sans-serif; font-size:12px; color:#f3f0f0; font-weight:bold; text-decoration:none; } a.sanswhitegray12b:hover { text-decoration: underline;} a.sansdarkgray14:link { font-family: sans-serif; font-size:14px; color:#2c2829; font-weight:normal; text-decoration:none; } a.sansdarkgray14:visited { font-family: sans-serif; font-size:14px; color:#2c2829; font-weight:normal; text-decoration:none; } a.sansdarkgray14:hover { text-decoration: underline; } a.sansdarkgray12:link { font-family: sans-serif; font-size: 12px; color: #2c2829; font-weight: normal; text-decoration: none; } a.sansdarkgray12:visited { font-family: sans-serif; font-size: 12px; color: #2c2829; font-weight: normal; text-decoration: none; } a.sansdarkgray12:hover { text-decoration: underline; } a.sansdarkgray12u:link { font-family: sans-serif; font-size: 12px; color: #2c2829; font-weight: normal; text-decoration: underline; } a.sansdarkgray12u:visited { font-family: sans-serif; font-size: 12px; color: #2c2829; font-weight: normal; text-decoration: underline; } a.sansdarkgray12u:hover { text-decoration: none; } a.sansdarkgray13:link { font-family: sans-serif; font-size: 13px; color: #2c2829; font-weight: normal; text-decoration: none; } a.sansdarkgray13:visited { font-family: sans-serif; font-size: 13px; color: #2c2829; font-weight: normal; text-decoration: none; } a.sansdarkgray13:hover { text-decoration: underline; } a.sansgreen12u:link { font-family: sans-serif; font-size: 12px; color: #327854; font-weight: normal; text-decoration: underline; } a.sansgreen12u:visited { font-family: sans-serif; font-size: 12px; color: #327854; font-weight: normal; text-decoration: underline; } a.sansgreen12u:hover { font-family: sans-serif; font-size: 12px; color: #327854; font-weight: normal; text-decoration: none; } a.sansgray13:link { font-family: sans-serif; font-size: 13px; color: #5a5852; font-weight: normal; text-decoration: none; } a.sansgray13:visited { font-family: sans-serif; font-size: 13px; color: #5a5852; font-weight: normal; text-decoration: none; } a.sansgray13:hover { text-decoration: underline; } a.sansgray12:link { font-family: sans-serif; font-size: 12px; color: #44413b; font-weight: normal; text-decoration: none; } a.sansgray12:visited { font-family: sans-serif; font-size: 12px; color: #44413b; font-weight: normal; text-decoration: none; } a.sansgray12:hover { text-decoration: underline; }  /* HTMLFRAME */ #mainbackground { text-align: center; } #wrapper { width: 960px; margin: 0 auto; }  #header { width: 960px; height: 124px; margin: 0 auto; background: url('http://www.madness-shop.com/images/header.png');} #header h1 {  background: url('http://www.madness-shop.com/images/sl-SI/logo.png'); width: 355px; height: 56px; text-indent: -1000em; cursor: pointer; margin: 0; padding: 0; } #header li.left { width: 365px; padding-top: 31px; padding-left: 15px; } #header li.right { width: 580px; text-align: left; } #header div.rightlinks { padding: 0 10px 17px 0; } #header div.linkssmallmenu { position: absolute;  z-index: 100;  width: 580px;  background: url('http://www.madness-shop.com/images/header_small.png') top right no-repeat;  } #headersmallbaskettitle { width: 100px; text-align: center; } #headersmallblack li { height: 20px; float: left; }  #headersmallblack .headersmallblack { background: #2c2829; padding:5px 10px 0 10px; border-left: #545051 1px solid; float: left; } #headersmallblack, #headersmallblack ul { float: right; }  /* user bar */ #userbar { float: right; text-align: right; margin: 100px 0px -10px 0; }  #headerlinks { float: right; margin-right: 10px; } #headerlinks li.delimiter { padding-top:4px; } #headerblack { background: #2c2829; margin: 0 auto; text-align: left; height: 34px; width: 960px; } #headerblack li.mainleft { width: 755px; padding-left: 5px; } #headerblack li.mainright { width: 200px; } #headerblack li.line { padding: 10px 7px 9px 7px; font-family: sans-serif; font-size: 12px; font-weight: bold; color: #f9f6f1; text-transform: uppercase; cursor: pointer; } #headerblack li.line:hover { padding: 10px 7px 9px 7px; font-family: sans-serif; font-size: 12px; font-weight: bold; color: #f9f6f1; background: url('http://www.madness-shop.com/images/bg_hover.png'); text-transform: uppercase; cursor: pointer; } #headerblack li.linedelimiter { background: url('http://www.madness-shop.com/images/nodes_delimiter.png') top; height: 26px; width: 1px; } #headersearchform li.left { width: 135px; text-align: left; padding: 7px 0 0 7px; } #headersearchform li.right { padding-top: 9px; }  #container { width: 960px; margin: 0 auto; background: url('http://www.madness-shop.com/images/footer_bg.png'); background-repeat: repeat-y; }  #footer { width: 960px; margin: 0 auto; background: url('http://www.madness-shop.com/images/footer_bg.png'); text-align: center; } #footer div.mainfooter { padding: 10px 0; background: url('http://www.madness-shop.com/images/footer_bottom.png') bottom no-repeat; } #footer li.mainfirst { margin-left: 10px; width: 12px; height: 25px; background: #2c2829; } #footer li.mainsecond { width: 916px; background: #ebe7df; } #footer li.secondleft { width: 463px; } #footer li.secondright { width: 452px; } #footer li.headersmallblack { background: #2c2829; padding: 4px 10px 0 10px; height: 21px; } #footer li.headersmallblack1 { background: url('http://www.madness-shop.com/images/footer_black.png');width: 72px; height: 20px; padding: 5px 0 0 13px; }  #newsletter { background: url('http://www.madness-shop.com/images/newsletter.png'); width: 940px; margin: 0 10px; padding: 5px 0; } #newsletter .content { float: right; margin: 8px 10px 0 0; width: 900px; text-align: right; } #newsletter li.first { padding: 10px 10px 0 0; margin: 0 10px; } #newsletter li.second { padding-top: 6px; width: 270px; margin: 0 10px; } #newsletter li.third { padding: 10px 0 0 10px; margin: 0 10px; }  #ajaxnewsletterdiv { font-size: 12px; color: #000000; font-weight: bold; color: maroon; line-height: 12px; display: none; margin: 0; }  #submitnewsletter { cursor: pointer; }  #ajaxdefaultnews li.left { width: 228px; padding-left: 10px; margin-right: 10px; } #ajaxdefaultnews li.right { width: 215px; } #ajaxdefaultnews li.navigationleft { background: url('http://www.madness-shop.com/images/back.png'); height: 22px; width: 24px; cursor: pointer; } #ajaxdefaultnews li.navigationright { background: url('http://www.madness-shop.com/images/forward.png'); height: 22px; width: 23px; cursor: pointer; }  #footerlastvisited { border-left: 1px solid #d0cbc5; border-top: 1px solid #d0cbc5; border-bottom: 1px solid #d0cbc5; width: 440px; height: 209px; } #footerlastvisited li { width: 100px; padding-left: 10px; text-align: center; cursor: pointer; } #footerlastvisited div.image { height: 100px; width: 95px; text-align: center; background-color: white; border: 1px solid #acacac; }  #footerbottom li.left { margin-left: 22px; background: #ebe7df; width: 748px; height: 106px; padding-bottom: 10px; } #footerbottom li.right { width: 168px; height: 126px; background: url('http://www.madness-shop.com/images/footer_right.png'); } #footerbottom li.link { width: 158px; padding: 10px; } #footerbottom li.link1 { width: 225px; padding: 10px; } #thawteseal div { display: inline; } #headersmallbasket { position: absolute; width: 278px; left: 195px; top: -530px; z-index: 2900; } #headersmallbasket div.top { width: 30px; height: 16px; background:url('http://www.madness-shop.com/images/smallbasket_top.png') no-repeat; } #headersmallbasket div.main { background: #2f252e; } #headersmallbasket div.maintop { width: 278px; height: 7px; background:url('http://www.madness-shop.com/images/headerbasket_top.png'); } #headersmallbasket div.mainbottom { width: 278px; height: 12px; background:url('http://www.madness-shop.com/images/headerbasket_bottom.png'); } #headersmallbasket div.mainmain { background: url('http://www.madness-shop.com/images/headerbasket_bg.png'); padding: 0 12px 0 15px } #headersmallbasket div.line { height: 2px; background: url('http://www.madness-shop.com/images/header_dot.png'); } #headersmallbasket li.addedleft{ padding-left: 10px; } #headersmallbasket li.addedright { padding: 7px 0 0 15px; } #headersmallbasket div.basketarticles {background: url('http://www.madness-shop.com/images/headerbasket_bg.png'); text-align: center; } #headersmallbasket div.basketarticlestop {  margin: 0 auto;  height: 6px;  width: 260px;  background:url('http://www.madness-shop.com/images/header_basket_small_top.png');  } #headersmallbasket div.basketarticlesmain { background: #ffffff;  width: 250px;  margin: 0 auto;  text-align: left;  padding: 5px; } #headersmallbasket div.basketarticlesbottom { margin: 0 auto;  height: 6px;  width: 260px;  background: url('http://www.madness-shop.com/images/header_basket_small_bottom.png'); } #headersmallbasket li.priceleft { width: 130px; } #headersmallbasket li.priceright { width: 115px; text-align: right; }  /* DEFAULT.aspx */ #defaulttop { height: 25px; padding-top: 2px; margin: 0 10px; background: url('http://www.madness-shop.com/images/content_top.png'); text-align: left; padding-left: 10px; } #defaulttop h1, #defaulttop h2, #defaulttop h3, #defaulttop h4, #defaulttop h5, #defaulttop h6, #defaulttop h7, #defaulttop h8, #defaulttop h9, #defaulttop h10, #defaulttop h11, #defaulttop h12, #defaulttop h13, #defaulttop h14, #defaulttop h15 { font-size: 12px; float: left; margin: 3px 0 0 0; padding: 0; } #defaulttop .arrow { float: left; margin: 8px 3px 0 3px; padding: 0; } #defaultmiddle li.left{ width: 270px; height: 235px; margin: 13px 13px 13px 22px; background: url('http://www.madness-shop.com/images/default_left_bg.png'); text-align: center; } #defaultmiddle li.right { width:633px; height:235px; margin:13px 22px 13px 0; background:#444243; } #defaultmiddle li.brand { width:50px; height:66px; padding-left:14px; text-align:center; } #defaultmiddle div.imagehover{ height:51px; padding-top:2px; background:#ffffff; } #defaultmiddle div.imagehover:hover { border:red solid 2px; padding-top:0; } #divtofade { height:211px; } #image { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; } li.navigationimagemap {  width: 16px;  height: 15px;  background: url('http://www.madness-shop.com/images/number_bg.png');  text-align: center;  margin-right: 3px; color: #ffffff;  font-family: sans-serif;  cursor: pointer; } li.navigationimagemapselected { width:16px;  height: 15px; background: url('http://www.madness-shop.com/images/number_bg.png'); text-align: center; margin-right: 3px; color: #ffffff; font-family: sans-serif;  text-decoration: underline;  cursor: pointer;  } li.imagemapnavigation { padding: 5px 0 0 10px; width: 275px; } li.imagemapnavigationrighttitle {  width: 320px; padding-top: 4px; text-align: right; font-family: sans-serif; color: #ffffff; text-transform: uppercase; font-size: 13px; font-weight: bold; } div.defaultbanner { background: #000000; } div.headerwhite{ font-family: sans-serif; font-size: 12px;color: #ffffff; font-weight: normal; cursor: pointer;} #defaulttextbanner { margin: 0 22px; padding-bottom: 10px; } #defaulttextbanner div.left{ float:left; width:680px; height:42px; padding: 2px 5px; text-align: right; } #defaulttextbanner div.right { float:right; width:216px; height:42px; padding: 2px 5px; text-align:left; }  /* BRANDS.aspx */ #brands { padding: 13px 22px; } #brands li.left { width: 270px; margin-right: 12px; background: #ebe7df; } #brands li.right { width: 634px; } #brands div.lefttop { background:url('http://www.madness-shop.com/images/brands_bg.png'); height: 23px; padding: 4px 0 0 10px; } #brands div.content, div.brands{ padding: 10px; } #brands div.righttop { background: #ebe7df; height: 23px; padding: 4px 0 0 10px; } #brands li.brand { width: 102px; height: 100px; text-align: center; } #brands img.right { float:right; margin-left: 5px; margin-bottom:5px; }  /* LOGIN.aspx,  SENDPASSWORD.aspx */ #login,  #sendpassword { padding: 13px 22px 56px 22px; } #login li.first,  #sendpassword li.first { width: 224px; height: 336px; margin-right: 11px; } #login li.second,  #sendpassword li.second { width: 313px; height: 318px; margin-right: 11px; background: #ebe7df; padding: 5px 12px 12px 12px; } #login li.third { width: 309px; height: 318px; background: #ebe7df; padding: 5px 12px 12px 12px; } #sendpassword li.third { width: 333px; } #login div.second,  #sendpassword div.second { height: 281px; background: #ffffff; padding: 15px 8px 0 8px; } #login div.info { height: 100px; font-family: Sans-Serif; font-size: 13px; color: #7b776f; } #sendpassword div.info { height: 120px; font-family: Sans-Serif; font-size: 13px; color: #7b776f; } #login li.secondleft,  #sendpassword li.secondleft { width: 125px; text-align: right; padding: 2px 10px 0 0; } #login .secondleft select ,  #sendpassword .secondleft select { width: 105px; } #login li.secondright,  #sendpassword li.secondright { width: 160px; } #login div.sendpassword { text-align: right; } #login div.secondmain { height: 140px; } #sendpassword div.secondmain { height: 80px; padding-top: 20px; }  #login div.secondbutton { text-align: right; } #sendpassword div.secondbutton { text-align: right; margin-top: 5px; } #login div.registercontent { height: 240px; padding-right: 10px; font-family: sans-serif; font-size: 13px; color: #7b776f; }  #login div.registerbutton { text-align: right; } #autologin { float: right; } #autologin li.right { padding-top: 2px; } div.righterror { text-align: left; margin:0; padding:0; }  /* formatcontent */ div.formatcontent { line-height: 16px; float: left; } div.formatcontent ul { padding-bottom: 20px; margin-top: 15px; } div.formatcontent li { text-align: inherit; width: 100%; padding:0 0 7px 15px; font-family: sans-serif; font-size: 13px; color: #7b776f; } div.formatcontent a:link { font-family: sans-serif; font-size:13px; color:#7b776f; text-decoration:none; } div.formatcontent a:visited { font-family: sans-serif; font-size: 13px; color: #7b776f; font-weight: bold; text-decoration: none; } div.formatcontent a:hover { font-family: sans-serif; font-size: 13px; color: #7b776f; font-weight: bold; text-decoration: underline; }   /* POPUP - modal dialog */ #modalBackground { position: fixed; left: 0; top: 0; width: 3000px; height: 100%; z-index: 3000; background-color: black; display: none; opacity: 0.33; filter: alpha(opacity=33) }  #modalWindow {  position: fixed; left: 0; top: 0; z-index: 5002; background-color: white; display: none; width: 640px; }  #modalWindow a, #modalWindow a:hover { color: #2c2829; } #modalWindow .modalFrame { margin: 0; padding: 10px; border: 10px solid #EBE7DF; } #modalWindow .contentlargeimage { margin: 0; width: 640px; height: 420px; } #modalWindow .contentlargeimage img { margin: 10px 0 0 20px; } #modalWindow .contentlargeimagenavigation p { color: #595752; margin: 3px 0; text-align: center; font-size: 0.8em; background-color: #ece7e1; font-weight: bold; } #modalWindow .contentlargeimagenavigation { height: 40px; margin: 0; background-color: #ece7e1; } #modalWindow p { clear: both; margin: 0; padding: 5px 0 8px 0; font-size: 0.9em; } #modalWindow p span { font-weight: bold; float: left; width: 130px; font-size: 12px; text-align: left; } #modalWindow font { float: left; margin-left: 160px; width: 160px; text-align: left; } #modalWindow input[type="text"]{ width: 160px; } #modalWindow input[type="checkbox"]{ float: left; } #modalWindow select { width: 165px; } #modalWindow textarea{ width: 250px; height: 100px; } #modalWindow input.address { width: 120px; } #modalWindow input.housenumber { width: 20px; margin-left: 5px; } #modalWindow .buttons { margin: 10px 0; } #modalWindow .confirm { float: right; margin-right: 10px; } #modalWindow .cancel { float: right; } #modalWindow .alertborder { color: red; display: none; font-size:small; line-height: 10px; } #modalWindow .close { float: right; margin: 5px 5px 0 0; }  #modalWindowSpaceHolder { position: relative; z-index: 3001;} #modalWindowSendToFriend { position: absolute; left: 0; top: 0; z-index: 5003; display: none; }  /* ajaxsendtofriend.aspx */ #sendtofriendheader { margin: 0 auto; background-image:url('http://www.madness-shop.com/images/sendtofriendhead.png'); background-repeat:no-repeat; height: 21px; width: 310px; } #sendtofriendbody { margin: 0 auto; background-image:url('http://www.madness-shop.com/images/sendtofriendbody.png'); background-repeat: repeat-y; padding-bottom: 10px; width: 310px; } #sendtofriendfooter { margin: 0 auto; background-image:url('http://www.madness-shop.com/images/sendtofriendfooter.png'); background-repeat:no-repeat; height: 19px; width: 310px; } #sendtofreindsendermailparagraph, #sendtofreindsendernameparagraph, #sendtofreindsendtomailparagraph, #sendtofreindmessageparagraph { clear: both; margin: 0; padding: 5px 10px; font-size: 0.9em; } #sendtofreindsendermailparagraph span, #sendtofreindsendernameparagraph span, #sendtofreindsendtomailparagraph span, #sendtofreindmessageparagraph span { font-weight: bold; float: left; width: 120px; font-size: 12px; text-align: left; } #modalWindowSendToFriend .alert { margin: 0 20px 0 10px;  width: 140px;  color: red;  font-size: 0.8em; float: right; } #sendtofriendbuttons { margin: 30px 15px 5px 15px; height: 25px; width: 275px; } #sendtofriendclose { float: left; margin-top: 5px; } #sendtofriendsend { float: right; } #sendtofriendtitle { margin: 0 10px 20px 10px; text-align: left; padding-left: 20px; color: #5b5555; font-size: 1.1em; font-weight: bold; } #sendtofriendtextarea { width: 260px; margin: 10px 20px 0 20px; font-family: sans-serif; height: 100px; }  /* ORDERSTEPS */ #ordersteps li { margin-left: 60px; }  /* ORDERLOGIN.aspx,  BASKET.aspx,  ORDERDELIVERY.aspx,  ORDERPAYMENT.aspx,  ORDER.aspx */ #orderdelivery, #orderpayment, #orderreview, #orderlogin { padding: 13px 0 0 22px; margin-bottom: 56px; }  /* left */ #orderdelivery li.left, #orderpayment li.left, #orderlogin li.left, #orderview li.left,  #orderreview li.left, #basketview li.left { width: 235px; }  /* right */ #basketview li.right, #orderlogin li.right, #orderdelivery li.right, #orderpayment li.right, #orderreview li.right, #orderview li.right { width: 670px; margin: 0 10px 5px 10px; }  /* orderdelivery, orderpayment */ #orderdelivery div.frame, #orderpayment div.frame { background: #ebe7df; margin: 0 auto; padding: 3px 8px 10px 8px;} #orderdelivery .titleimage, #orderpayment .titleimage { margin-top: 2px; } #orderdelivery .white, #orderpayment .white { margin: 2px 3px; background-color: white; padding: 5px 10px; } #orderpayment .radiochoice { margin: 0; padding: 0; } #orderpayment .radiochoice input { float: left; } #orderpayment .radiochoice span { float: left; margin-top: 3px; } #orderdelivery .radiochoice { margin: 0 0 15px 20px; padding: 0; } #orderdelivery .radiochoice input { float:left; } #orderdelivery .radiochoice span { float:left; margin: 3px 0 0px 0; } #orderdelivery .leftcontent { float: left; width: 280px; margin-top: 10px; } #orderpayment .leftcontent2 { float: left; margin: 10px 10px 10px 20px; } #orderpayment .boxleft p,  #orderpayment .boxright p { margin: 5px 0; } #orderpayment .boxleft { float: left; width: 220px; height: 55px; padding: 10px 0; } #orderpayment .cardselect { width: 150px; } #orderpayment .month,  #orderpayment .year { width: 75px; } #orderpayment .boxright { float: left; width: 280px; height: 55px; padding: 10px 0; } #orderdelivery .leftcontent2,  #orderpayment .leftcontent { float: left; margin: 10px 0 5px 15px; } #orderdelivery .leftcontent2 input { float: left; padding-bottom: 45px; } #orderdelivery .leftcontent2 span { float: left; vertical-align: top; } #orderdelivery .address { margin: 0 0 8px 24px; } #orderdelivery .addresses { float: left; margin: 0 0 8px 5px; width: 190px; height: 100px; } #orderdelivery .addresses span { margin-top: 2px; } #orderdelivery .addresses a { color: #2c2829 } #orderdelivery .rightcontent { float: right; width: 330px; margin: 5px 0; } #deliverystores { margin: 0 0 0 40px; } /* personal pick up - stores */ #deliverystores select { font-size: 0.8em; } #orderdeliverynavigation .newaddress { float: left; margin-left: 10px; } #orderdeliverynavigation .continue, #orderpaymentnavigation .continue, #orderreviewnavigation .continue { float: right; } #orderdeliverynavigation .back, #orderpaymentnavigation .back, #orderreviewnavigation .back { float: left; } #orderpaymentnavigation, #orderreviewnavigation { margin-top: 20px; } #orderpayment .cancelorderbutton { float: right; margin: 10px; } #orderpayment .creditcardpaymenttext { float: left; margin: 10px; }  #orderpayment .paymentcreditcards { margin: 5px 0 0 110px; }  /* credit card payment */ #creditcardpayment { display: none; }  #orderlogin div.logindiv { width: 304px; background: #ebe7df; margin: 0 auto; text-align: left; padding: 3px 10px 10px 10px; } #orderlogin div.secondmain,  #basket div.secondmain { background: #ffffff; padding: 10px; } #orderlogin li.secondleft { width: 120px; text-align:right; padding: 2px 2px 0 0; } #orderlogin li.secondright { width: 160px; } #orderlogin li.bottomleft {width: 205px; } #orderlogin div.bottomlinks { padding-top: 10px; text-align:right; }  #orderreview .leftcontent { float: left; width: 290px; } #orderreview .leftfield { float: left; margin: 10px 0 2px 10px; } #orderreview .rightfield { float: right; margin: 10px 0 2px 10px; } #orderreview .rightfield div { width: 180px; text-align: left; } #orderreview .rightcontent { margin: 2px 5px; float: right; width: 360px; }  /* MYACCOUNTORDER.aspx, BASKET.aspx */ #orderview, #orderreview,#basketview { padding: 13px 0 0 22px; margin-bottom: 56px; } #orderview div.graydiv, #orderreview div.graydiv, #basketview div.graydiv, #article div.graydiv, #orderpayment div.graydiv { background: #ebe7df; padding: 3px 0 0 10px; } #orderreview .smallgraydiv { background:#ebe7df; padding:8px 8px 0 8px; height:33px; } #orderreview li.errors { padding:12px 0 0 10px; width:250px; } #orderview div.formatcontent, #basketview div.formatcontent { margin: 2px 15px; } #orderreview li.salecertificate { padding:4px 5px 0 4px; } #orderreview li.salecertificateinput { padding:2px 5px 0 0; } #basketheader { margin-top: 15px; background: #ebe7df; padding: 3px 0 0 3px; } #basketheader .numbertitle, #basket .number { width: 15px; vertical-align: top; text-align:left; } #basketheader .articlenumbertitle, #basket .articlenumber { width: 80px; text-align: left; margin-right:5px; vertical-align: top; } #basketheader .articletitle, #basket .article { width: 150px; vertical-align: top; }  #basketheader .quantitytitle, #basket .quantity { width: 50px; text-align:center; vertical-align: top; } #basketheader .calculatetitle { width: 40px; text-align: center; vertical-align: top; } #basketheader .priceemtitle, #basket .priceem { width: 60px; text-align: right; vertical-align: top; } #basketheader .discounttitle, #basket .discount { width: 45px; text-align: right; vertical-align: top; } #basketheader .pricewithouttaxtitle, #basket .pricewithouttax { width: 90px; text-align: right; vertical-align: top; } #basketheader .taxtitle, #basket .tax { width: 50px; text-align: right; vertical-align: top; } #basketheader .sumwithtaxtitle, #basket .sumwithtax { width: 85px; text-align: right; vertical-align: top; } #basketheader .removetitle, #basket .remove { width: 30px; text-align: right; vertical-align: top; } #basket .articleholder { float: left; background: white; padding: 2px 5px 2px 3px; } #basket .quantityinput { width: 20px; text-align: right; height: 14px; } #basket .calculate { width: 100px; margin-left: 225px; text-align: center; } #basket .calculate a { color: #2c2829; } #basket .article span { font-style: italic; } #basketsum { float: right; width: 180px; margin: 10px 35px 0 0; } #basketsum .data { float: right; width: 180px; text-align: right; } #basketsum .total { color: #c62828; font-weight: bold; } #basketnavigation { margin: 10px 0 0 0; width: 670px; } #basketnavigation .continueshoping { float: left; } #basketnavigation .emptybasket { float: right; margin: 0 20px 0 0; } #basketnavigation .topayment { float: right; }  #orderheader { margin-top: 15px; } #orderheader .numbertitle,  #order .number { width: 10px; vertical-align: top; } #orderheader .articlenumbertitle,  #order .articlenumber { width: 100px; text-align: left; margin-right:5px; vertical-align: top; } #orderheader .articletitle,  #order .article { width: 130px; vertical-align: top; }  #orderheader .quantitytitle,  #order .quantity { width: 40px; text-align:center; vertical-align: top; } #orderheader .calculatetitle,  #order .calculate { width: 55px; text-align: center; vertical-align: top; } #orderheader .priceemtitle,  #order .priceem { width: 70px; text-align: right; vertical-align: top; } #orderheader .discounttitle,  #order .discount { width: 50px; text-align: right; vertical-align: top; } #orderheader .pricewithouttaxtitle,  #order .pricewithouttax { width: 85px; text-align: right; vertical-align: top; } #orderheader .taxtitle,  #order .tax { width: 60px; text-align: right; vertical-align: top; } #orderheader .sumwithtaxtitle,  #order .sumwithtax { width: 95px; text-align: right; vertical-align: top; padding-right: 15px; } #orderheader .removetitle,  #order .remove { width: 30px; text-align: right; vertical-align: top; }  #order .articleholder { float: left; background: white; padding: 2px 0px 2px 10px; } #order .quantityinput { width: 20px; text-align: right; height: 14px; } #order .calculate { width: 250px; text-align:right; }  #ordersum { float: right; width: 180px; margin: 15px 15px 0 0; } #ordersum .data { float: right; width: 180px; text-align: right; } #ordersum .total { color: #c62828; font-weight: bold; }  #ordernavigation { margin: 10px 0 0 0; width: 670px; } #ordernavigation .continueshoping { float: left; } #ordernavigation .emptyorder { float: right; margin: 0 20px 0 0; } #ordernavigation .topayment { float: right; }  #orderuserinfo { margin: 10px 20px; } #orderuserinfo div.boxleft { float: left; width: 320px;height: 80px; } #orderuserinfo div.boxleft2 { float: left; width: 320px; margin-bottom: 10px; } #orderuserinfo div.boxright { float: left; width: 300px; height: 80px; } #orderuserinfo div.boxright2 { float: left; width: 300px; margin-bottom: 10px; } #orderuserinfo div.left { float: left; font-weight: bold; height: 29px; width: 100px; } #orderuserinfo div.left2 { float: left; font-weight: bold; height: 29px; width: 100px; } #orderuserinfo div.left2 { float: left; font-weight: bold; height: 29px; width: 120px; } #orderuserinfo div.right { float: left; height: 29px; width: 160px; } #orderuserinfo div.right2 { float: left; height: 45px; width: 160px; }  /* orderpaymentccbk.aspx */ #paymentframe { margin: 20px auto; }  /* ARTICLES.aspx, ARTICLE.aspx */ #articles,  #article { padding: 13px 22px; } #articles li { width: 150px; } #articles li.left,  #article li.left { width: 221px; margin-right: 12px; } #articles li.right,  #article li.right { width: 682px; } #articles .filter { width: 150px; float: left; color:#636363; font-family:sans-serif; font-size:12px; text-align:left; } #articles .saletypescheckboxes1 { float: left; margin-right: 5px; } #articles .reset { width: 40px; padding-top: 25px; float: left; } #articles .reset a { text-decoration: none; } #articles .reset a:hover { text-decoration: underline; } #articles select.top { width:140px; } #articles div.articlesnavigation { background: #ebe7de; padding:5px 0 5px 10px; } #articles li.articlesnavigationleft { width:337px; } #articles li.articlesnavigationright { width:326px; text-align:right; font-family: sans-serif;font-size:12px;color:#000000; font-weight:normal; } div.articletemplate { border:#cbcbcb 1px solid; background-color: white; height:183px; width:160px; margin-right:10px; float:left; margin-bottom:10px; } div.articletemplatefourth { border:#cbcbcb 1px solid; height:183px; width:164px; float:left; margin-bottom:10px; } div.articletemplateimage { padding: 5px 0; height: 120px; } div.articletemplatetitle { padding: 5px 0; height: 25px; margin: 0 5px; text-align:center; } div.articletemplateprice { text-align:center; } #articlesleftbarcontent { padding: 10px; background: #ebe7df; } #specialoffer { padding: 10px; background: #ebe7df; padding-left:28px; } #articlesleftbarcontent div.secondlevel { padding-left: 15px; } #articles div.righttop { padding: 10px; margin: 0; clear: both; background: #ebe7de; } #articles .saletypescheckboxes { width: 440px; } div.articleslefttop { background: url('http://www.madness-shop.com/images/brands_bg.png'); height: 23px; padding: 4px 0 0 10px; } #article .images { float: left; width: 330px; } #article .mainimage { float: left; width: 320px; height: 300px; border: 1px solid #cbcbcb; margin-bottom: 10px; text-align: center; } #article .miniimage { float: left; margin: 0 5px 5px 0; border: 1px solid #cbcbcb; padding: 2px; } #article .relatedarticle {margin: 8px 10px 0 0; padding: 5px 0; border: 1px solid #cbcbcb;width: 160px;text-align: center;float: left;color: #5A5A5A;} #article .relatedarticlelast {margin: 8px 0px 0 0;padding: 5px 0;border: 1px solid #cbcbcb;width: 162px;text-align: center;float: left;color: #5A5A5A;} #article .relatedarticle a:hover, #article .relatedarticlelast a:hover { text-decoration: none; } #article .relatedarticle span, #article .relatedarticlelast span { color: red; } #article .content { float: right; width: 330px; } #article .content h1 { color: #656565; font-size: 1.3em; margin: 0 0 10px 0;} #article h2 { color: #656565; font-size: 1.3em; margin: 0 0 10px 0; } #article .pricebefore, #articles .pricebefore { text-decoration: line-through; } #article .price, #articles .price { color: #cf1a34; margin-left: 5px; } #article .ident { height: 25px; float: left; color: #ccc8c9; line-height: 25px; } #article .print { height: 25px; width: 120px; float: right; color: #ccc8c9; line-height: 25px; text-align: right; } #article .printer { float: right; } #article .selection { height: 23px; background-color: #EBE7DE; padding: 3px 5px; margin-bottom: 5px; } #article .selection span { float: left; margin-top: 2px; font-size: 1.1em; } #article .selection select { float: right; width: 150px; margin-top: 1px; } #article .sizes { float: right; width: 250px; } #article .buttons { margin: 5px 0; } #article .addtobasket { float: left; } #article .addtowishlist { float: right; } #article .infotext { border: 1px solid gray; padding: 10px 5px; } #article .sendtofriend { float: right; margin: 5px 0; } div.articlesoverlaydiv { padding: 0 8px; margin-bottom: 3px; height:16px; font-size:11px; text-align:center; font-weight:bold; position: absolute; } div.articlesoverlaylargediv { margin-top: 5px 0 3px 0; padding: 0 8px; line-height: 20px; height:20px; font-size:14px; text-align:center; font-weight:bold; position: absolute; z-index: 10; }  /* special offer */ #specialoffer .article { margin: 8px 0 10px 20px; padding: 5px 1px; border: 1px solid #97928c; width: 155px; text-align: center; float: left; color: #5A5A5A; } #specialoffer .article span { color: red; } #specialoffer .article a:hover { text-decoration: none; }  /* brand list */ #brandslist { width: 680px; height: 55px; background-color: #EBE7DE; margin-bottom: 10px; } #brandslist .forward { float: right; z-index:5; z-index: 1000; background-color: #c9c2b2; width: 20px; height: 55px; } #brandslist .back { float: left; z-index:5; z-index: 1000; background-color: #c9c2b2; width: 20px; height: 55px; }  /* brands slider */ #brandslistholder { position: absolute; z-index: 10; width: 640px; height: 55px; overflow-y:hidden; overflow-x:hidden; margin-left: 20px; *margin-left: 0px; } /* IE7 hack */ #brandslistcontainer { position: relative; height: 20px; white-space: nowrap; } #brandslistcontainer div.branditem { width: 55px; height: 55px; display: inline; z-index: 1; }  /* REGISTER.aspx */ #register { padding: 13px 0 56px 22px; } #register li.first { width: 221px; height: 662px; margin-right: 14px; } #register li.second { width: 658px; background: #ebe7de; padding: 5px 12px 12px 12px; } #register div.second { background: #ffffff; padding: 15px 8px; } #register li.secondleft { width: 315px; margin-right: 11px; text-align: right; } #register li.secondright { width: 265px; padding-left: 50px; font-family: Sans-Serif; font-size: 13px; color: #7b776f;} #register ul.right { float: right; } #register li.formleft { padding: 2px 2px 0 0; } #register li.formright { width: 210px; } #register li.formright select {width: 161px; } #register div.bottomsubmit { padding-left: 380px; } #register li.checkboxtop { padding-top: 2px; } #register li.submitbottomleft { padding: 0 10px 0 5px; }  /* MYACCOUNTCHANGEPASSWORD.aspx, MYACCOUNTCHANGEEMAIL.aspx,  MYACCOUNTWISHLIST.aspx, MYACCOUNTPERSONAL.aspx,  MYACCOUNTDELIVERYADDRESSES.aspx, MYACCOUNTORDERDS.aspx, MYACCOUNT.aspx */  #myaccountleftbar { background: #2c2829; padding:5px 0 3px 10px; } #myaccountleftbarbottom { height: 383px; background: #ebe7df; padding: 15px 10px; }  #myacountdeliveryaddressesform { display: none; }  #myaccountchangepassword,  #myaccountchangeemail,  #myaccountwishlist, #myaccountorders, #content, #contactform, #shops, #categories, #myaccountpersonal, #myaccount, #myaccountdeliveryaddresses { padding: 13px 0 0 22px; margin-bottom: 56px; }  /* left */ #myaccountchangepassword li.left,  #myaccountchangeemail li.left,  #myaccountwishlist li.left, #myaccountorders li.left, #myaccountpersonal li.left,  #myaccount li.left,  #myaccountdeliveryaddresses li.left { width: 222px; margin-right: 13px; }  /* right */ #myaccountchangepassword li.right,  #myaccountchangeemail li.right, #myaccountdeliveryaddresses li.right, #myaccountpersonal li.right,  #myaccount li.right,  #myaccountdeliveryaddresses li.right { width: 660px; background: #ebe7df; padding: 3px 10px 10px 10px; }  #myaccountwishlist li.right, #myaccountorders li.right { width: 677px; }  #contactform li.right, #shops li.right, #categories li.right { width: 677px; margin-left: 15px; }   /* CONTENT.aspx, CATEGORIES.aspx, SHOPS.aspx, CONTACTFORM.aspx */ #content li.content { width: 515px; margin-left: 15px; }  #content li.rightpanel, #shops li.rightpanel, #contactform li.rightpanel, #categories li.rightpanel { width: 163px; background-color: #ebe7de; }  #content li.left, #shops li.left, #contactform li.left, #categories li.left { width: 221px; background-color: #ebe7de; }  #contactform div.graydivright, #shops div.graydivright, #categories div.graydivright, #content div.graydivright { background-color: #cfc9bb; padding: 4px 0 3px 10px; }  #content .rightcontent, #content .leftcontent, #shops .rightcontent, #shops .leftcontent, #contactform .rightcontent, #contactform .leftcontent, #categories .rightcontent, #categories .leftcontent { margin: 10px 10px 40px 10px; }  #content .rightcontent ul li, #content .leftcontent ul li, #content .rightcontent ol li, #content .leftcontent ol li, #shops .rightcontent ul li, #shops .leftcontent ul li, #contactform .rightcontent ul li, #contactform .leftcontent ul li, #categories .rightcontent ul li, #categories .leftcontent ul li { float: none; margin: 5px 0; }  #content .rightcontent ul li a, #content .leftcontent ul li a, #shops .rightcontent ul li a, #shops .leftcontent ul li a, #contactform .rightcontent ul li a, #contactform .leftcontent ul li a, #categories .rightcontent ul li a, #categories .leftcontent ul li a { color: #7e7771; text-decoration: none; }  #content .rightcontent ul li a:hover, #content .leftcontent ul li a:hover, #content .rightcontent ul li.selected a, #content .leftcontent ul li.selected a, #shops .rightcontent ul li a:hover, #shops .leftcontent ul li a:hover, #shops .rightcontent ul li.selected a, #shops .leftcontent ul li.selected a, #categories .rightcontent ul li a:hover, #categories .leftcontent ul li a:hover, #categories .rightcontent ul li.selected a, #categories .leftcontent ul li.selected a, #contactform .rightcontent ul li a:hover, #contactform .leftcontent ul li a:hover, #contactform .rightcontent ul li.selected a, #contactform .leftcontent ul li.selected a { color: #7e7771; text-decoration: underline; }  #content .contenttextleft { float: left; width: 460px; } #content .contenttextleft ol { list-style-type: decimal; padding: 0 0 0 25px; margin: 0; clear: both; } #content .contenttextleft ul li, #content .contenttextleft ol li, #content .contenttextright ul li, #content .contenttextright ol li { float: none; } #content .contenttextright { float: right; width: 450px; margin-left: 10px; } #content .imagesleft { float: left; width: 160px; } #content .imagesright { float: right; width: 160px; } #content .imagescenter { width: 490px; } #content .imagescenter img { margin: 5px 5px 0 0; } #content .attachment { line-height: 20px; } #archive div.months { display:none; padding:5px 0 5px 0; } #archive div.paddingleft15 { padding-left:15px; }  #categories .firstlevellink { font-weight:bold; font-size: 1.2em; } #categories .secondlevellink { text-decoration: underline; } #categories .thirdlevellink { text-decoration: underline; margin-left: 20px; text-transform: lowercase; } #categories .column { margin: 0 15px 20px 10px;width: 140px; float: left; }  /* shops */ #shops .column {  margin: 0 15px 10px 10px; width: 185px;  float: left;  font-weight: bold;  font-size: 1.1em; background-image: url('http://www.madness-shop.com/images/bull.png'); background-position: 2px 6px; background-repeat: no-repeat; padding-left: 10px; } #shops .column a:hover { text-decoration: underline; } #shops .line { border-bottom: 1px dashed #A8A8A8; } #shops .maillink { color: #069b45; } #shops .shop { float: left; width: 665px; padding: 5px 0 0 10px; } #shops .shopimage { float: left; width: 165px; height: 105px; } #shops .content { margin-left: 15px; float: left; width: 150px; } #shops .worktime { float: left;margin-left: 15px; width: 140px; } #shops .map { float: left; width: 160px; margin-left: 15px; } #shops h2 { padding-left: 180px; margin-top: 20px; }  /* contact form */ #contactform .contactform { float: left; margin-top: 15px; padding: 10px; background-color: white; } #contactform .frame { width: 330px; background-color: #ebe7df; padding: 10px; margin: 0 auto; } #contactform .buttons {margin-top: 15px; } #contactform .buttons input, #contactform .buttons a { float: right; margin-left: 10px; } #contactform p { clear: both; margin: 0; padding: 5px 0 8px 0; font-size: 0.9em; } #contactform p span { font-weight: bold; float: left; width: 70px; font-size: 12px; text-align: left; } #contactform font { float: left; margin-left: 70px; text-align: left; color: red; } #contactform input[type="text"]{ width: 160px; } #contactform textarea{ width: 220px; height: 180px; }  /* content head */ #myaccountwishlist div.graydiv, #content div.graydiv, #contactform div.graydiv, #shops div.graydiv, #categories div.graydiv, #myaccountorders div.graydiv { background: #ebe7df; padding: 4px 0 3px 10px; }  /* content */ #myaccountwishlist div.formatcontent, #orderview div.formatcontent, #myaccountorders div.formatcontent{ padding: 15px 10px 40px 10px; }  /* pages */ #myaccountchangepassword div.pages,  #myaccountchangeemail div.pages,  #myaccountwishlist div.pages, #myaccountorders div.pages, #myaccountpersonal div.pages, #myaccount div.pages, #orderview div.pages, #myaccountdeliveryaddresses div.pages { padding-left:15px; }  /* white */ #myaccountchangepassword div.white,  #myaccountchangeemail div.white,  #myaccountwishlist div.white, #myaccountorders div.white, #myaccountpersonal div.white, #myaccount div.white, #myaccountdeliveryaddresses div.white { background-color: white; margin: 0; padding: 15px 12px 12px 12px; }  /* ul right */ #myaccountchangepassword ul.right,  #myaccountchangeemail ul.right,  #myaccountpersonal ul.right, #myaccountdeliveryaddresses ul.right { float: right; }  /* formleft */ #myaccountchangepasswordform li.formleft,  #myaccountchangeemailform li.formleft,  #myaccountpersonalform li.formleft,  #myaccountdeliveryaddresses li.formleft{ padding-top: 2px; padding-right: 2px; }  /* formright */ #myaccountchangepasswordform li.formright,  #myaccountchangeemailform li.formright,  #myaccountpersonalform li.formright { width: 280px; } #myaccountchangeemailform li.formright2 { width: 280px; padding-top: 3px; padding-left: 2px; } #myaccountdeliveryaddresses li.formright { width: 280px; padding-left: 2px; }  /* paddingright */ #myaccountchangepasswordform div.paddingright,  #myaccountchangeemailform div.paddingright { padding-right: 100px; height: 205px; } #myaccountpersonalform .paddingright { margin: 10px; padding-right: 80px; }  #myaccountdeliveryaddresses div.paddingright { padding-right: 100px; }  /* buttons */ #myaccountchangepasswordform .buttons,  #myaccountchangeemailform .buttons,  #myaccountpersonal .buttons,  #myaccountdeliveryaddresses .buttons { text-align: right;}  /* contenttext */ #myaccountchangepassword .contenttext,  #myaccountchangeemail .contenttext { margin-bottom: 25px; }  /* MYACCOUNTORDERS.aspx */ #myaccountorders .filter { float: left; margin: 5px 0 0 0; } #myaccountorders .filterinput { width:63px; } #myaccountorders .showbutton { float: left; }  #orderlistheader .ordernumbertitle, #orderlist .ordernumber { width: 120px; text-align: left; } #orderlistheader .detailtitle, #orderlist .detail { width: 100px; text-align: center; margin-right: 20px; } #orderlistheader .dateofordertitle, #orderlist .dateoforder { width: 120px; text-align: left; margin-right: 20px; } #orderlistheader .ordervaluetitle, #orderlist .ordervalue { width: 120px; text-align: right; margin-right: 30px; } #orderlistheader .orderstatustitle, #orderlist .orderstatus { width: 135px; text-align: left; }  #orderlist .articleholder { float: left; background: white; padding: 4px 0 4px 11px; } #orderlist .articleholder:hover { background-color: #D4D4D4; } #orderlist .articleholder1 { float: left; background: #f6f5f1; padding: 4px 0 4px 11px; } #orderlist .articleholder1:hover { background-color: #D4D4D4; } #orderlist .articleholder a, #orderlist .articleholder1 a { color: #4a4a4a; text-decoration: none; } #orderlist .articleholder a:hover, #orderlist .articleholder1 a:hover { text-decoration: underline; } #orderlist ul .article { margin: 5px 20px; height: 100px; }  #myaccountordersheader .ordernumbertitle, #myaccountorderslist .ordernumber { width: 100px; text-align: left; } #myaccountordersheader .detailtitle, #myaccountorderslist .detail { width: 100px; text-align: center; margin-right: 10px; } #myaccountordersheader .dateofordertitle, #myaccountorderslist .dateoforder { width: 90px; text-align: left; margin-right: 10px; } #myaccountordersheader .ordervaluetitle, #myaccountorderslist .ordervalue { width: 110px; text-align: right; margin-right: 10px; } #myaccountordersheader .orderstatustitle, #myaccountorderslist .orderstatus { width: 100px; text-align: left; margin-right: 10px; } #myaccountordersheader .ordercancel, #myaccountorderslist .ordercancel { width: 105px; text-align: left; margin-right: 10px; }  #myaccountorderslist .articleholder { float: left; background: white; padding: 4px 0 4px 11px; width: 666px; } #myaccountorderslist .articleholder:hover { background-color: #D4D4D4; } #myaccountorderslist .articleholder1 { float: left; background: #f6f5f1; padding: 4px 0 4px 11px; width: 666px; } #myaccountorderslist .articleholder1:hover { background-color: #D4D4D4; } #myaccountorderslist .articleholder a, #myaccountorderslist .articleholder1 a { color: #4a4a4a; text-decoration: none; } #myaccountorderslist .articleholder a:hover, #myaccountorderslist .articleholder1 a:hover { text-decoration: underline; } #myaccountorderslist ul .article { margin: 5px 20px; height: 100px; }  /* MYACCOUNTWHISHLIST.aspx */ #whishlistheader .articletitle { width: 390px; } #whishlistheader .quantitytitle { width: 90px; } #whishlistheader .pricetitle { width: 125px; padding-left: 60px }  #whishlist .articleholder { float: left; background: white; padding: 2px; } #whishlist ul .article { margin: 5px 20px; height: 100px; } #whishlist .articleimage { width: 100px; margin: 2px; } #whishlist .articlecontent { width: 300px; margin-top: 5px; } #whishlist .onstock { color: green; } #whishlist .notonstock { color: red; } #whishlist .quantity { width: 80px; height: 80px; margin-top: 5px; } #whishlist .quantityinput { width: 20px; } #whishlist .price { width: 180px; margin-top: 5px; } #whishlist .priceholder { color: red; text-align: right; width: 178px; } #whishlist .pricedisplay { width: 180px; text-align: center; color: red;} #whishlist .pricebuttons,  #whishlist .pricebuttons a { float: right; margin-right: 5px; }  /* ORDERCONFIRMATION.aspx */ #orderconfirmationcontent { background: white; } #orderconfirmationcontent .left { float: left; width: 221px; margin: 10px 10px 40px 20px; } #orderconfirmationcontent .center { float: left; width: 340px; height: 336px; margin: 10px 10px 40px 1px; background: #ece7e1; text-align: left; } #orderconfirmationcontent .right { float: left; width: 335px; margin: 10px 10px 40px 1px; } #orderconfirmationcontent .title { margin: 2px 0 0 10px; } #orderconfirmationcontent .orderconfirmationholder { margin: 0 10px; padding: 10px; background: #fff; height: 285px; text-align: center; } #orderconfirmationcontent .orderconfirmationtext { margin: 50px 0; font-family: sans-serif; font-size: 10pt; color: #6d6962; } #orderconfirmationcontent .ordernumber { color: #3f3d3e;letter-spacing:1px; font-weight: bold; font-size: 12pt; }  /* NEWSLETTER.aspx */ #newsletterremoval { background: white; } #newsletterremoval .left { float: left; width: 221px; margin: 10px 10px 40px 20px; } #newsletterremoval .center { float: left; width: 340px; height: 336px; margin: 10px 10px 40px 1px; background: #ece7e1; text-align: left; } #newsletterremoval .right { float: left; width: 335px; margin: 10px 10px 40px 1px; } #newsletterremoval .title { margin: 2px 0 0 10px; } #newsletterremoval .newsletterholder { margin: 0 10px; padding: 10px; background: #fff; height: 285px; text-align: center; } #newsletterremoval .newslettertext { margin: 50px 0; font-family: sans-serif; font-size: 10pt; color: #6d6962; }  /* MYACCOUNTDELIVERYADDRESSES.aspx */ #myaccountdeliveryaddresses .address { width: 170px; height: 120px; margin: 10px 15px 15px 5px; float: left; } #myaccountdeliveryaddresses .data { float: left; width: 170px; white-space: nowrap; } #myaccountdeliveryaddresses .data a { color: #2c2829; } #myaccountdeliveryaddresses .data li { margin-right: 10px; }  /* scrolling banner */ #scrolldivbanner { position:relative; height:250px; overflow-y:hidden; overflow-x:hidden; } #scrolldivbanner1 { position:absolute; white-space:nowrap;z-index:80; } #scrolldivbanner1 div.banneritem { display:inline; } #scrollbannerleft{ position:relative; float:left; } #scrollbannerleft div.absolute{ position:absolute; z-index:100; top:-250px; height:250px; width:28px; background:url('http://www.madness-shop.com/images/bannerleft.png'); } #scrollbannerright{ position:relative; float:right; } #scrollbannerright div.absolute { position:absolute; z-index:100; top:-250px; left:-28px; height:250px; width:28px; background:url('http://www.madness-shop.com/images/bannerright.png'); }  /* footer copyright */ .footercopyright { font-size: 0.8em; color: white; } .footercopyright a { color: black; }  #searchadvanced .searchfieldtitle { width: 120px; float: left; text-align: right; } #searchadvanced .searchstringfield { width: 530px; float: left; margin-left: 10px; } #searchadvanced .searchinput { width: 435px; } #searchadvanced .searchselect { width: 140px; float: left; margin-left: 10px; } #searchadvanced .filterselect { width: 140px; } #searchadvanced .searchcheckbox { width: 140px; float: left; margin-left: 10px; font-weight: bold; }  /* end */