%PDF- %PDF-
Direktori : /home1/lightco1/www/lightingrepublic.com.au/templates/lighting_republic/css/ |
Current File : //home1/lightco1/www/lightingrepublic.com.au/templates/lighting_republic/css/style.css |
@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 li{ 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 35px 36px; overflow: hidden;} .content-full{ position:relative; width:1200px; overflow: hidden; margin:0 auto;} .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 75px; background:#fff url(../images/w-bg.jpg) repeat-x top left; position:relative; z-index:100; overflow: hidden; min-height: 575px;} .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{ width:100% ; padding-top:15px; position:relative; z-index:1000; background:#231f20; position:absolute; bottom:0; } #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; color: #FFFFFF;} .product-form .content .form-left { color:#fff; width:340px; float:left; text-align:justify;} .product-form .content .form-left a { color:#fff;} .product-form .content .form-left a:hover { text-decoration:underline;} .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: 11px; text-align: center;} .product1.newmar { margin:0 0px 10px; width:100px;} .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{ clear: none; float: left; width: 330px;}.check-in input { margin: 1px 9px !important; width: auto !important;}.check-in > label { text-align: left; width: 288px !important;} /*.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: none repeat scroll 0 0 #231F20; bottom: 15px; color: #D2A233; font-size: 17px; left: 29px; line-height: 27px; margin: 0 29px 0 0; padding: 25px; position: absolute; width: 579px;} .about-box55 p{line-height: 27px;} .about-box55 a { color: #D2A233;} .about-box55 a:hover{text-decoration:underline;} .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%;} .border-r{border-right: 1px solid #D5D5D5; padding-right:5px;} .main-image.product1.mar.border-r a img { height: 500px; width:295px;} .additional-images{display: table-cell;height: 500px;vertical-align: bottom;} /*************************** COLLECTONS PAGE ************************/ .collection_box { width: 100%;} .collection_item { float: left; margin: 0 0 20px 10px; width: 23%;} .collection_item + .collection_item { border-left: 1px solid #D5D5D5; margin-left: 15px;} /*.first-img { float: left; margin-bottom: 11px; min-height: 260px; width: 100%;}*/ .first-img {display: table-cell;height: 260px;margin-bottom: 11px;text-align: center;vertical-align: middle;width: 250px;} .second-img { display: block; min-height: 130px;} .first-img img { margin-left: 10px; width: 96%;} .second-img img { margin-left: 12px; width: 90%;} .item_content { padding: 10px; min-height: 400px;} .item_content a { color:#BF9683;} .item_content a:hover { text-decoration:underline;} .collection-box.mar0 { padding-top: 0;} .filament_left { float: left; text-align: center; width: 29%;} .filament_right { float: right; margin: 10px 0 0; width: 70%;} .filament_right p { color:#BF9683;} .filament-logo img { margin: -9px 0 12px;} /*******************dk********************/ .news-form { display: table; margin: 24px auto;} .news-form .in label { display: table; float: none; font-weight: normal; margin: 0 10px 0 0; text-align: right; text-transform: uppercase; width: auto;} .news-form .indicates-required { margin: 0 0 18px;} .thankq .content{ background:none;} .content .tq_message{padding:20px; background: none repeat scroll 0 0 #231F20; width: 81%; margin: 0 0 0 66px;} .content .tq_message h1 { color: #D2A233; line-height: 1em; font-size:70px; text-align:left; padding:0; font-family: 'Conv_Portago'; font-weight: normal;} .content .tq_message .tq_img { margin: -135px 0 0; text-align: right;} .content .tq_message .tq_img img { width: 162px;} .product-form a, a.addmore { color: #FFFFFF;} .product-form a:hover, a.addmore:hover{ color:#DEAC39; cursor:pointer;} .addlinkmore{ float:right;} .first-row .control-group1{ width:65%; float:left;} .first-row .control-group1 input { width:199px !important;} .first-row .control-group2{ width:35%; float:right;} .first-row .control-group2 input { width:114px !important;} .first-row .control-group2 label { width:50px !important;} .addmore { float: left; margin: 0 0 15px 129px; overflow: hidden;} .product-table { border:none !important; margin-bottom: 20px;} .product-table td{ border:none; background:#413635; padding:5px 0;} .product-table th{ background:#D2A233; border:none; padding:7px 0;} .name-table { line-height: 24px; margin: auto; overflow: hidden; padding: 0 0 26px;} #addlink{ background:#D2A233 !important; padding:4px 10px 2px !important; color:#FFF !important; border-radius:4px;} #addlink:hover {background:#413635 !important; } .addmore{ background:#D2A233 !important; padding:4px 10px 2px !important; color:#FFF !important; border-radius:4px;} .addmore:hover {background:#413635 !important; } .name-table .col { float: left; padding:7px 10px; background:#413635;} .name-table .table1{ width:16%; background:#D2A233;} .name-table .table2{ width:29%; text-align:center; margin-right:1%;} .name-table .table3{ width:29%; text-align:center; margin-right:1%;} .name-table .table4{ width:15%; text-align:center;} .save-btn55 { background: none repeat scroll 0 0 #413635; border: medium none; color: #FFFFFF; margin: 0 0 0 131px; padding: 5px 13px; border-radius:4px; cursor:pointer;} .lightform .first-row .control-group1 input { width: 235px !important;} .lightform .addmore{ color:#413635;} .lightform .first-row .control-group2{ float:left !important;} .product-head{ font-family: 'Conv_Portago' ; font-weight:normal; font-size:50px; text-transform:uppercase; margin:0px; padding:15px 0px 25px; float:left;} .l-more { position: relative; top: 18px;} .profile-page fieldset { border:none; margin:0px; padding:0px; } .profile-page legend { font-size:24px; text-transform:uppercase; color:#D2A233;} .profile-page dt { float:left; width:170px; } .profile-page dd{ margin:0px; padding:0px 0px 7px; } .profile-btn { background:#D2A233 !important; padding:5px 10px !important; color:#FFF !important; border-radius:4px; float:left; } .profile-btn:hover {background:#413635 !important; } #member-profile fieldset { border:none; margin:0px; padding:0px; margin-bottom:15px; } #member-profile legend { font-size:24px; text-transform:uppercase; color:#D2A233; margin-bottom:10px;} #member-profile dt { float:left; width:170px; font-size:13px; } #member-profile dd{ margin:0px; padding:0px 0px 7px; overflow:hidden;} #member-profile input { background: none repeat scroll 0 0 #D2A233; border: medium none; color: #000000; float: left; margin: 0; padding: 4px 5px !important; width: 363px;} #member-profile select { background: none repeat scroll 0 0 #D2A233; border: medium none; color: #000000; float: left; margin: 0; padding: 4px 5px !important; width: 370px;} #member-profile > div { margin-left:172px;} #system-message > .message > ul { background-color: #413635 !important; background-image: url("../images/notice-info.png");} #system-message > dd > ul { background-position: 4px top; background-repeat: no-repeat; border: 1px solid #D2A233 !important; color: #D2A233 !important; margin-bottom: 10px; padding: 10px;} .bt-table .col{ width:47% !important; margin:0px 0px 10px;} .bt-table .table2{ float:right !important;} .bt-table .table4{ float:right !important;} /****************** FOR STICKY BACKGROUNG ******************/ html { height:100%} body { min-height:100%; position:relative;} .background-back { width:100%; position:fixed;} .background-back img { width:100%; height:100%;} /****************** END FOR STICKY BACKGROUNG ******************/ .input1.spinput {margin-bottom: 5px !important;} .spinput input { width: 200px; } .spinput label{width: 155px;text-align: left;line-height: 29px;} .fright { display: block; float: right; margin-right:8px; } .plink{ float:right; margin:6px 17px 0 0; text-align:left;} .plink a{ font-size:12px;} #tbl1 tr{ border:1px solid #F00; padding-bottom:10px;} #tbl1 td { padding-bottom: 0;} #tbl1 tr.top td { padding-top: 5px;} #tbl1 tr.last td{ padding-bottom:1em; border-bottom: 1px solid;} .btnsubmit{ margin-top:10px;} .faq .item-page a { text-decoration: underline;} .input1.maninput { float: left; margin-right: 14px;} .input1.maninput input { height: 24px; margin-right: 8px; padding: 3px !important; vertical-align: middle; width: 219px;} .input1.maninput label { line-height: 32px; padding-right: 9px; text-align: left; width: auto; text-transform:capitalize;} .manbutton .button { padding: 6px 20px;} ul.nav.special_menu { background: none repeat scroll 0 0 #413635; display: block; float: left; margin: 0 10px 35px 0; width: 100%;} #avs_galleryproduct-form .avs_thumb { display: block; float: left; margin-right:30px; } #avs_galleryproduct-form { margin-top: 10px;} .logout-area { width: 255px; margin: 10px 0 0;} .account-button { float: left; margin: 0 8px 0 0;} .account-button a.account { background: none repeat scroll 0 0 #d2a233; border-radius: 4px; line-height: 24px; padding: 5px 9px;} .account-button a.account:hover{ color:#fff;} .docman-row { border: 1px solid; float: left; margin: 0 22px 22px 0; padding: 10px; width: 20%; min-height:210px; overflow:hidden; } .docman-row:last-child{ margin-right:0px;} .docman-row p,.docman-row h4 { font-size:15px; text-align: center;} .docman-row .btn-toolbar { text-align: center;} /**********************/ .pagination { display:inline-block; width:100%; margin:40px 0px 40px 0px; color:#fff; } .pagination strong { font-weight:normal; font-size:16px; margin-right:18px; float:left; color:#fff;} .pagination ul li { display:inline; margin-right:2px; font-size:16px; color:#fff; line-height:20px; } .pagination ul li a { padding:5px 10px; color:#fff; } .pagination ul li.active{ padding:5px 10px; color:#fff; background:#CFA433} .pagination ul li span{ padding:5px 10px; color:#fff; background:#CFA433} .pagination ul li:hover a{color:#fff !important; background:#CFA433 !important;} .collection_item.item3 { padding-left: 7px; width: 30%; } .items-rows { float: left; width: 100%; margin-bottom:40px; } .items-rows img { max-width:100%;} .items-rows .col3 { float: left; width: 23%; border:#d5d5d5 solid 1px; } .items-rows .col3 + .col3 { margin-left:2%;} .col6 { border: 1px solid rgb(213, 213, 213); float: left; margin-right: 2%; width: 48.2%;} .items-rows.below-row1 .col6 { margin-left: 2%; margin-right: 0; } .item-description { margin: 24px 0 0; overflow: hidden; } .item-description p { font-size: 16px; line-height: 24px; } .items-logos { float: left; margin-right: 18px; } .col2 { border: 1px solid rgb(213, 213, 213); float: left; padding-top: 11px; text-align: center; width: 27%; } .col2 + .col2 { margin-left: 9%; } .items-rows55 .col6 { border: medium none; margin-left: 4%; margin-right: 0; margin-top: 94px; width: 62%; } .items-rows53 .col3 img { position: relative; top: 1px; width: auto;} .items-rows53 .col6 img { float: left; width: 19%;} .items-rows53 .col6 { margin-right:0px; margin-left: 2%;} .items-rows53 .col3 , .items-rows54 .col3 { text-align:center;} .items-rows54 .col3 img { width: auto;} .items-rows54 .col6 img { float: left; width: 19%; } .items-rows53 .col6 img + img, .items-rows54 .col6 img + img { margin-left: 24px; } .parlour10 img { display: block; height: 347px; max-width: inherit !important; width: 100% !important; } .col3 span, .col6 span { display: block; position: relative; text-align: center; top: -5px; width: 100%; } .items-rows span { clear: both; display: block; font-weight:bold; } .item-description.item-description1 { margin-top: 73px; } .items-rows.items-rows55 .col2 { padding: 0; width: 33%; } .items-rows54 .col6 img { height: 327px; } .p-item-details { margin-left: 5px; } #main_image_area a { bottom: 0; left: 0; position: absolute; width: 300px;} .p-item-left { float: left; height: 676px; text-align: center; width: 300px; position:relative; overflow:hidden;} .p-item-left > div { height: 709px; width: 100%; overflow:hidden;} .p-item-left img { max-height: 100%; max-width: 100%;} /*.p-item-left .modal { display: table-cell; height: 674px; vertical-align: middle; width: 300px;} .p-item-left .modal img {}*/ .p-item-right { float: right; width: 579px; min-height: 677px; position:relative;} .thumb { /* bottom: 0; position: absolute;*/} #thumbs > ul { margin: 0; padding: 0; width:762px;} #thumbs li { float: left; height: 180px; list-style: outside none none; width: 180px; margin: 5px; border: 1px solid #d5d5d5;} #thumbs a { display: block; cursor:pointer;} #thumbs li img { max-height: 100%; max-width: 100%;} #thumbs a { display: block; height: 180px; text-align: center;} .p-footer { margin-bottom: 11px; width: 100%;} .p-footer > img { width: 100%;} .p-item-area.product.horizontal #main_image_area a{ position:relative; } .p-item-area.product.horizontal .p-item-left > div{ overflow:inherit; height:inherit;} .p-item-area.product.horizontal .p-item-left{ overflow:inherit; height:auto; width:600px; min-height:inherit; } .p-item-area.product.horizontal .p-item-right { float: right; width: auto; position:relative; min-height:inherit; margin-right:40px;} .p-item-area.product.horizontal #thumbs li{float:none;} .p-item-area.product.horizontal #thumbs li + li { margin-top: 45px;} .horizontal .p-item-details .p-left { float: left; text-align: left; width: 50%; margin-right:2px;} .horizontal .p-item-details .p-right { float: right; text-align: left; width: 48%;} .horizontal #thumbs > ul { width:auto;} .horizontal #thumbs > ul li{ margin:0px;} .horizontal .p-item-details { margin-left: 5px; padding-top: 36px; } .item-description.bonz-desc p { font-size: 16px; line-height: 27px; } .footer-image-text { padding-bottom: 0; padding-top: 13px; text-align: center; width: 324px; } .product.parlour .p-item-left {height: 694px;} .tulips-logo img { max-width: 95%; } .item-description.tulips-desc p { font-size: 16px; line-height: 2em; } .tulip-middle-item .col2 + .col2 { margin-left: 8.3%; } .tulip-page .p-item-left { height: 643px;} .lille-ceiling #main_image_area a { bottom: 0; left: 0; position: relative; width: 300px;} .lille-ceiling .footer-image-text { margin-top: 60px;}