/* @override http://windows.dzined.co.uk/bmt_themes/win/css/style.css */ html,body{pading:0; margin: 0;} /* RESET------------------------------------------------------*/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,em,font,img,ins,kbd,q,samp,small,strike,strong,sub,sup,tt,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;} body {line-height: 1em; } /* 75%=12px 62.5%=10px */ ol, ul {list-style: none;} blockquote, q {quotes: none;} :focus {outline: 0;}/* remember to define focus styles! */ ins {text-decoration: none;}/* remember to highlight inserts somehow! */ del {text-decoration: line-through;} table { border-collapse: collapse; border-spacing: 0; margin:20px; border:1px solid #CCC; width:538px; } td,th{ padding:5px;font-size:95%; border-bottom:1px solid #EFEFEF}/* tables still need 'cellspacing="0"' in the markup */ th{ background: #F5F5F5; font-weight:bold;} a{ text-decoration:none} a:hover{ text-decoration:underline} /*TEXT FAMILY--------------------------------------------------*/ body{font-family:Verdana, Helvetica, sans-serif;} h1,h2,h3,h4,h5,h6{ font-family: Georgia, sans-serif; font-weight:normal} .float_left{float:left;margin:0 15px 0 0 } .float_right{float:right;margin:0 0 0 15px } /*TEXT COLOURS-------------------------------------------------*/ p{color:#FFF;} a{color:#E1AE5C;} h1,h2,h3{color:#E1AE5C} h4,h5,h6{ color:#E1AE5C} /*FORM VALIDATION------*/ div.error { display: none; } input { border: 1px solid #CCC; } input:focus { border: 1px dotted black; } select.error { border: 1px dotted red; margin: 0;background:#FFF1F3; } input.error { border: 1px dotted red; margin: 0; background:#FFF1F3; } label.error{color:red; margin-left:0px; width:160px;padding:0;margin:0; text-align: left} form.cmxform .gray * { color: gray; } .cmxform fieldset p.error label { color: red; } .errorCont {background-color: #FFF1F3;border: 1px solid red;margin: 5px 0;width:720px; clear: both;display: none;} .errorCont h4 { color: red; font-size: 100%; margin: 3px; padding: 0;} .errorCont label.error {display: inline;} form.cmxform { width: 30em; } form.cmxform label.error {display: block;margin-left: 1em;width: auto;} /*TEXT SIZE--------------------------------------------------*/ body{font-size:75%;} p {font-size:1.0em;} h1{font-size:2em;} h2{font-size:1.9em;} h3{font-size:2.5em;} h4{font-size:1.4em;} h5{font-size:1.2em;} h6{font-size:1em;} /*LINE-HEIGHTS ------*/ body{line-height: 1.5em;} p{line-height:1.8em; text-align: justify} li{line-height:1.4em;} /*MARGIN/PADDING/DIMENSIONS------*/ p{margin:10px 15px 10px 0px;} h3{margin:24px 0 5px 0px; } h4{margin:15px 0 2px 0px; } h5{margin:0px 0 4px 0px; } #rightcolumn p{margin:0px 15px 10px 15px;} #rightcolumn h3{margin:0px 15px 15px 15px;} #rightcolumn h4{margin:15px 15px 0px 15px;} /*SITE FRAME--------------------------------------------------------------------------*/ .image_align_left{float:left; margin: 0 10px 5px 0; padding: 8px; background: #44281A;border: 1px solid #644D2F;} .image_align_right{float:right; margin: 0 0 5px 10px; padding: 8px; background: #44281A;border: 1px solid #644D2F;} body{ background:#000 } #outer{margin: 15px auto;width: 762px; padding:10px 0; background: #222;} #wrapper {margin: 0px auto 0 auto;width: 742px; padding:0;} #header {color: #333;width: 742px;padding: 0;margin: 0;height:173px;background: url(../images/head.png) no-repeat} #header h1{ margin:0 auto; text-indent:-5000px;width:377px; height:100px; float: left} #navigation {color: #333;width: 300px;padding: 0;margin: 55px 0 0 0 ;height:102px; float:right; margin-right:30px} #container { margin: 0px 0 0 0;width: 742px;padding:10px 0 0 0; background: #000 url(../images/cont.png) repeat-y; } #leftcolumn {color: #333;padding: 0;width: 148px;float: left; margin-left:15px;} #rightcolumn {float: left;color: #333;margin: 0 0 0 0px;padding: 0 0px 0px 0px;width: 556px;} #bigcolumn{padding-left:20px; min-height:400px} .home_image{ padding:6px 5px;border: 1px solid #644D2F;} .home_image #prodbarlong{background: url(../images/prodbarlong.png) repeat-x; height:90px } #pre_foot2 {width: 742px;clear: both;color: #333;margin: 0px 0px 0 0px;padding: 0; height:138px;background: url(../images/footer.png) no-repeat} .product_case{ border: 1px solid #644D2F; width:135px; height: 105px;margin-bottom:5px} #prod_image1{width:125px; height: 95px; background: url(../images/table.jpg) no-repeat; margin:5px;} #prod_image2{width:125px; height: 95px; background: url(../images/storage.jpg) no-repeat;margin:5px;} #prod_image3{width:125px; height: 95px; background: url(../images/doors.jpg) no-repeat;margin:5px;} #prod_image4{width:125px; height: 95px; background: url(../images/rec.jpg) no-repeat;margin:5px;} .prod_bar{ height: 30px; width:125px; background: url(../images/prodbar.png) repeat-x 0 65px; padding-top:65px;} .prod_bar p{ padding:5px;margin:0px; color:#FFF; font-family: "Verdana";font-size:11px;} #pre_foot2 .details{ float:left; width:440px; } #pre_foot2 .right_details{float:right;width:200px;margin-top:75px;} #pre_foot2 .right_details p{ color: #FFF; font-family: Georgia; text-align: right;} #pre_foot2 .details #nav_foot ul li{float:left;margin-right:15px} #pre_foot2 .details #nav_foot ul li a{font-size: 11px; color: #E1AE5C; font-family: "Georgia";font-weight:normal;font-variant: small-caps; text-decoration:none;} #pre_foot2 .details #nav_foot ul { clear:both; margin-bottom:60px; margin-top:10px; margin-left:18px; } #pre_foot2 .details #nav_foot ul li a:hover{ color: #FFF; text-decoration: underline;} #pre_foot2 .details .address{color:#FFF; display: block; width:400px; clear: both; margin: 25px 0 0 18px;font-family: "Georgia";font-weight:normal;font-variant: small-caps;} #footer {width:742px;margin: 0 auto} /*SECOND LEVEL STRUCTURE*/ #prehead ul#minimenu{ width:213px; height:37; float:right} #prehead li{ list-style:none;float:right; margin:5px 0 0 10px} #navigation ul{ margin:0 auto; width:760px; clear:both} #navigation ul li.active { float:left; height:36px; background: url(../images/nav_li_selected.png) no-repeat;} #navigation ul li { float:left; margin-left:15px; height:36px; background: url(../images/nav_li_normal.png) no-repeat; text-align: left; margin-right:2px} #navigation #nav_top ul li a{ font-size: 15px; color: #FFF; font-family: "Georgia"; font-weight:normal;font-variant: small-caps; text-decoration:none; text-align: center;margin-top: 10px;display: block;} #gallery_list{clear: both; width:740px} #gallery_list li{float: left ;margin-right:10px; color: #FFF } #gallery_list li a{ color: #FFF} #footer ul#site_badge{float: right;margin-top:5px;margin-right: 0;padding-right: 0} #footer ul#site_badge li{color: #C4C4C4;float: right; margin-right: 0;padding-right: 0} #footer #site_badge a{color: #CCC;font-size:11px;} /*LAYOUT TEST #wrapper{ background:#000000} /*#prehead{ background: #009966 } #header{ background:#003366} #navigation{ background: #9966FF} #info_bar{ background: #92622F} #container{ background:#333333} #leftcolumn{ background: #999966} #rightcolumn{ background: #CC6699} #pre_foot{ background: #3333CC} #pre_foot2{ background: #336666} #footer{ background: #660066}*/ /*NAV-MENU--------------------------------*//*FORM-------------------------------*/ #myform fieldset{ margin:10px 0; padding:0px;} #myform textarea { width:300px; height:150px; border:1px solid #CCC} #myform input { border:1px solid #CCC} #myform label{ display:block; color:#FFF} #myform .indicate{ color: #FFF} #myform .ctrlHolder{margin-bottom:10px;} #myform .submitButton{ width:80px; height:30px; background:#EFEFEF; border:1px solid #CCC} #product_adder fieldset{ margin: 10px 0 0 0;background: #E6E6E6; padding: 10px; border: 1px solid #CCC;} #product_adder fieldset h3{ background: #C33; padding: 10px;color:#FFF; border: 2px solid #990000;margin-bottom: 10px;} /*HOMEPAGE--------------*/ #home_buttons{ width:596px; height:129px; clear:both; margin-top:10px} #home_window{ width:180px; height:129px;float:left; margin-right:25px} #home_window a{ width:180px; height:129px; background:url(../images/home_window.png) no-repeat 0 0;text-indent:-5000px;display:block;} #home_window a:hover{ width:180px; height:129px; background:url(../images/home_window.png) no-repeat 0 -130px;} #home_door{ width:180px; height:129px; background:url(../images/home_door.png) no-repeat; float:left; margin-right:25px;} #home_door a{ width:180px; height:129px; background:url(../images/home_door.png) no-repeat 0 0;text-indent:-5000px;display:block;} #home_door a:hover{ width:180px; height:129px; background:url(../images/home_door.png) no-repeat 0 -130px;} #home_cons{ width:180px; height:129px; background:url(../images/home_cons.png) no-repeat; float:left} #home_cons a{ width:180px; height:129px; background:url(../images/home_cons.png) no-repeat 0 0;text-indent:-5000px;display:block;} #home_cons a:hover{ width:180px; height:129px; background:url(../images/home_cons.png) no-repeat 0 -130px;} /*DOORS*-----------------*/ #specials_details{float:left;width:470px;} #specials_picture{float:left; width:120px;} #special1{ width:596px; clear:both;} .specials_item{ width:120px; float:left; margin-right:20px} .special_code{ color:#FFFFFF; text-transform:uppercase; text-align:center; background:#CC0000; width:90px; margin:0 auto;} #standard_spec{ width:290px; float:left} #addition_spec{ width:290px; float:left} /*WINDOWS-----------*/ ul#windows_display li{ float:left; margin:0 10px 10px 0; } /*-PLUGINS CSS------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------------------------------------------*/ /*-SIFR CSS------*/ .sIFR-flash {visibility: visible !important;margin: 0;position: relative;} .sIFR-flash span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;} /*FACEBOX-------*/ #facebox .b {background:url(http://www.dzined.co.uk/bmt_rep/images/facebox/b.png);} #facebox .tl {background:url(http://www.dzined.co.uk/bmt_rep/images/facebox/tl.png);} #facebox .tr {background:url(http://www.dzined.co.uk/bmt_rep/images/facebox/tr.png);} #facebox .bl {background:url(http://www.dzined.co.uk/bmt_rep/images/facebox/bl.png);} #facebox .br {background:url(http://www.dzined.co.uk/bmt_rep/images/facebox/br.png);} #facebox {position: absolute;top: 0;left: 0;z-index: 100;text-align: left;} #facebox .popup {position: relative;} #facebox table {border-collapse: collapse; border:none} #facebox td {border-bottom: 0;border:none; padding: 0;} #facebox .body {padding: 10px;background: #fff;width: 370px;} #facebox .loading {text-align: center;} #facebox .image {text-align: center;} #facebox img { border: 0; margin: 0;} #facebox .footer {border-top: 1px solid #DDDDDD; padding-top: 5px;margin-top: 10px; text-align: right;} #facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {height: 10px;width: 10px;overflow: hidden;padding: 0;} #facebox_overlay {position: fixed;top: 0px;left: 0px;height:100%;width:100%;} .facebox_hide {z-index:-100;} .facebox_overlayBG {background-color: #000;z-index: 99;} * html #facebox_overlay { /* ie6 hack */ position: absolute; /*height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');*/} /*GLIDER-------*/ .glidecontentwrapper{position: relative; width: 592px;height: 230px;overflow: hidden;} .glidecontent{position: absolute;background: white;visibility: hidden;width: 330px;} .glidecontenttoggler{width: 360px;margin-top: 6px;text-align: center;} .glidecontenttoggler a{display: -moz-inline-box;display: none;border: 1px solid black;color: #2e6ab1;padding: 1px 3px;margin-right: 3px;font-weight: bold;text-decoration: none;} .glidecontenttoggler a.selected{background: #E4EFFA;color: black;} .glidecontenttoggler a:hover{background: #E4EFFA;color: black;} .glidecontenttoggler a.toc{} .glidecontenttoggler a.prev, .glidecontenttoggler a.next{} .glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{background: #1A48A4;color: white;} #galleries_display ul { margin: 0 0 0 0px} #galleries_display ul li{float:left;margin: 0 10px 10px 0; border: 1px solid #444} #galleries_display ul li:hover{border: 1px solid #644D2F} #galleries_display ul li a { padding: 5px; background: #222;display: block} #galleries_display ul li a img{width:75px; height:75px;}