* { margin:0; padding:0; } body {padding:0 0 0 0;background:url(images/body-bg.gif) center top; } div {font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; line-height:18px; color:#546759; margin:0; padding:0; } input, textarea, select, option { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; } img {border:0;} hr {height:1px; color:#ccc; background-color:#ccc; margin:10px 0; border:none;} p { margin-bottom:10px; } a { color:#546859; } option { padding-left:4px; } #shadowbox_title_inner { display:none!important; } /******************************************************* External */ #external {font:normal 12px/18px arial; color:#333; height:500px; background:#FFF; padding:8px;} #wrapper { width:880px; background:url(images/wrap-bg.gif) repeat-y left top;margin:0 auto 0 auto; padding:33px 0 20px 0; } #header {background:#fff; padding:0; width:706px; height:195px; overflow:hidden; padding:28px 37px 0 37px; margin:0 auto 0 auto;} #header #header-wraper { background:url(images/header-home-bg.jpg) no-repeat left 6px; height:188px; border-bottom:#b2bab4 dotted 1px; border-top:#b2bab4 dotted 1px; } #header #logo {margin:0; float:left;} #header #logo a { height:176px; width:521px; display:block; text-indent:-9999px;} #header #slogan { display:none; } #xsiswebmaster-1274 #header-wraper { background:url(upload/page_images/Header_Welcome.jpg) no-repeat left 6px!important; height:188px; border-bottom:#b2bab4 dotted 1px; border-top:#b2bab4 dotted 1px;} #xsiswebmaster-1286 #header-wraper { background:url(upload/page_images/header_publish.jpg) no-repeat left 6px!important; height:188px; border-bottom:#b2bab4 dotted 1px; border-top:#b2bab4 dotted 1px;} #xsiswebmaster-1285 #header-wraper { background:url(upload/page_images/Header_Shop.jpg) no-repeat left 6px!important; height:188px; border-bottom:#b2bab4 dotted 1px; border-top:#b2bab4 dotted 1px;} #xsiswebmaster-1288 #header-wraper { background:url(upload/page_images/header_illustration.jpg) no-repeat left 6px!important; height:188px; border-bottom:#b2bab4 dotted 1px; border-top:#b2bab4 dotted 1px;} #xsiswebmaster-1283 #header-wraper { background:url(upload/page_images/header_photography.jpg) no-repeat left 6px!important; height:188px; border-bottom:#b2bab4 dotted 1px; border-top:#b2bab4 dotted 1px;} #xsiswebmaster-1287 #header-wraper { background:url(upload/page_images/header_design.jpg) no-repeat left 6px!important; height:188px; border-bottom:#b2bab4 dotted 1px; border-top:#b2bab4 dotted 1px;} /*.sort { text-align: right; border-top: #546859 dotted 1px; border-bottom: #546859 dotted 1px; padding: 8px 0; margin: 20px 0; }*/ .sort { display: none; } #body { width:700px; overflow:auto; height:100%; margin:14px auto; border-top:#b2bab4 dotted 1px; padding:0; } #body-wrapper { } #body h4 {font-size:13px; margin-top:12px; color:#546859; } #body h3 { font-size:18px; color:#546859; } #body h2 {font-size:18px;border-bottom:#b2bab4 dotted 1px; border-top:#b2bab4 dotted 1px; font-weight:normal; padding:7px 0; display:table; margin-bottom:15px; } #body h1 { font-size:20px; color:#546859; font-weight:normal; margin-top:10px;} .show-page {} .show-page h3 {display:inline; line-height:50px;} /******************************************************* Navigation bar */ /* basket */ #basket { display:none; } #search-shop-sidebar { display:none; } #footer { font-size:12px; width:780px; height:85px; background:#fff; margin:0 auto 0 auto; } #footer-wrapper { width:700px; margin:0 auto;border-bottom:#b2bab4 dotted 1px; padding-bottom:15px; } #footer p {margin:0; } #footer a { text-decoration:none; color:#777777;} #footer #xsis-technology { display:none; } #footer .dot { display:none; } /******************************************************* XSIS ********************************************************/ #xsis { width:780px; overflow:auto; position:relative; display:block; padding:0; height:100%; clear:both; background:#fff left top; margin:0 auto; } /******************************************************* Sidebar */ #sidebar {width:146px; height:161px; color:#000; float:right; display:inline; background:#e0e7e1; padding:15px 15px 0 15px; margin-top:6px; overflow:hidden; } #sidebar-wrapper { margin:0; padding:0; display:inline;} #sidebar-wrapper div { font-size:11px; } #sidebar h3 {color:#000; font-weight:normal; margin-bottom:0px; padding-left:10px; padding-top:2px; font-size:14px; width:163px;} #sidebar h3 a {color:#E2E5D4; text-decoration:none;} /* customise div */ #sidebar #emailus { border-bottom:#b2bab4 dotted 1px; border-top:#b2bab4 dotted 1px; padding:2px 0; text-align:center; } #sidebar #emailus a { text-transform:uppercase; font-size:12px; letter-spacing:-1px; background:#ebefec; width:140px; display:block; margin:0 auto; text-decoration:none; font-family:Arial, Helvetica, sans-serif, "Trebuchet MS"; } #sidebar #shop { margin-top:9px; border-bottom:#b00049 dotted 1px; border-top:#b00049 dotted 1px; padding:2px 0; } #sidebar #shop a { color:#b00049; font-size:22px; text-decoration:none; width:140px; height:25px; display:block; padding:3px 0 0 6px; } #sidebar #shop a:hover { background:#f1cedd;} /* SHOP NAV */ #nav-shop{ display:none; } #sidebar #cart-view { display:none; } #cart { padding-right:4px;} #cart h1 { margin:10px 0 20px 0; font-weight:normal; } #cart h3 { margin:10px 0 20px 0; font-weight:normal; } #cart .cart-view {border-collapse:separate; padding:0; margin:0; width:100%; text-align:center;} #cart #shipping-options {margin:20px 0;} #cart .cart-buttons {padding:15px 0;border-bottom:#b2bab4 dotted 1px; } #cart .cart-buttons div {float:right; text-align:right; } #cart .cart-tr1 {background:#dde4df; height:26px;} #cart .cart-tr2 { height:26px; } #cart .cart-tr2 .col1, #cart .cart-tr1 .col1 { text-align:left; padding-left:10px; } #cart .cart-tr-title {color:#fff; height:26px; background:url(images/bg-tr-title.gif) center top; font-weight:bold;} #cart .cart-tr-title .col1 { text-align:left; padding-left:10px; } #cart .cart-tr-title .col2 { width:50px; } #cart .cart-tr-title .col3 { width:110px; } #cart .cart-tr-title .col4{ width:110px; } #cart .cart-table-total {border-collapse:collapse; width:100%;} #cart .cart-table-total td {border-bottom:2px solid #fff;} #cart .cart-subtotal, #cart .cart-delivery, #cart .cart-total {padding:0; height:30px; background:#dde4df;} #cart .desc {text-align:left;} #cart .col2 { width:40px; } #cart .col3 { width:40px; } #cart .col4 { width:110px; } #cart .col5 { width:110px; } #cart h4 { background:#e0e7e1; border-left:#5b6e60 solid 10px; padding-left:8px; height:20px; padding-top:2px; margin-bottom:30px; } #cart p { margin:10px 0 20px 0; } #cart .confirmation { margin:20px 0; } /******************************************************* Modules */ /* product-body-list */ .product-body-list #page-split { text-align:center; clear:both; padding-top:8px; margin-bottom:20px; border-top:#ccc solid 1px;} .product-body-list #page-split a { background:#fff; margin-right:3px; padding:1px 4px;; text-decoration:none; color:#e71902; border:#e71902 solid 1px;} .product-body-list #page-split a:hover, .product-body-list #page-split .selected { background:#e71902; color:#fff; font-weight:bold;} /* .product-body-list {} .product-body-list h3 {} .product-body-list h4 { } .product-body-list h4 a {color:#003e9a; font-size:14px; font-weight:normal; text-decoration:none!important;} .product-body-list h4 a:hover {text-decoration:none;background:#ff000a!important; color:#fff!important;} .product-body-list #page-split { text-align:center; clear:both; padding:3px; margin-bottom:20px;} .product-body-list #page-split a {border:1px solid #F7941D; margin-right:3px; padding:2px 4px;; text-decoration:none; color:#F7941D;} .product-body-list #page-split a:hover, .product-body-list #page-split .selected {border:1px solid #c00; background:#F7941D; color:#fff;} .product-body-list .product-list {font-family:Arial, Helvetica, sans-serif, "Trebuchet MS"; text-align:left; float:left; height:100%; display:block; overflow:hidden; border:none; border-bottom:1px #666 dotted; padding:10px 0; width:530px; margin-bottom:5px;} .product-body-list .product-list .product-photo {float:left; margin:0 5px;} .product-body-list .product-list .product-photo img { width:60px; height:60px; } .product-body-list .product-list .description {margin:0; padding-top:5px; display:block; width:370px; font-size:10px!important; color:#6a6a6a; overflow:hidden; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal!important;} .product-body-list .product-list .price { font-size:14px; color:#ff0000; float:left; width:85px; margin-top:-15px; font-weight:bold; text-align:right;} .product-body-list .product-list .discount {color:#FF0000; display:block; text-decoration:none; } .product-body-list .product-list h4 { width:400px; display:block; float:left; } .product-body-list .product-list h4 a { color:#003e9a; font-family:Arial, Helvetica, sans-serif, "Trebuchet MS"; text-decoration:underline; font-size:12px; font-weight:bold; } .product-body-list .product-list h4 a:hover { color:#ff8400!important;text-decoration:underline; background:none!important; } .product-body-list .product-list .tax { font-size:12px; } */ .product-body { padding:10px 0; height:100%; overflow:auto; } .product-body h3 { display:none; } .product-list { margin:0 5px; padding:5px 0; border-bottom:#B2BAB4 dotted 1px; overflow:hidden; float:left; width:340px; } .product-list .title { } .product-list .product-photo { width:130px; float:left; padding:0; margin-bottom:10px; } .product-list .product-photo img { width:114px; height:140px; float:left;} .product-list .description { float:left; } .product-list .price { color:#323e2c; font-size:14px; } .product-list .price-box { display:block; font-weight:bold; float:left; } .product-list .discount { color:#e71902; font-size:12px; padding-left:10px; } .product-list h4 { text-decoration:none;float:left; width:165px; overflow:hidden; padding:0; } .product-list h4 a { font-size:11px; color:#546859!important; text-decoration:none;} .product-view { margin-bottom:30px; border-bottom:#bac1bc dotted 1px;} .product-view hr { background:#bac1bc; height:1px; margin-top:20px; } .product-view h6 { font-size: 14px; margin: 0 0 10px 0;} .product-view h4 { color:#000!important; margin-bottom:10px!important; font-size:16px!important; } .product-view h1 { font-weight:normal!important; font-size:20px; margin-bottom:15px; line-height:26px; } .product-view #form-options .label { font-size:13px; height:30px; } .product-view #form-options label { margin-right:10px; } .product-view #product-sdescription { width:450px; display:block; margin-left:200px; } .product-view #add-cart { margin-left:200px; display:block; } .product-picture {margin:0; float:left; cursor:pointer; padding:0; width:200px;} .product-picture #product-picture-big { width:168px; } .product-picture img { border:#ccc solid 1px; } .product-picture ul { list-style:none; padding:0; margin:0; } .product-picture ul li {margin:5px; list-style:none; padding:0;} #product-sdescription {margin:10px 0 0 0;} #product-sdescription h3 { font-size:10px!important; color:#000; } #product-sdescription #readmore { display:none; } #product-description {clear:left;} #product-picture-big { } .product-picture-thumb { border:#ccc solid 1px; margin-right:2px; width:51px; } .product-photo {margin:auto;} .tax {display: inline; color: #ff0000; font-weight: normal; font-size: 10px; font-weight:bold;} .tax em {font-style: normal;} .product-sidebar .product-list {margin:0 auto!important; float:none;} .product-sidebar h3 {margin-bottom:10px;} /* product-body */ .product-body {overflow:hidden; display:block;} .product-body .product-body-all {display:none;} .product-body-all a {} /* Shipping Option */ #shipping-options h3 { margin:10px 0; } #shipping-options .title { font-weight:bold; font-size:14px; color:#546859; } #shipping-options p { background:#e8f2eb; padding:5px; } #shipping-options .description { padding:10px 0 10px 15px; display:block; color:#333;} #login {width:540px; margin-bottom:20px;} #body h4 {font-size:12px; margin-bottom:20px;} #login .cart-login {float:left;} /* Newsletter */ #sidebar .newsletter-sidebar { margin-top:26px; } #sidebar .newsletter-sidebar .newsletter-message { font-size:24px; border-top:#b2bab4 dotted 1px; padding:6px 0; margin-bottom:2px; text-align:center; width:145px; font-family:"Times New Roman", Times, serif; } #sidebar .newsletter-sidebar .newsletter-message a { text-decoration:none; padding:0 4px; } #sidebar .newsletter-sidebar .newsletter-message a:hover { background:#BED1C3; } #sidebar .newsletter-sidebar #email-textbox { width:140px; border:none; height:17px; padding-top:3px; color:#c2ccc4; } #sidebar .newsletter-sidebar #bt-ok { display:none; } #sidebar .newsletter-sidebar .error { margin:0; background:#ebefec; border:none; overflow:hidden; padding:0; } #sidebar .newsletter-sidebar .error p { margin:0; padding:0; color:#354b3b!important; font-size:11px; height:22px; font-weight:normal; } /* faq-body */ .faq-body ol li h4 {margin:10px 0 -5px 0; font-size:13px;} .faq-body {margin-left:20px} .faq {} .faq-body ol li {margin:10px 0;} /* Portfolio */ .portfolio-body { margin-bottom: 20px; padding-bottom:30px; overflow:auto; height:100%; border-bottom:#B2BAB4 dotted 1px; } .portfolio-body #tag-panel select { padding-right:5px; } .portfolio-body .portfolio-item { overflow:hidden; float:left; width:340px; } .portfolio-body .row0 { margin-right:15px; } .portfolio-body #tag-panel { margin:10px 0; text-align:right; padding-bottom:5px; border-bottom:#B2BAB4 dotted 1px; } .portfolio-body .portfolio-item-wrapper { border-bottom:#B2BAB4 dotted 1px; display:block;height:175px; } .portfolio-body .portfolio-item .thumbpic { margin:0 10px 0 0px; float:left;} .portfolio-body .portfolio-item h3 { font-size:17px!important; font-weight:normal; margin:0 0 10px 0px; border-bottom:#B2BAB4 dotted 1px; padding:8px 0; } .portfolio-body .portfolio-item .desc { font-size:11px; } .portfolio-body .portfolio-item .hide { display:none; } /* newsletter */ #newsletter-data { margin:0 0;} #newsletter-data li { font-size:13px; }newsletter-message /* text-body/sidebar */ .text-body { padding:10px 0; border-bottom:#b2bab4 dotted 1px; } .text-body table td { padding:3px; } .text-sidebar {overflow:hidden;} /* extra */ .table_template {} .table_template small {color:#999;} /* comom itens */ .subtitle {margin:0; padding:0; font-size:12px; margin:5px 0;} /* forms */ input {margin:1px 0;} button {cursor:pointer;} .button {cursor:pointer; background:#5b6e60; } .form-general {text-align:left; padding:0;border:none;} .form-general label {float:left; width:130px; margin:8px 10px 0 10px; text-align:left; font-size:11px;line-height:13px;} .form-general input {padding:2px; font-size:11px; margin:2px 0; border:#919191 solid 1px;} .form-general textarea {border:#919191 solid 1px;; width:303px!important;} .form-general button {background:#e71902; color:#000000; border-bottom:#B2BAB4 dotted 1px; border-top:#B2BAB4 dotted 1px;} #form-order table { margin:10px 0 20px 0; } #form-order label {width:100px;} #form-order span { color:#ff0000; } /* Booking */ .booking-body { padding:10px; margin:3px 0; background:#e0e7e1; border-bottom:#b2bab4 dotted 1px; } .booking-body .textbox { width:300px; border:#c1c1c1 solid 1px; font-size:11px;padding:2px; } .booking-body .listbox { border:#c1c1c1 solid 1px; font-size:11px;padding:2px; width:302px; } .booking-body .textarea { border:#c1c1c1 solid 1px; font-size:11px;padding:2px; height:80px; width:302px; } .booking-body .date { border:#c1c1c1 solid 1px; font-size:11px;padding:2px; width:60px; } .booking-body .button { background:#ebefec; color:#5d7062; border:none; border-bottom:#B2BAB4 dotted 1px; border-top:#B2BAB4 dotted 1px; padding:3px 6px; font-size:14px;} .booking-body .label { width:120px; } .booking-body h3 { margin-bottom:10px!important; } /*enquiry form */ .form-booking { padding:10px; margin-bottom:5px; background:#e0e7e1;} .form-booking .textbox { width:450px; border:#c1c1c1 solid 1px; font-size:11px;padding:2px; } .form-booking .listbox { border:#c1c1c1 solid 1px; font-size:11px;padding:2px; width:302px; } .form-booking .textarea { border:#c1c1c1 solid 1px; font-size:11px;padding:2px; height:100px; width:452px; } .form-booking.date { border:#c1c1c1 solid 1px; font-size:11px;padding:2px; width:60px; } .form-booking .button { } .form-booking .label { width:120px; } .form-booking h3 { margin-bottom:10px!important; } /* Contact Form */ #contact-form .contact-textbox { padding:2px; font-size:10px; margin:2px 0; border:#000 solid 1px; width:300px; } #contact-form .contact-textarea { padding:2px; font-size:10px; margin:2px 0; border:#000 solid 1px; width:300px; height:150px; } /* register form */ #form-register { border:#c1c1c1 solid 1px; padding:10px; margin-bottom:5px; } #form-register .textbox { width:300px; border:#c1c1c1 solid 1px; font-size:11px;padding:2px; } #form-register .listbox { border:#c1c1c1 solid 1px; font-size:11px;padding:2px; width:302px; } #form-register .textarea { border:#c1c1c1 solid 1px; font-size:11px;padding:2px; height:80px; width:302px; } #form-register .date { border:#c1c1c1 solid 1px; font-size:11px;padding:2px; width:60px; } #form-register .button { background:#e71902; font-size:11px; color:#fff; padding:2px; width:60px; border:#c1c1c1 solid 1px; } #form-register .optin { text-align:right; } #form-register #bt-register { background:url(images/btn-register.gif) no-repeat center top; width:96px; height:24px; text-indent:-9999px; border:none; margin-top:10px; margin-bottom:15px; display:block; } /* buttons */ #bt-continue { background:url(images/btn-login.gif) no-repeat center top; width:96px; height:24px; text-indent:-9999px; } #bt-register { background:url(images/btn-register.gif) no-repeat center top; width:96px; height:24px; text-indent:-9999px; } #form-register #bt-update { color:#fff;} /* labels */ /*#label-payment-credit, #label-payment-internet, #label-payment-cheque, #label-payment-cash {height:100px; width:50px!important; text-align:right; clear:both; margin-top:-1px; }*/ #label-pay-account,#label-payment-credit, #label-payment-internet, #label-payment-cheque , #label-payment-cash { margin:0; width:30px!important; height:50px; clear:both; } .paybox { margin-left:10px; clear:both; } #pay-option p { margin:0; padding:0; margin-left:30px; } .cart-logos { margin:10px 0 0 30px; } #payaccount { border:#bababa solid 1px; padding:5px; display:block; margin:10px 0 0 30px; background:#f0f0f0; } #payaccount input { width:200px; } .delivery-view strong { width:130px; } .txtbox {border:1px solid #999;width:300px;} .textbox {border:1px solid #999;width:300px;} .error {margin:10px 0px;; text-align:center; border:#f00 solid 1px; background:#FFE6E6; padding:10px 0; clear:both;} .error p {margin:0!important; padding:0;color:#f00!important; font-weight:bold; text-align:center!important;} .error span { display:none; } .msgerror {color:#f00!important; font-weight:bold;} #nav { padding:0; overflow:hidden; height:42px; margin:0 auto; z-index:2; width:706px; background:#fff; display:block; padding:0 37px; } #nav #nav-wrapper { } #nav ul {margin:0; padding:5px 5px 0 0; list-style:none;} #nav li {display:block; float:left; margin:0; padding:2px 0; margin-right:35px; border-bottom:#b2bab4 dotted 1px; border-top:#b2bab4 dotted 1px;} #nav a {float:left; padding:4px; text-decoration:none; cursor:pointer; color:#546859; font-size:18px; width:130px; } #nav a:hover, #nav .selected a { background:#bed1c3; } /*#nav-cart {padding:0; margin:0; clear:both; height:80px;} #nav-cart a {text-decoration: none;} #nav-cart a:hover {color: #999;} #nav-cart li {height:62px; list-style:none; float:left; background-color:#EBEBEB; background-image: url(images/nav-step.gif); background-repeat: no-repeat; background-position: right top;} #nav-cart li.current {background-color:#5B9EBA; background-image: url(images/nav-current-step.gif);} #nav-cart li.last-done{background-color:#000; background-image: url(images/nav-lastdone-step.gif);} #nav-cart li.done {background-color:#000; background-image: url(images/nav-done-step.gif);} #nav-cart li a, #nav-cart li a:link, #nav-cart li a:visited, #nav-cart li a:hover, #nav-cart li a:active {color:#ccc;} #nav-cart li.last-done a, #nav-cart li.last-done a:link, #nav-cart li.last-done a:visited, #nav-cart li.last-done a:hover, #nav-cart li.last-done a:active, #nav-cart li.current a, #nav-cart li.current a:link, #nav-cart li.current a:visited, #nav-cart li.current a:hover, #nav-cart li.current a:active, #nav-cart li.done a, #nav-cart li.done a:link, #nav-cart li.done a:visited, #nav-cart li.done a:hover, #nav-cart li.done a:active {color:#fff;} #nav-cart li.done a:hover, #nav-cart li.last-done a:hover {color:#EBEBEB; cursor:pointer;} #nav-cart li a em {width:70px; display:block; margin:3px 0 0 6px; font-style:normal; font-weight:bold; font-size:12px;} #nav-cart li a span {width:70px; display:block; margin-left:6px; font-weight:normal;} #nav-cart li.nav-cart-nobg {background-image:none;} #nav-cart li a {height:65px; display:block;} #nav-cart #step3 {} #nav-shop-622 { display:block!important; } #nav-cart.fiveStep li{width:107px;} #nav-cart.fiveStep li.nav-cart-nobg {width:94px;} #nav-cart.fiveStep li a{width:106px;} */ .delivery-view { width:100%; margin-bottom:10px; color:#333; } .delivery-view .delivery-tr1 .label { width:130px; padding:3px; background:#eee; } .delivery-view .delivery-tr1 .content { width:300px; padding:3px; background:#eee; } .delivery-view .delivery-tr2 .label { padding:3px; background:#fff; } .delivery-view .delivery-tr2 .content { padding:3px; background:#fff; } #bt-confirm-order { font-weight:bold; color:#fff; padding:2px 4px; border:#ccc solid 1px; } #bt-edit-details { font-weight:bold; color:#fff; padding:2px 4px; border:#ccc solid 1px; } .member-sidebar { border:#4a535a solid 1px; padding:10px; margin-bottom:20px; background:#e7e7e7; } .member-sidebar .member-sidebar-h3 { font-size:15px!important; color:#3b5dae!important; } .member-sidebar .register-textbox { margin-left:10px; width:130px; } .member-sidebar p { margin-left:10px;} .member-sidebar #bt-ok { background:url(images/btn-login.gif) no-repeat center top; width:96px; height:24px; text-indent:-9999px; margin-left:10px; } .member-sidebar .member-sidebar-logged { font-size:13px!important; } .form-booking #bt-submit { display: block !important; } /**********************| |*** Work Portfolio ***| |**********************/ #body .work-portfolio { line-height: 150% !important; } #body .work-portfolio div { line-height: 150% !important; } .work-portfolio #work-portfolio-wrap {} #body .work-portfolio #work-portfolio-wrap h1 { color: #546859; margin: 12px 0; line-height: 150% !important; } .work-portfolio #work-portfolio-wrap .work-portfolio-body-menu { float: left; display: inline; width: 138px; margin-right: 14px; } .work-portfolio #work-portfolio-wrap .work-portfolio-body-menu .work-portfolio-body-menu-wrap {} .work-portfolio #work-portfolio-wrap .work-portfolio-body-menu .work-portfolio-body-menu-wrap ul { width: 138px; list-style: none; margin: 0 0 15px 0; padding: 0; } .work-portfolio #work-portfolio-wrap .work-portfolio-body-menu .work-portfolio-body-menu-wrap ul li { border-top: 1px dotted; border-color: #8c8c8e; padding: 2px 0; } .work-portfolio #work-portfolio-wrap .work-portfolio-body-menu .work-portfolio-body-menu-wrap ul li.normal {} .work-portfolio #work-portfolio-wrap .work-portfolio-body-menu .work-portfolio-body-menu-wrap ul li.first {} .work-portfolio #work-portfolio-wrap .work-portfolio-body-menu .work-portfolio-body-menu-wrap ul li.last { border-bottom: 1px dotted; } .work-portfolio #work-portfolio-wrap .work-portfolio-body-menu .work-portfolio-body-menu-wrap ul li a { display: block; text-decoration: none; padding: 3px 6px; } .work-portfolio #work-portfolio-wrap .work-portfolio-body-menu .work-portfolio-body-menu-wrap ul li a:hover, .work-portfolio #work-portfolio-wrap .work-portfolio-body-menu .work-portfolio-body-menu-wrap ul li.selected a { background-color: #bed1c3; color: #5b6f60; } .work-portfolio #work-portfolio-wrap .work-portfolio-body-menu .work-portfolio-body-menu-wrap ul li a span { font-size: 14px; } .work-portfolio #work-portfolio-wrap .work-portfolio-show { float: left; display: inline; width: 548px; overflow: hidden; } .work-portfolio #work-portfolio-wrap .work-portfolio-show .work-portfolio-show-wrap {} /* ALL LAYOUTs */ .work-portfolio #work-portfolio-wrap .work-portfolio-show .work-portfolio-show-wrap #work-portfolio-layout {} .work-portfolio-layout-wrap {} .work-portfolio-layout-wrap .work-portfolio-img { overflow: hidden; height: 100%; width: 100%; margin-bottom: 9px; padding: 0; } .work-portfolio-big {} .work-portfolio-big .work-portfolio-big-wrap {} .work-portfolio-big .work-portfolio-big-wrap .work-portfolio-big-container { position: relative; } .work-portfolio-big .work-portfolio-big-wrap .work-portfolio-big-container.loading { background: url(images/image-loader.gif) no-repeat center center; } .work-portfolio-big .work-portfolio-big-wrap .work-portfolio-big-container.loading img { } .work-portfolio-big .work-portfolio-big-wrap .work-portfolio-big-container img {} .work-portfolio-thumbnail { overflow: hidden; height: 100%; } .work-portfolio-thumbnail .work-portfolio-thumbnail-wrap { height: 100%; } .work-portfolio-thumbnail .work-portfolio-thumbnail-wrap ul {} .work-portfolio-thumbnail .work-portfolio-thumbnail-wrap ul li {} .work-portfolio-thumbnail .work-portfolio-thumbnail-wrap ul li.normal {} .work-portfolio-thumbnail .work-portfolio-thumbnail-wrap ul li.selected {} .work-portfolio-thumbnail .work-portfolio-thumbnail-wrap ul li.first {} .work-portfolio-thumbnail .work-portfolio-thumbnail-wrap ul li.last {} #body .work-portfolio-thumbnail .work-portfolio-thumbnail-wrap ul li a { display: block; cursor: pointer; text-decoration: none; overflow: hidden; height: 100%; } #body .work-portfolio-thumbnail .work-portfolio-thumbnail-wrap ul li a span { display: block; text-decoration: none; } .work-portfolio-thumbnail .work-portfolio-thumbnail-wrap ul li a span img { border: 0; } .work-portfolio-caption { position: relative; clear: both; display: block; border-top: 1px dotted; border-bottom: 1px dotted; border-color: #8C8C8E; margin-bottom: 24px; } .work-portfolio-caption .work-portfolio-caption-wrap { padding: 13px 0; } .work-portfolio-caption .work-portfolio-caption-wrap .work-portfolio-info {} #body .work-portfolio-caption .work-portfolio-caption-wrap .work-portfolio-info h2 { display: block; margin: 0 0 5px 0; padding: 0; border: none; color: #546859; font-size: 16px; text-transform: uppercase; } #body .work-portfolio-caption .work-portfolio-caption-wrap .work-portfolio-info h3 { margin: 5px 0; padding: 0; border: none; color: #546859; font-size: 13px; font-style: italic; font-weight: normal; } .work-portfolio-caption .work-portfolio-caption-wrap .work-portfolio-info .work-portfolio-desc { margin: 10px 0 0; color: #1a171b; font-size: 13px; } .work-portfolio-caption .work-portfolio-caption-wrap .work-portfolio-info .work-portfolio-desc p { margin: 0; padding: 0; color: #1a171b; font-size: 13px; } .work-portfolio-caption .work-portfolio-caption-wrap .work-portfolio-top { position: absolute; right: 0; top: 13px; } .work-portfolio-caption .work-portfolio-caption-wrap .work-portfolio-top a { cursor: pointer; overflow: hidden; height: 100%; text-decoration: none; border-bottom: 1px dotted #8C8C8E; padding: 0 0 1px 0; } .work-portfolio-caption .work-portfolio-caption-wrap .work-portfolio-top a:hover { border: none; } /* LAYOUT 1 */ .work-portfolio #work-portfolio-wrap .work-portfolio-show .work-portfolio-show-wrap .work-portfolio-layout-1 {} .work-portfolio-layout-1 .work-portfolio-layout-wrap {} .work-portfolio-layout-1 .work-portfolio-img {} .work-portfolio-layout-1 .work-portfolio-big { float: left; display: inline; width: 403px; margin-right: 8px; } .work-portfolio-layout-1 .work-portfolio-big .work-portfolio-big-wrap {} .work-portfolio-layout-1 .work-portfolio-big .work-portfolio-big-wrap .work-portfolio-big-container {} .work-portfolio-layout-1 .work-portfolio-big .work-portfolio-big-wrap .work-portfolio-big-container img { width: 403px; display: block; overflow: hidden; } .work-portfolio-layout-1 .work-portfolio-thumbnail { float: left; display: inline; width: 128px; padding-left: 8px; border-left: 1px dotted #8C8C8E; } .work-portfolio-layout-1 .work-portfolio-thumbnail .work-portfolio-thumbnail-wrap {} .work-portfolio-layout-1 .work-portfolio-thumbnail .work-portfolio-thumbnail-wrap ul { width: 128px; list-style: none; } .work-portfolio-layout-1 .work-portfolio-thumbnail .work-portfolio-thumbnail-wrap ul li { margin-bottom: 9px; padding: 0; } .work-portfolio-layout-1 .work-portfolio-thumbnail .work-portfolio-thumbnail-wrap ul li.normal {} .work-portfolio-layout-1 .work-portfolio-thumbnail .work-portfolio-thumbnail-wrap ul li.selected {} .work-portfolio-layout-1 .work-portfolio-thumbnail .work-portfolio-thumbnail-wrap ul li.first {} .work-portfolio-layout-1 .work-portfolio-thumbnail .work-portfolio-thumbnail-wrap ul li.last { margin-bottom: 0; } .work-portfolio-layout-1 .work-portfolio-thumbnail .work-portfolio-thumbnail-wrap ul li a {} .work-portfolio-layout-1 .work-portfolio-thumbnail .work-portfolio-thumbnail-wrap ul li a span {} .work-portfolio-layout-1 .work-portfolio-thumbnail .work-portfolio-thumbnail-wrap ul li a span img {} .work-portfolio-layout-1 .work-portfolio-caption {} .work-portfolio-layout-1 .work-portfolio-caption .work-portfolio-caption-wrap {} .work-portfolio-layout-1 .work-portfolio-caption .work-portfolio-caption-wrap .work-portfolio-info {} .work-portfolio-layout-1 .work-portfolio-caption .work-portfolio-caption-wrap .work-portfolio-info h2 {} .work-portfolio-layout-1 .work-portfolio-caption .work-portfolio-caption-wrap .work-portfolio-info h3 {} .work-portfolio-layout-1 .work-portfolio-caption .work-portfolio-caption-wrap .work-portfolio-info .work-portfolio-desc {} .work-portfolio-layout-1 .work-portfolio-caption .work-portfolio-caption-wrap .work-portfolio-info .work-portfolio-desc p {} .work-portfolio-layout-1 .work-portfolio-caption .work-portfolio-caption-wrap .work-portfolio-top {} .work-portfolio-layout-1 .work-portfolio-caption .work-portfolio-caption-wrap .work-portfolio-top a {} /* LAYOUT 2 */ .work-portfolio #work-portfolio-wrap .work-portfolio-show .work-portfolio-show-wrap .work-portfolio-layout-2 {} .work-portfolio-layout-2 .work-portfolio-layout-wrap {} #body .work-portfolio-layout-2 .work-portfolio-img { display: block; } .work-portfolio-layout-2 .work-portfolio-big { display: block; width: 548px; padding-bottom: 12px; border-bottom: 1px dotted #8C8C8E; } .work-portfolio-layout-2 .work-portfolio-big .work-portfolio-big-wrap {} .work-portfolio-layout-2 .work-portfolio-big .work-portfolio-big-wrap .work-portfolio-big-container {} .work-portfolio-layout-2 .work-portfolio-big .work-portfolio-big-wrap .work-portfolio-big-container img { max-width: 548px; } .work-portfolio-layout-2 .work-portfolio-thumbnail { margin: 0 0 3px; } .work-portfolio-layout-2 .work-portfolio-thumbnail .work-portfolio-thumbnail-wrap {} .work-portfolio-layout-2 .work-portfolio-thumbnail .work-portfolio-thumbnail-wrap ul { list-style: none; display: block; overflow: hidden; height: 100%; } .work-portfolio-layout-2 .work-portfolio-thumbnail .work-portfolio-thumbnail-wrap ul li { display: inline; float: left; width: 128px; margin: 12px 12px 0 0; } .work-portfolio-layout-2 .work-portfolio-thumbnail .work-portfolio-thumbnail-wrap ul li.normal {} .work-portfolio-layout-2 .work-portfolio-thumbnail .work-portfolio-thumbnail-wrap ul li.selected {} .work-portfolio-layout-2 .work-portfolio-thumbnail .work-portfolio-thumbnail-wrap ul li.first {} .work-portfolio-layout-2 .work-portfolio-thumbnail .work-portfolio-thumbnail-wrap ul li.last { margin-right: 0; } .work-portfolio-layout-2 .work-portfolio-thumbnail .work-portfolio-thumbnail-wrap ul li a {} .work-portfolio-layout-2 .work-portfolio-thumbnail .work-portfolio-thumbnail-wrap ul li a span {} .work-portfolio-layout-2 .work-portfolio-thumbnail .work-portfolio-thumbnail-wrap ul li a span img { width: 128px; } .work-portfolio-layout-2 .work-portfolio-caption {} .work-portfolio-layout-2 .work-portfolio-caption .work-portfolio-caption-wrap {} .work-portfolio-layout-2 .work-portfolio-caption .work-portfolio-caption-wrap .work-portfolio-info {} .work-portfolio-layout-2 .work-portfolio-caption .work-portfolio-caption-wrap .work-portfolio-info h2 {} .work-portfolio-layout-2 .work-portfolio-caption .work-portfolio-caption-wrap .work-portfolio-info h3 {} .work-portfolio-layout-2 .work-portfolio-caption .work-portfolio-caption-wrap .work-portfolio-info .work-portfolio-desc {} .work-portfolio-layout-2 .work-portfolio-caption .work-portfolio-caption-wrap .work-portfolio-info .work-portfolio-desc p {} .work-portfolio-layout-2 .work-portfolio-caption .work-portfolio-caption-wrap .work-portfolio-top {} .work-portfolio-layout-2 .work-portfolio-caption .work-portfolio-caption-wrap .work-portfolio-top a {} /* LAYOUT 3 */ .work-portfolio #work-portfolio-wrap .work-portfolio-show .work-portfolio-show-wrap .work-portfolio-layout-3 {} .work-portfolio-layout-3 .work-portfolio-layout-wrap {} #body .work-portfolio-layout-3 .work-portfolio-img { display: block; } .work-portfolio-layout-3 .work-portfolio-big { display: block; width: 548px; padding-bottom: 12px; border-bottom: 1px dotted #8C8C8E; } .work-portfolio-layout-3 .work-portfolio-big .work-portfolio-big-wrap {} .work-portfolio-layout-3 .work-portfolio-big .work-portfolio-big-wrap .work-portfolio-big-container {} .work-portfolio-layout-3 .work-portfolio-big .work-portfolio-big-wrap .work-portfolio-big-container img { max-width: 548px; } .work-portfolio-layout-3 .work-portfolio-thumbnail { margin: 5px 0 3px; } .work-portfolio-layout-3 .work-portfolio-thumbnail .work-portfolio-thumbnail-wrap {} .work-portfolio-layout-3 .work-portfolio-thumbnail .work-portfolio-thumbnail-wrap ul { list-style: none; display: block; overflow: hidden; height: 100%; padding: 0 1px; } .work-portfolio-layout-3 .work-portfolio-thumbnail .work-portfolio-thumbnail-wrap ul li { display: inline; float: left; width: 72px; margin: 7px 7px 0 0; } .work-portfolio-layout-3 .work-portfolio-thumbnail .work-portfolio-thumbnail-wrap ul li.normal {} .work-portfolio-layout-3 .work-portfolio-thumbnail .work-portfolio-thumbnail-wrap ul li.selected {} .work-portfolio-layout-3 .work-portfolio-thumbnail .work-portfolio-thumbnail-wrap ul li.first {} .work-portfolio-layout-3 .work-portfolio-thumbnail .work-portfolio-thumbnail-wrap ul li.last { margin-right: 0; } .work-portfolio-layout-3 .work-portfolio-thumbnail .work-portfolio-thumbnail-wrap ul li a {} .work-portfolio-layout-3 .work-portfolio-thumbnail .work-portfolio-thumbnail-wrap ul li a span {} .work-portfolio-layout-3 .work-portfolio-thumbnail .work-portfolio-thumbnail-wrap ul li a span img { width: 72px; } .work-portfolio-layout-3 .work-portfolio-caption {} .work-portfolio-layout-3 .work-portfolio-caption .work-portfolio-caption-wrap {} .work-portfolio-layout-3 .work-portfolio-caption .work-portfolio-caption-wrap .work-portfolio-info {} .work-portfolio-layout-3 .work-portfolio-caption .work-portfolio-caption-wrap .work-portfolio-info h2 {} .work-portfolio-layout-3 .work-portfolio-caption .work-portfolio-caption-wrap .work-portfolio-info h3 {} .work-portfolio-layout-3 .work-portfolio-caption .work-portfolio-caption-wrap .work-portfolio-info .work-portfolio-desc {} .work-portfolio-layout-3 .work-portfolio-caption .work-portfolio-caption-wrap .work-portfolio-info .work-portfolio-desc p {} .work-portfolio-layout-3 .work-portfolio-caption .work-portfolio-caption-wrap .work-portfolio-top {} .work-portfolio-layout-3 .work-portfolio-caption .work-portfolio-caption-wrap .work-portfolio-top a {}