/*============================================= Copyright: 52M written for: www.52m.be Swatches ----------------------------------------------- ==============================================*/ /*=GENERAL - the general styles ==============================================*/ @font-face { font-family: 'BebasNeue'; src: url('Fonts/BebasNeue.eot'); src: local('BebasNeue'), local('BebasNeue'), url('Fonts/BebasNeue.woff') format('woff'), url('Fonts/BebasNeue.ttf') format('truetype'), url('Fonts/BebasNeue.svg#BebasNeue') format('svg'); } body{ font: 73.1%/2.2em Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #4b4942; background: url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/bgVeryDark.jpg) center bottom repeat #333; line-height:1.9em; } a{text-decoration: none; color: #ce2c37;} a:hover{color: #ce2c37;} strong{font-weight: bold;} h1, h2, h3, h4, h5{/*font-family: Garamond, "Times New Roman", Serif; font-style: italic; color: #333; text-shadow:0 1px 1px #FFFFFF;*/ font-family: BebasNeue, Impact, Arial Narrow, Helvetica, Sans-Serif; text-transform:uppercase; color: #5d5d5d; } h1{font-size:3.8em;} h2{font-size:3.5em;} h3{font-size:3.0em; font-weight:lighter; padding:0 0 15px 0; line-height: 1em;} h4{font-size:2.5em; font-weight:lighter; padding:5px 0;} h5{font-size:2.0em; font-weight:lighter; padding:5px 0;} /*=Layout - the main layout styles ==============================================*/ #top h{float: left;} #navigation{float: right;} #top, #header, #headerInner, #content,#footer, #footerbar{width: 100%; float: left;} #top{background: url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/bgDarker.jpg) center top repeat #d4d4cf; height: 80px; border-bottom: 1px solid #fff;} #header{background: url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/bg.jpg) center top repeat #f4f4f4; height: 350px; position: relative;} #content{background: url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/bg.jpg) center top repeat #f4f4f4; padding:32px 0 48px;} #leftContent, #centerContent, #rightContent {float: left; width: 300px; margin: 10px;} * html #leftContent, * html #centerContent, * html #rightContent {width: 280px;}/*IE*/ #footer{background: url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/bgDarker.jpg) center top repeat #d4d4cf; border-top: 1px solid #999;} #footerbar{background: url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/bgVeryDark.jpg) center top repeat #333; height:60px; border-top: 1px solid #666;} .container{width: 960px; margin: 0 auto; height: 100%; position: relative;} .box{float:left; padding:0 10px 12px 10px; margin: 10px; width:20%; min-height:118px; display: block;} .wide{width: 47% !important;} * html .wide{width: 45% !important;} #leftColumn{width: 460px; margin: 0 10px; float: left; display: block; min-height: 500px;} #rightColumn{width: 460px; margin: 0 10px; float: left; display: block; min-height: 500px;} #rightColumn p{margin: 0 0 20px 0;} #leftColumn_220, #rightColumn_220, #leftColumn_460, #rightColumn_460, #leftColumn_300, #centerColumn_300, #rightColumn_300, #leftColumn_620, #rightColumn_620, #leftColumn_700, #rightColumn_700{ margin: 0 10px; float: left; display: block; min-height: 500px;} #leftColumn_220{width: 220px;} #rightColumn_220{width: 220px;} #leftColumn_460{width: 460px;} #rightColumn_460{width: 460px;} #leftColumn_300{width: 300px;} #centerColumn_300{width: 300px;} #rightColumn_300{width: 300px;} #leftColumn_620{width: 620px;} #rightColumn_620{width: 620px;} #leftColumn_700{width: 700px;} #rightColumn_700{width: 700px;} .noMargin{margin: 0 !important;} /*=HEADER - the content layout styles ==============================================*/ #top h1{float: left; margin-top: 15px; position: relative; z-index: 1; height:50px; display: block; } #top h1 a{background: url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/logoGeneral.png) no-repeat center; width:69px; height: 50px; display: block; } #featuresContainer{position: relative; background: #fff; padding: 5px; width: 950px; height: 325px; display: block; margin: 25px 0 0 0; border-bottom: 2px solid #ccc; } #features{width: 950px; height: 325px; overflow: hidden; position: absolute; background: #fff; z-index: 1;} img.featuresPic {width:950px; height: 325px; _position: absolute;} #featuresContainer .jshowoff-prev{left: 25px; background:url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/prev.png) no-repeat left center;} #featuresContainer .jshowoff-next{right: 25px; background:url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/next.png) no-repeat right center;} #featuresContainer .jshowoff-play {display: none;} #featuresContainer p.jshowoff-controls, #featuresContainer .jshowoff-controls a {height:112px; position:absolute;} #featuresContainer p.jshowoff-controls {overflow:visible; top:110px; width:1010px; z-index:150; left:-30px;} #featuresContainer p.jshowoff-controls a {display:block; text-indent:-9999px; width:67px;} /*#scrollerContainer{width: 960px; height: 350px; display: block; border-bottom: 1px solid #ccc;}*/ /*=CONTENT - the content layout styles ==============================================*/ .imgBorder{/*border: 5px solid #9BB741;*/ margin: 10px 0;} .dlPortfolio{margin: 2px 0; width: 300px; overflow:hidden; height: 300px; display: block; position:relative;/* background: #e4e4e4;*/} .dlPortfolio a img{background: #fff; border-bottom: 2px solid #d4d4d4 !important; padding: 4px; margin:8px 11px 12px 11px; height: 70px; width: 70px; display: block; } .dlPortfolio a img:hover{background: #74bde9;} .dlPortfolioTop{width: 300px; background: url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/portfolioTop.png) no-repeat top; z-index: 4; height: 40px; position: absolute; } .dlPortfolioLeft{width: 40px; background: url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/portfolioTop.png) no-repeat left -40px; z-index: 4; height: 200px; position: absolute; left: 0; top: 40px;} .dlPortfolioRight{width: 40px; background: url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/portfolioTop.png) no-repeat right -40px; z-index: 4; height: 200px; position: absolute; right: 0; top: 40px;} .dlPortfolioBottom{width: 300px; background: url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/portfolioTop.png) no-repeat bottom; z-index: 4; height: 60px; position: absolute; bottom: 0;} #dlPortfolioScroller {position: absolute; top: 0; left: 0; width: 900px; height: 900px; z-index: 3;} .targetLink, .targetLinkBlue, .squareLink, .squareLinkBlue { padding:0 18px 4px 12px;} .backLink, .backLinkBlue{ padding:0 18px 4px 18px; } .targetLink, .targetLinkBlue, .backLink, .backLinkBlue, .squareLink, .squareLinkBlue{background-image: url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/linkBg.png); background-repeat: no-repeat; font-size:0.8em; letter-spacing:1px; margin:15px 0 0 0; text-decoration:none; text-transform:uppercase; line-height: 2em; font-weight: bold; float: right; height:16px; display: inline-block; cursor: pointer;} .targetLink{ background-position: right 0px; color:#BAAD9D;} .targetLink:hover{background-position: right -20px; color: #333;} .targetLinkBlue{ background-position: right 0; color:#BAAD9D;} .targetLinkBlue:hover{background-position: right -40px; color: #ccc;} .backLink{ background-position: left -60px; color:#BAAD9D;} .backLink:hover{background-position: left -80px; color: #333;} .backLinkBlue{ background-position: left -60px; color:#BAAD9D;} .backLinkBlue:hover{background-position: left -100px; color: #ccc;} .squareLink{background-position: right -60px; color:#BAAD9D;} .squareLink:hover{background-position: right -80px; color: #333;} .squareLinkBlue{background-position: right -60px; color: #BAAD9D;} .squareLinkBlue:hover{background-position: right -100px; color:#BAAD9D;} .loading{background: url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/loading.gif) no-repeat center center; width: 100px; height:100px; display: block; position: relative; top: 150px; margin: 0 auto;} .nofloat{float: none !important; clear: both !important;} #contactTitle{background: url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/icoContact.jpg) no-repeat left top; padding-left: 40px; height: 22px; display: block;} p.vidSub{font-size: 0.9em; text-align: right;} /*Portfolio showcase*/ #showcaseList{position: relative; top: 10px; float: left;} #showcasePicture{border-bottom: 2px solid #ccc; float: left; width: 755px; display: block; min-height: 598px; padding: 5px 0 5px 5px; position: relative; /*top: 50px;*/ background: url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/loading.gif) no-repeat center center #fff; } #showcaseCornerTop{width: 81px; height: 79px; background : url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/cornerTop.png) no-repeat left top; position: absolute; top: -5px; left: -5px; z-index: 2;} #showcaseCornerBottom{width: 81px; height: 79px; background : url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/cornerBottom.png) no-repeat left top; position: absolute; bottom: -5px; right: -5px; z-index: 2;} #showcasePicture .targetLinkBlue{float: left; margin: 0 0 0 -5px;} .showcaseDetailsContainer{width: 100px; height: 600px; display: block; position: absolute; top: 0; right: 0;} #showcaseDetails { border-bottom: 2px solid #ccc; float: left; width: 100px; display: inline-block; position: relative; margin: 0 0 5px 0; background: url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/portfolioTabBg.jpg) repeat-y left center #fff; min-height: 35px; } #showcaseDetails span{ font-size:0.8em; letter-spacing:2px; text-transform:uppercase; line-height: 2em; font-weight: bold; font-style:normal; display: block; text-align:center; padding: 10px 0; /*cursor:pointer;*/ font-family: Garamond, "Times New Roman"; } /* #showcaseDetails span:hover{background: url(Images/portfolioTabSelected.png) center center no-repeat;} */ #showcaseDetails h4 a,#showcaseDetails h4 span{background: #fff; padding: 0 5px;} #showcaseContainer h3{background: #fff; display: block; margin: 10px 0 0 0; padding: 10px 15px 5px 0; position: relative; right: 180px; width: 600px; text-align: right; float: right;} #showcaseContainer p.portfolioDescription{background: #fff; border-bottom: 2px solid #ccc; display: block; font-size:0.9em; letter-spacing:0.1em; line-height:1.3em; clear: right; float: right; position: relative; right: 180px; width: 585px; padding: 0 15px 5px 15px; text-align: right;} #portfolioPlaceHolder{min-height: 545px;} #portfolioPlaceHolder .jshowoff-play, #portfolioPlaceHolder .jshowoff-paused, #portfolioPlaceHolder .jshowoff-prev, #portfolioPlaceHolder .jshowoff-next{background: url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/slideControls.png) no-repeat; display: inline-block; text-indent: -9999px; height: 16px;} #portfolioPlaceHolder .jshowoff-play{background-position: 0px 0px; width: 14px;} #portfolioPlaceHolder .jshowoff-paused{background-position: -14px 0px; width: 14px;} #portfolioPlaceHolder .jshowoff-prev{background-position: -47px 0px !important; width: 20px;} #portfolioPlaceHolder .jshowoff-next{background-position: -28px 0px !important; width: 19px;} #portfolioPlaceHolder .jshowoff-play:hover{background-position: 0px -16px;} #portfolioPlaceHolder .jshowoff-paused:hover{background-position: -14px -16px !important;} #portfolioPlaceHolder .jshowoff-prev:hover{background-position: -47px -16px !important;} #portfolioPlaceHolder .jshowoff-next:hover{background-position: -28px -16px !important;} /*Divisions*/ #divisionIntroduction{width: 960px; min-height: 220px;} p.divisionDescription{color: #666; font-family: Garamond, "Times New Roman"; font-size: 1.6em; line-height: 1.5em; padding-top: 30px; margin-left: 220px;} p.divisionDescription span.divisionTitle{font-weight: bold;} .divisionSubDescriptionImg{float: left; height: 150px; margin-right: 20px;} .divisionSubDescriptionImgAlt{float: right; height: 150px; margin-left: 20px;} .divisionSubDescription{min-height: 150px;} /*ContactForm*/ #address{background: url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/addressBg.jpg) no-repeat center top; min-height: 100px; text-align: center; margin: 5px 0; padding: 5px 0;} #contactForm{} #contactForm li{} #contactForm li h4 span{font-weight:normal;} #contactForm li span{font-weight: bold;} input, textarea, input[type="file"]{background:url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/bgDarker.jpg) repeat scroll center bottom #D4D4CF; border-width: 1px 0 1px 0; border-top: 1px solid #999; border-bottom: 1px solid #fff; padding:0.3em 0; color: #333;} #contactForm li input, #contactForm li select, #contactForm li textarea{width:100%; margin-bottom: 10px;} .txtbox {background:url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/bgDarker.jpg) repeat scroll center bottom #D4D4CF; border-width: 1px 0 1px 0; border-top: 1px solid #999; border-bottom: 1px solid #fff; padding:0.3em 0; color: #333; } .txtamount{width: 50px; margin-top: 12px; /*margin-top: 20px;*/ position: absolute; z-index: 9; left: 0;} #contactForm li input, #contactForm li select{height: 20px;} #contactForm li textarea{font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em;} #contactForm li input:hover, #contactForm li textarea:hover{background: url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/bgHover.jpg) repeat scroll center bottom #b3b4af;} #contactForm li input[type="radio"], #contactForm li input[type="checkbox"]{margin:0; padding:0; height: 13px; width: 13px;} #mapContainer{background: #fff; border-bottom: 2px solid #ccc; width: 420px; height: 250px; padding: 10px; display: block; margin: 10px 0} .formRemark{font-size: 0.8em; font-style:italic; line-height: 2em;} .formNote{font-size: 0.9em; font-style:italic; line-height: 2em; font-weight: normal !important;} .star{background: url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/star.png) no-repeat left center; padding-left:50px; font-size: 0.9em; height: 50px; display: block;} .formDivider{background: url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/formDivider.png) no-repeat center 0px; height: 35px; display: block;} .formDividerAlt{background: url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/formDivider.png) no-repeat center -35px; height: 35px; display: block;} .workflowTitle, .workflowTitle2, .workflowTitle3{font-weight: bold; background: url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/workflowTitleBg.jpg) no-repeat; width: 300px; height: 25px; padding-left: 15px; } .workflowTitle{background-position: top left; } .workflowTitle2{background-position: left -50px;} .workflowTitle3{background-position: left -25px;} h5#workflow{margin: 2px 0 15px 0px;} .Step1, .Step2, .Step3{background: url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/numbers.jpg) no-repeat; padding-left: 60px; margin-bottom: 50px;} .Step1{background-position: left 0px;} .Step2{background-position: left -120px;} .Step3{background-position: left -230px;} .required{background: url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/requiredBg.jpg) no-repeat right top !important;} .required:hover{background: url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/requiredBg.jpg) no-repeat right -50px !important;} /*Sendconfirmation*/ .thanks{font-size: 5em; line-height: 1.5em; background:url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/purpleBg.jpg) no-repeat scroll -120px top transparent; width: 460px; display: block;} .greets{background: url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/greets.png) no-repeat left bottom; height:70px; display: block;} #uhoh{background: url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/404Sad.jpg) no-repeat center; width: 383px; height: 426px; display: block;} /*=FOOTER - the footer layout styles ==============================================*/ .temp{font-size: 2.3em; margin-left: 30px;} #weather{width: 100%; background:url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/thermometer.png) no-repeat left top;} #weather img{margin-left: 30px;} #twitter_div{margin: 0 0 15px 0; position:relative;z-index:2; } ul#twitter_update_list li{font-size: 0.9em; background: #f2f2ed; margin: 5px 0; padding: 5px; -moz-border-radius:10px 10px 10px 10px; } ul#twitter_update_list li a{color: #7e4995; font-weight: bold; } #bird{background:url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/bird.png) no-repeat scroll right top transparent; display:block; height:120px; position:absolute; top:-48px; width:47%; z-index:1;} /*=Webshop - the webshop layout styles ==============================================*/ .menuContainer{/*position: absolute; z-index: 1;/* top: 125px;*/ } #shopContentContainer{width: 720px;} #shopContentContainer h4{text-align: right; margin: -5px 20px 5px 0;} .productListItem{width: 220px; margin: 0px 20px 20px 0px; background: #fff; float: left; display: block; min-height:50px; border-bottom: 2px solid #ccc; cursor: pointer;} .productListItem:hover{color: #ce2c37;} .productListItem img{float: left;} .productListItem span{margin: 0 10px;} .productItem{cursor: pointer; border-top: 1px solid transparent; border-bottom: 1px solid transparent;} .productItem:hover{background:url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/bgDarker.jpg) repeat scroll center top #D4D4CF; border-top: 1px solid #999; border-bottom: 1px solid #fff;} .productListHeaderStyle{background:url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/bgDarker.jpg) repeat scroll center top #D4D4CF !important; border-top: 1px solid #999; border-bottom: 1px solid #fff; border-width: 1px 0 !important; text-align:left;} .productListRowStyle{border-bottom: 1px solid #ccc;} .productListImage{background: #FFFFFF; border-bottom:2px solid #CCCCCC !important; display:block; height:50px; width:50px; padding:4px; margin: 5px;} #cartContainer{background: url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/cartBg.jpg) no-repeat top right; position: relative; z-index:9; width: 220px; display: block;} #cartDetail{background:url("http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/bgDarker.jpg") repeat scroll center top #F4F4F4; border-bottom: 1px solid #999; border-top: 1px solid #fff; margin-top: 5px; z-index: 9; position: absolute; top: 100px; width: 220px; } #cartDetail table tr td table, .sadlyEmpty{font-size: 0.9em;} .sadlyEmpty{padding-left: 5px;} #cartDetail table tr td table:hover{color: #ce2c37; cursor: default;} .cartItemStyle{border-bottom: 1px solid #333;} #cartDetailContainer{padding-bottom: 20px; border: 2px solid transparent; position: relative; left: -2px;} #cartDetailOverview{width: 100%; font-size: 0.9em; } #cartDetailOverview tr {border-bottom: 1px solid #ccc;} .price{font-size: 1.5em; /*font-family: Georgia, Times New Roman, Sans-Serif;*/} .promo{background: url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/promo.jpg) no-repeat center; width: 179px; height: 101px; display: block; text-indent: -9999px; margin-right: 10px; float: right;} .promoTrue{font-size: 1.2em; text-decoration:line-through; color:#999;} .promoFalse{font-size: 1.5em;} .promoPrice{font-size: 1.8em; font-weight: bold; color: #ce2c37;} .productDetailThumb{ background:none repeat scroll 0 0 #FFFFFF; border-bottom:2px solid #D4D4D4 !important; display:block; height:50px; width:50px; margin:10px; padding:4px; } .addToCart{margin-left: 60px;} #divBack{float: left; clear: both; margin-top: 25px; position: absolute; bottom: 0;} .articleNumber{font-size: 0.8em;} .productTable{background: url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/columnDivider.png) no-repeat 200px top; float: left; width: 220px; margin: 10px 10px 50px 10px;} .productTableNoLine{background: none; float: left; width: 220px; margin: 10px;} #divSmallPrint{clear: both; display: block; min-height:50px; padding-top: 15px;} .btnDelete{background: url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/btnDelete.jpg) no-repeat -22px top; width: 22px; height: 22px; display: block; text-indent: -9999px; cursor: pointer;} .btnDelete:hover{background: url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/btnDelete.jpg) no-repeat -22px -22px;} .btnDeleteVeryDark{background: url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/btnDelete.jpg) no-repeat left top; width: 22px; height: 22px; display: block; text-indent: -9999px; cursor: pointer;} .btnDeleteVeryDark:hover{background: url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/btnDelete.jpg) no-repeat 0px -22px;} .btnAdd{background: url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/btnAdd.jpg) no-repeat center top; width: 22px; height: 22px; display: inline-block; text-indent: -9999px; cursor: pointer;} .btnAdd:hover{background: url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/btnAdd.jpg) no-repeat center -22px;} /*=DomainChecker ==============================================*/ ul#domainList{margin: 20px 0;} ul#domainList li{display: inline-block; width: 100%; border-bottom: 1px solid #999; } ul#hostingList li,ul#hostingType li, ul#hostingPackage li, ul#callMeList li{display: inline-block; width: 85px;} ul#domainResultListLegend{margin: 20px 0;} ul#domainResultListLegend li{display: inline-block; width: 100px; padding-left: 30px; } ul#domainResultList li div span{padding-left: 30px;} ul#domainResultList li{ border-bottom: 1px solid #999;} ul.domainListing {display: block; width: 100%; height: 27px; clear: both;} ul#domainResultList li ul.domainListing li{display: inline-block; border: none; float: left;} li.liDomName{width: 640px; overflow: hidden; } li.liDomAction{width: 35px;} .domainListPrice{font-size: 0.8em; width: 700px; display: block; text-align: right;} .freeDomain, .nocheckDomain, .takenDomain, .checkDomain{font-weight: bold; padding-left: 30px; display: inline-block;} .freeDomain{background: url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/checkedStatus.jpg) no-repeat top left; color: Green;} .nocheckDomain{background: url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/checkedStatus.jpg) no-repeat left -25px; color:#cc5a13; } .takenDomain{background: url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/checkedStatus.jpg) no-repeat left -50px; color:Red;} .checkDomain{background: url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/loadingSmall.gif) no-repeat left top; color:#999;} ul.takenDomain li div.checkbox, ul.checkDomain li div.checkbox{display: none; visibility: hidden;} #priceListDomainTable, #priceListHostingLinuxTable, #priceListHostingWinTable{text-align: center;} #priceListDomainTable th, #priceListHostingLinuxTable th, #priceListHostingWinTable th{background:url("http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/bgDarker.jpg") repeat scroll center top #F4F4F4; border-top: 1px solid #999; border-bottom: 1px solid #fff;} #priceListDomainTable tr.altRow td, #priceListHostingLinuxTable tr.altRow td, #priceListHostingWinTable tr.altRow td{background:url("http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/bgDarker.jpg") repeat scroll center top #F4F4F4; border-top: 1px solid #999; border-bottom: 1px solid #fff; } #priceListDomainTable tr td{} #priceListDomainTable tr td.extension{font-weight: bold;} .www{background: url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/www.jpg) no-repeat center left; width: 71px; height: 15px; display: inline-block;} .dot{background: url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/www.jpg) no-repeat -60px center; width: 10px; height: 15px; display: inline-block;} div#transferBg{background: url(http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/hostingTransferBg.jpg) no-repeat bottom right; display: block; height: 450px; width: 100%;} .columnDivider{background:url("http://external.server2.52m.be/FiveToMSite/Images/Standard/Images/columnDivider.png") no-repeat scroll -50px top transparent;} .columnDivider a, .columnDivider p{margin-left: 20px;} ul#endoptionList{ } ul#endoptionList li{display: inline-block; width: 275px; margin: 0 70px 40px 0;} ul#endoptionList li ul li{ margin-bottom: 0; padding-left: 25px;} ul#endoptionList li ul li span{float: right;} .finalPrice{font-weight: bold;} #ddlExtensies-button{top: 8px;}