%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%;}