%PDF- %PDF-
Direktori : /home/lightco1/www/lightingrepublic.com.au/templates/lighting_republic/css/ |
Current File : /home/lightco1/www/lightingrepublic.com.au/templates/lighting_republic/css/style.css.bkup |
@font-face { font-family: 'Myriad_Roman'; src: url('../fonts/Myriad_Roman.ttf.eot'); src: local('?'), url('../fonts/Myriad_Roman.ttf.woff') format('woff'), url('../fonts/Myriad_Roman.ttf.ttf') format('truetype'), url('../fonts/Myriad_Roman.ttf.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Myriad Pro'; src: url('../fonts/myriad-web-pro.ttf.eot'); src: local('?'), url('../fonts/myriad-web-pro.ttf.woff') format('woff'), url('../fonts/myriad-web-pro.ttf.ttf') format('truetype'), url('../fonts/myriad-web-pro.ttf.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Conv_Portago'; src: url('../fonts/Portago.eot'); src: local('?'), url('../fonts/Portago.woff') format('woff'), url('../fonts/Portago.ttf') format('truetype'), url('../fonts/Portago.svg') format('svg'); font-weight: normal; font-style: normal; } body{ margin:0px; padding:0 0px 0 0px; font-size:14px !important; font-family: 'Myriad Pro', arial; color:#231f20; line-height:20px; /* background:#e6e7e8;*/ background:#000; } h1, h2, h3, h4, h5, h6, small, form, ul, strong, span {margin:0px; padding:0px;} h1{ font-size:24px; font-weight:bold; padding-bottom:15px;} h2{ font-size:20px; font-weight:bold; padding-bottom:10px;} h3{ font-size:18px; font-weight:normal; } h4{ font-size:14px; font-weight:normal; padding-bottom:10px;} h5{} h6{} img{border:none;} .fl{ float:left;} .fr{ float:right;} a { text-decoration:none; outline:none; color:#1e1e20; } a:hover{ color:#222; text-decoration:none;} .cl{ clear:both; height:0;} p{ margin:0px; padding:0 0 15px 0; line-height:18px; *line-height:14px; } ul{ margin:0px; padding:0 0 0 0; } .clearfix:after, .grid-block:after, .deepest:after { clear: both;} .clearfix:before, .clearfix:after, .grid-block:before, .grid-block:after, .deepest:before, .deepest:after { content: ""; display: table;} .wrapper{ width:1200px; margin:auto;} .header{ display:block; overflow:hidden; padding:0 0; position:relative; min-height:193px; position:relative; z-index:1000; background:#231f20; } .header .warp{ width: 980px; margin:auto; } .header a{ color:#FFF;} .header a:hover{ color:#bf9683;} #logo{ float:left; margin-left:0; } #login-right{ width:180px; float:right; margin-top:27px;} .form-login-username, .form-login-password , .form-login-remember{ float: left; margin-bottom: 5px; width: 100%;} .form-login-username label, .form-login-password label{ width:63px;} #login-right label { float:left; color:#fff; text-transform:uppercase; margin-right:14px; font-size:12px;} #login-right input.txtbox{ width:70px; float:left; background:#d2a233; padding:3px 8px; border:none;} button.button, input.button{background:#d2a233; padding:3px 8px; border:none; cursor:pointer; border-radius:4px; color:#fff;} #login-right ul{ display:none; list-style:none;} .menu-box{ width:100%; height:42px; background:#413635; position:relative; z-index:1000} ul.nav{ margin:0px; padding:0px; font-size:12px; color:#bf9683; display: table; margin:auto; } ul.nav li{ list-style:none; float:left; padding-left:0; margin:0 32px;} ul.nav li a{ font-size:14px; color:#bf9683; text-transform:uppercase; display:block; font-family:'Myriad Pro'; font-weight:normal; padding:10px 0;} ul.nav li a:hover{ color:#deac39; } ul.nav li:hover{background: url(../images/nav-ho.jpg) no-repeat center 30px;} ul.nav li.active a{color:#deac39;} ul.nav li.active{background: url(../images/nav-ho.jpg) no-repeat center 30px;} ul.nav li:hover a{ background: url(../images/nav-ho.jpg) no-repeat center 30px;} ul.nav ul{ display:none; position:absolute; background:#413635; padding:10px; width:auto;} ul.nav li:hover ul{ display:block;} ul.nav ul li{ margin:0px; float:none;} ul.nav ul li a{ padding:0px 0px 0px 10px; background: url(../images/d-line.jpg) no-repeat 0px 10px !important; color:#bf9683 !important; } ul.nav ul li a:hover{ background: url(../images/d-line1.jpg) no-repeat 0px 10px !important; color:#deac39 !important;} ul.nav ul li.active a{background: url(../images/d-line1.jpg) no-repeat 0px 10px !important; color:#deac39 !important;} #bg {/* position: fixed;*/ top: 0; left: 0; } .bgwidth { width: 100%; } .bgheight { height: 100%; } #page-wrap { position: relative; width: 400px; margin: 50px auto; padding: 20px; background: white; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; } .full-page, .product-right.full-page{ width:100%; } .about .padd{padding:0px;} .padd{ padding:48px 42px 0 36px; overflow: hidden;} .content-full{ position:relative; width:1200px; overflow: hidden;} .front-page .content{width:980px; overflow-x:auto; margin:0 auto; height:645px; background:none; position:relative; z-index:100; margin:auto;} .content{ width:980px; /*overflow-x:auto;*/ margin:0 auto; background:#fff url(../images/w-bg.jpg) repeat-x top left; position:relative; z-index:100; margin:0 auto 0; overflow: hidden;} .about-box{ width:521px; position:absolute; background:#231f20; color:#bf9683; line-height:30px; font-size:15px; padding:20px 30px; text-align:left; font-family:'Myriad Pro';bottom:20px; right:50px;} .collection-box{ overflow:hidden; padding-top:15px;} .collection-box h2{ font-size:16px; font-weight:normal; color:#bf9683; font-size:16px; padding-bottom:5px; } .text-left{ width:295px; float:left; color:#bf9683; font-size:16px;} .text-left p{ padding-top:8px; } .collection-box.collection-new .text-left{ width:278px;} .text-right { color:#bf9683; float: left; font-size: 16px; margin-right: 0; width: 299px;} .collection-box.collection-new .text-right{ width: 278px;} .collection-box.collection-new .text-right p{ padding:92px 0 0;} .img{ float:left; margin-top: 85px; margin-right: 47px; margin-left:55px;} .img1{ float:left; margin-top: 85px; margin-right: 20px;} .img2 { float: left; margin-left: 40px; margin-right: 36px; margin-top: 93px;} .text-right > p { padding: 125px 0 0;} .product-left { width:196px; float:left; color:#bf9683; font-size:14px; font-family:'Myriad Pro';} .product-left p{ margin:0px; padding:0 0 14px; line-height:15px;} .product-left strong{ display:block; font-size:16px;} .product-right{ width:651px; float:right;} .product1{ float:left; margin-left: 48px;} .product1.mar{ margin-left:0;} .product1 p{ margin:0px; padding:13px 0 8px; color:#bf9683; font-size:16px; text-align:center;} .main-img img{ display:block;} .main-img a{color:#bf9683;} .main-img a:hover{color:#deac39;} .pro-details{ width:341px; float:right; color:#bf9683; font-size:16px; font-family:'Myriad Pro';} .pro-details p{ margin-bottom:20px;} .details-img{ float:left; position:relative; margin-bottom:28px;} .details-img.fr{ float:right;} .details-img img { position: absolute; top: 0;} .tittle{ width:154px; height:134px; display:table-cell; vertical-align:middle; text-align:center; color:#fff; z-index:10; position:relative; } .link{ display:table; margin:auto;} .link a{ color:#bf9683; font-size:16px; padding:0 10px; } .head{ margin-bottom:12px; font-size:14px; padding: 0; width: 100%;} .head span{ margin-right:10px;} .flag .content h1{ font-family: 'Conv_Portago'; font-size:52px; text-align: center; font-weight:normal; margin:0px; padding:0px 0px 38px;} .flag-form{ width:457px; float:right; } .flag-form form{ margin-top:20px;} .flag-form p{ padding:36px 0 0 82px; } .in{ overflow:hidden; margin-bottom:10px !important;} .in label { width:72px; float:left; text-align:right; margin:0px 10px 0px 0px; font-weight:normal; text-transform:uppercase;} .in input{ width:363px; float:left; background:#d2a233; padding:4px 5px !important; border:none; color:#000; margin:0px; } .send{background:#d2a233; color:#fff; padding:3px 10px !important; border-radius:4px; border:none; display:table; margin:0px 0px 0px 220px !important ; cursor:pointer; border:medium none !important; } .flag .padd { background:url(../images/flag.png) no-repeat bottom left; min-height: 597px;} #footer{ width:100% ; padding-top:15px; position:relative; z-index:1000; background:#231f20; } #footer .warp{ width:980px; margin:auto; padding:0 0 0 0; min-height:60px} .fo-left{font-size:14px; color:#bf9683; text-transform:uppercase; display:block; font-family:'Myriad Pro'; float:left;} .fo-left a{ font-size:14px; color:#bf9683; padding-right:53px;} .fo-left ul.nav{ margin:0px; padding:0px; font-size:12px; color:#bf9683; display: table; margin:auto; } .fo-left ul.nav li{ list-style:none; float:left; padding-left:0; margin:0px; } .fo-left ul.nav li a{ text-transform:uppercase; display:block; font-family:'Myriad Pro'; font-weight:normal; font-size:14px; color:#bf9683; padding:0px 56px 0px 0px;} .fo-left ul.nav li a:hover{ color:#deac39;} .fo-left ul.nav li.active a{color:#deac39;} .fo-right { float: right; margin-right: 0; width: 103px;} .fo-right img{ margin-left:3px;} .collection-box{ overflow:hidden; } .product-form .content{ background:#231f20;} .product-form .content .form-left { color:#fff; width:271px; float:left;} .product-form .content .form-right{ width:528px; float:right; color:#fff; padding-bottom: 20px;} body.product-form p{color:#fff !important;} .input1{ overflow:hidden; margin-bottom:15px !important; } .input1 label{ width:120px; text-align:right; float:left; margin:0px 10px 0px 0px; line-height:28px; font-weight:normal; text-transform:uppercase;} .input1 input{ width:388px; float:left; background:#d2a233; padding:7px 5px !important; border:none; color:#000; margin:0px ; } .col-box{ margin-bottom:30px;} .form-right p { padding-left: 130px;} .input2{ overflow:hidden; } .input2 label{ width:120px; text-align:right; float:left; margin:0px 10px 0px 0px; line-height:18px; font-weight:normal; text-transform:uppercase;} .input2 input{ width:388px; float:left; background:#d2a233; padding:4px 5px !important; border:none; color:#000; float: right; margin-bottom: 11px;} .textaria{width:388px; float:left; background:#d2a233; padding:4px 5px; border:none; color:#000; height:155px; } .textaria input{ background:none; width:auto; float:left; } .file{ overflow:hidden; margin-bottom:0;} .textaria textarea{ width:380px; padding:0 5px; border:none; background:none; height:110px; color:#000; font-family:'Myriad Pro'; overflow:auto;} .submit{background:#d2a233; border-radius: 8px; color: #fff; cursor: pointer; float: right; margin: 25px 159px 0 0 !important; padding: 3px 20px !important; border: medium none !important; } .login-fields, .login-fields1 {float: left; margin-bottom: 10px; width: 100%;} .login-fields label{ float:left; text-transform:uppercase; margin-right:14px; font-size:12px; width:65px;} .login-fields1 label{ float:left; text-transform:uppercase; margin-right:14px; font-size:12px; width:78px;} .login-fields input{float:left; background:#d2a233; padding:3px 8px; border:none;} ul.login{ list-style:none; margin-top:10px;} .head h3{font-size: 16px; font-weight: bold; text-transform: uppercase;} .additional-images .floatleft {float: left; margin-bottom: 20px; position: relative; text-align: center; width: 42%; margin-right: 10px; padding:5px; /*background:#413635; border:3px solid #D2A233;*/ min-height: 230px;} .additional-images .floatleft img{ width:90%; margin-right:0px;} .form{ margin-top: 20px;} .ccms_form_element{ padding:0px; margin-bottom:0px;} .field_div { margin-bottom:10px; float:left; width:100%;} span.star{ color:#ff0000;} button {background:#d2a233; border-radius: 4px; color: #fff; cursor: pointer; padding: 3px 20px; border: medium none;} .field_div label{ float:left; text-transform:uppercase; margin-right:14px; font-size:12px;} .field_div input{float:left; background:#d2a233; padding:3px 8px; border:none;} .field_div1 { margin-bottom:15px; float:left; width:100%;} .field_div1 label{ float:left; text-transform:uppercase; margin-right:14px; font-size:12px; width:145px;} .field_div1 input{float:left; background:#d2a233; padding:3px 8px; border:none;} .regi_btn{ float:left; width:100%; margin:10px 0px;} .regi_btn button{ margin-left:159px;} /******* DK **********/ p.description { color: #000000; font-size: 12px; text-align: center;} .product1.newmar { margin: 0 0 10px;} .filament_content { float: right; width: 50%;} .top_image a { margin: 0 11px 0 15px;} .bottom_img { background: none repeat scroll 0 0 #000000;} .bottom_img a { margin: 0 11px 0 15px;} .check-in{ width:100%; float:left;} .check-in input{ width:auto !important; margin:1px 9px !important;} .lighting-contact .in label { width: 115px;} .lighting-contact .in input { width: 319px;} .lighting-contact .check-list {clear: none; float: left; margin-left: 4px; width: 337px;} .lighting-contact .in textarea{ width: 319px; height:80px; background:#d2a233; border:none !important;} .lighting-contact .submit { margin: 11px 114px 0 0 !important; } #input_checkbox_group_71_container_div label { font-weight:normal !important;} .about-box55, .about-r { position: absolute;} /*.about-box55 { width:500px; background:#231f20; top:0; color:#f0a881; font-size:15px; padding-left:200px;}*/ /*.about-box55 {background:#231f20; top:0; color:#f0a881; font-size: 19px; line-height: 27px; margin: 56px 0 0; padding: 24px 0 24px 231px; top: 0; width: 678px;}*/ .about-box55 { background: #231f20; color: #bf9683; font-size: 17px; line-height: 27px; margin: 454px 29px 0 0; padding: 25px 0 25px 25px; position: absolute; right: 0; top: 0; width: 579px; } .about-r { margin: -241px 0 0; right: 0; width: 405px; color:#f0a881; font-size: 19px; line-height: 38px;} .about-r img{ float:right;} .lightlogo-img { margin: -101px 0 0 -131px; position: absolute;} .floatleft > div {display: table-cell;height: 235px;vertical-align: middle;} .mar_top_bottom { margin: 30px 0;} /************************ BG Flaxibal **********************/ .full-page {position: relative; overflow: hidden;} .background-back {height: 100%; position: absolute; top: 0;} .background-back div {height: 100%;} .background-back img { height: 100%; width: 100%;}