@bwidth: 950px; #home-template{ section.body{ width: 100%; background-repeat: no-repeat; background-position: center 0; background-color: transparent; margin: 0; } section.content{ position: relative; text-align: center; section.market-space{ width: 1020px; margin: auto; margin-top: 400px; font-family: "pragmatica-web"; section.market-content{ clear: both; width: @bwidth; height: 200px; background-color: white; margin-left: 35px; box-shadow: 0 100px 15px -95px black; margin-top: 210px; text-align: left; font-size: 12px; &.edit-mode { height: 270px; } .content { background-repeat: no-repeat; width: (@bwidth / 2) - 62px; height: 160px; padding: 20px 30px; float: left; overflow: hidden; text-align: left; h3 { color: #464646; font-family: "franklin-gothic-urw-cond"; font-size: 18px; margin: 0 0 04px; } p { color: #646464; font-family: "pragmatica-web"; font-size: 12px; line-height: 18px; margin-bottom: 10px; } button { margin-top: 10px; } &.edit-mode { height: 250px; } .inputs { width: 100%; div { width: ((@bwidth / 2) - 62px) / 2; padding-bottom: 03px; float: left; text-align: right; } } } .vr { background-color: #999; width: 01px; height: 165px; margin: 15px 01px 20px 0; float: left; } } } } } section.rotation-container{ text-align: left; section.rotation{ width: 100%; position: absolute; text-align: center; .arrow{ position: absolute; width:60px; height:62px; background-color: #adadad; background-color: rgba( 173, 173, 173, 0.5 ); background-image: url(/assets/styles/home/marqee-arrow.png); background-position: center center; background-repeat: no-repeat; border-radius: 0 05px 05px 0; top: 200px; cursor: pointer; &.right{ right: 00px; border-radius: 05px 0 0 05px; background-image: url(/assets/styles/home/marqee-arrow-right.png); } } figure{ display: none; width: 1020px; margin: auto; margin-top: 50px; text-align: left; font-weight: 700; font-family: "franklin-gothic-urw-cond"; text-transform: uppercase; line-height: 40px; color: #003663; height: 355px; &.selected{ display: block; } > section{ float: left; width: 400px; &.wysiwyg{ margin-top: -15px; margin-left: 50px; margin-right: 40px; min-height: 315px; width: 430px; } &.buttons{ h1{ width: 470px; font-size: 36px; } input, textarea{ // margin-bottom: 05px; } div.slideSettings{ background-color: white; width: 220px; padding: 05px; line-height: 16px; } } } } section.rotation-blocks{ margin: auto; width: 1022px; article{ color: #003663; float: left; width: 230px; height: 200px; margin-right: 10px; background-color: #b7b7b7; position: relative; text-align: left; cursor: pointer; &.selected{ background-color: white; &:before{ content:' '; position: absolute; top: -17px; left: 180px; background-image: url(/assets/styles/home/ctype-arrow.png); width: 35px; height: 17px; } } &:first-child{ margin-left: 35px; } h2{ margin-left: 15px; margin-right: 15px; margin-top: 11px; padding: 0; font-size: 15px; } h3{ margin-left: 15px; margin-right: 15px; font-size: 12px; font-weight: normal; } div.img{ position: absolute; top: 45px; z-index: 1; left: 0; width: 230px; height: 155px; overflow: hidden; } } } } }