#doornumbers{text-transform: uppercase}
#doorcolour{float:left;white-space:nowrap; width:198px; height:29px; margin:2px 0 7px 11px; padding:0; text-align:left;overflow:hidden;text-overflow:ellipsis}
#doorcolour .doorcsprite{display:none;vertical-align: middle;background:url('img/SC/smallcolours.png');width:32px;height:23px}
#doorcolour .txt{position: relative;top: 1px}
.doorcolourinopt.disabled{color:black;opacity: 0.5}
.brickhinpblock{position:absolute;border-radius: 7px;color:white;background-color: rgba(0, 0, 0, 0.6);padding: 1px 7px 5px 7px}
.brickhinpblock input{width:35px;margin-top:4px}
.redhelpComp {width:73px; height:30px; margin-top:28px; position:absolute; display:none; background:url('img/red-help2.png') no-repeat; z-index:50}
#previewpicanchor::-moz-focus-inner{border:0;outline:none}
#previewpicanchor,#previewpicanchor:hover,#previewpicanchor:link,#previewpicanchor:visited,#previewpicanchor:active,#previewpicanchor:focus{border:0;outline:none;color:black !important;cursor: default}
/* glass pop ups*/
#escutcheontypes,#handleInternal,#handlemodels,#handletypes, #handleInternal{margin-left: 4px}
#sidepanelcompStep1 a,#sidepanelmenuGlass a,.squarestyle a,#glassmodels a,.doorcolouritems a,#glasspatterns a{
display:inline-block; float:left; width:120px; height:124px; margin-right:8px; border-radius:5px;
margin:10px 5px; border:solid 1px lightgray; text-align:center;font-size:14px; font-family:Tahoma, Helvetica, sans-serif !important;
font-stretch:condensed; overflow:hidden; position:relative}
.doorcolouritems a{margin:10px 6px 3px 6px !important}
#glassmodels a .price,.doorcolouritems a .price,#sidepanelcompStep1 a .price,.squarestyle a .price{position:absolute; bottom:23px;right:0; background-color:rgba(255, 255, 255, 0.9); width:auto;padding:0 6px; border-radius:6px 0 0;color:black; box-shadow:#0000004f -1px -1px 2px 0}
#escutcheontypes a .price,#handleInternal a .price,#handletypes a .price{position:absolute; bottom:23px;right:0; background-color:rgba(255, 255, 255, 0.9); width:auto;padding:0 6px; border-radius:6px 0 0;color:black; box-shadow:#0000004f 0 0 1px 1px}
#glasspricedisplay {position: absolute;top: 29px;color:green;font-size:18px;margin-left:10px}
#escutcheontypes a .price, #handleInternal a .price, #handletypes a .price.selected,#glassmodels a.selected .price,.doorcolouritems a.selected.price, #sidepanelcompStep1 a.selected .price,.squarestyle a.selected .price{right:1px}
#glassmodels,.doorcolouritems{text-align:center}
.doorcolouritems a{width:100px;height:100px}
.doorcolouroutopt:hover,.doorcolourinopt:hover,.doorcolouroutopt1:hover{border: 1px solid black}
.doorcolouritems.wide a{width: 170px; float:none; height:auto; vertical-align:top; min-height:115px;}
.doorcolouritems.wide .doorcolourselimg{width: 170px;overflow:hidden;position: relative}
.doorcolouritems.wide .doorcolourselimg{background: url(img/ucolours.jpg) no-repeat;width:170px}
.doorcolouritems.wide .doorcolourselimg.cwindocolour{background: url(img/wcolours.jpg) no-repeat}
.doorcolouritems.wide .doorcolourselimg.white:before{width: 70px;height: 198px;content: '';display: block;background: white;transform: rotate(66deg);position: absolute;right: 35px;top: 0}
.doorcolouritems.wide .doorcolourselimg .zoomindoorcolour{cursor: zoom-in;border: 1px outset #333;border-radius: 4px;color: black;padding: 1px 5px;text-align: center;font-weight: 300;font-size: 15px;font-family: Tahoma, Arial;text-shadow: 0 0 3px rgba(255, 255, 255, 0.5); background-image:linear-gradient(0deg, #e8eff4 50%, #adc4d6 90%); border: 1px solid #989FA5; color:#000 !important; width: 18px;height: 24px;display: block;position: absolute;right: 3px;top: 3px}
.zoomindoorcolour:hover{background-image:linear-gradient(#e8eff4, #adc4d6); border: 1px solid #b9bfc4;}
#escutcheontypes a .price,#handleInternal a .price,#handletypes a .price{top:0;right: -6px; padding: 0 4px;border-radius: 0 0 0 6px;height:15px;}
#escutcheontypes a, #handleInternal a,#handlemodels a,#handletypes a,#handlecolours a{display:inline-block; width:100px; height:auto;margin:6px 29px 6px 0; text-align:center;position:relative;font-size:14px;font-family:"Arial Narrow",sans-serif-condensed; font-stretch:condensed; float: left}
#sidepanelcompStep1 a.selected,.squarestyle a.selected,#sidepanelmenuGlass a.selected, #glassmodels a.selected,.doorcolouritems a.selected,#glasspatterns a.selected{background-color:white; box-shadow: 0 0 7px 0 #0000FF, 0 0 5px 0 #9090FF; border:solid 1px #0000FF}
#threshold .ui-button[for="thres2"] .ui-button-text{padding: 3px 3px !important}
a.selected>.handleselblock{background-color:white; box-shadow:0 0 7px 0 #0000FF, 0 0 5px 0 #9090FF;border:solid 1px #0000FF}
#zoombutton{position:absolute;right: 8px;top: 8px;height: 28px;padding-top:1px;padding-left:5px;z-index: 1}
#zoombutton img{margin-right:5px;width:18px;height:24px}
#zoombutton span{position: relative;top: -7px}
#zoombutton:hover img{filter: invert(100%)}
.seltopmenu{width:100%;display:block;float:left;height:auto;overflow:hidden;position:relative;cursor:pointer; margin-bottom:20px}
.prepicon:hover,.prepicon.hover{background-color:rgba(0, 0, 0, 0.1)}
.seltopmenu .btnpos{padding-top:45px; text-align:right;left:231px;right:0; height:auto;position:absolute}
.seltopmenu .btnpos button:before{content:"\2B05"; font-size:26px; pointer-events:none; line-height:0; position:relative; top:3px; right:1px}
.seltopmenu a{color:black; width:120px;height:100px !important}
.seltopmenu .spanimg{height:77px !important; border-bottom:solid 1px lightgray}
.seltopmenu button:hover{background-image:linear-gradient(#8c8c8c, #565656)}
.seltopmenu h2{float:left; margin:50px 10px 0 0}
.seltopmenu button{outline:none; cursor:pointer; min-height:30px; font-size:15px; background-image:linear-gradient(#d6d6d6, #b0b0b0); height:auto}
#threshold span{padding:3px 4px !important}
#sidepanelcompStep1 span,.squarestyle span,#sidepanelmenuGlass span,#glassmodels span,.doorcolouritems a span,.doorcolouritems .doorcolourselimg,#glasspatterns span{display:block; width:120px;height:100px; margin-bottom:2px}
.handleselblock>span{display:block;width:120px; height:100px; margin:2px auto}
.handleselblock>span{width:69px}
#sidepanelcompStep1 a,#sidepanelcompStep1 span{width:63px; height:264px; margin-right:26px;position:relative}
#sidepanelcompStep1 span{height:240px}
#sidepanelcompStep1 span{border-bottom:solid 1px lightgray}
#sidepanelmenuGlass span,#glasspatterns span{background:url(img/SC/undecoratedsprite.jpg) no-repeat;border-bottom:solid 1px lightgray}
.squarestyle span,#glassmodels span{background:url(img/SC/glasssprite.jpg) no-repeat;border-bottom:solid 1px lightgray}
.doorcolouritems a span,.doorcolouritems .doorcolourselimg{background:url(img/SC/dcolours.png) no-repeat;border-bottom:solid 1px lightgray; width: 100px;height: 78px}
#backglassdesign:hover .sidefade,#backglassdesign:hover #glassdesbackbutton{transition:opacity 0.2s}
.handleselblock{border-radius:5px; height:auto; width:98px;padding:6px 0;border:solid 1px lightgray;display:block}
.handleselblock:hover,#sidepanelcompStep1 a:hover,#sidepanelmenuGlass a:hover,#glassmodels a:hover,#glasspatterns a:hover{background-color:white}
#escutcheontypes .handleselblock, #handletypes .handleselblock, #handleInternal .handleselblock{height:auto; width:105px}
.toggledouble span.ui-button-text{padding-top:0 !important;padding-bottom:0 !important}
.centerdash{position:relative;float:left;display: block;width: 100%;text-align: center;font-weight: bold}
.centerdash:before{content:'';width:100%;position: absolute;top:50%;border-top:dashed 1px;left:0}
.centerdash span{background:#eeeeee;position:relative;padding:5px 0;padding: 0 7px}
.doorcolouroutopt,.doorcolouroutopt1{font-family: Arial Narrow, Arial !important;font-weight: normal;font-size: 14px !important}
.ui-dialog .ui-dialog-content{padding:7px 5px 0px 5px}
#doorsprite {vertical-align:middle; margin-left:5px; width:32px; height:23px; background:url("img/coloursf.png") 0px; display:inline-block;}
.disabledGlass{opacity:0.65 !important; cursor:context-menu !important;}
.ralselected{opacity:1; pointer-events:all; user-select:none;}
.ralunselected{opacity:0.3; pointer-events:none; user-select:none;}
.raltable{margin:auto; border-collapse:collapse; font-size:1.2em;}
.raltable td{text-align:center; font-family:Arial; border-top:solid 2px #eeeeee; border-bottom:solid 2px #eeeeee; cursor:pointer;}
.raltable tr:hover{transform:scale(1.05);}
.discountcor{background:#e8e8e8; border-radius:10px; color:#000000; padding:5px; margin:10px auto 0 auto; text-decoration:none; display:inline-block; text-align:right; font-size:15px}
#saving{color:red}