/* basic styles */ body { margin: 0px; padding: 0px; text-align: center; background: #292D39; color: #ffffff; font: 12px Arial, Helvetica, sans-serif; } ul, li {color: #333333;} a:link, a:visited {color: #8A98AF; text-decoration: none;} a:hover {color: #A8B3C4; text-decoration: underline;} .bullet-link a {text-decoration: none; background: url(/img/public/icons/arrow.gif) no-repeat -10px -5px; padding-left: 15px; height: 25px; line-height: 25px; color: #333333; font-size: 11px; font-weight: bold; } h1 {overflow: hidden; color: #ffffff; text-transform: capitalize; font-size: 20px; font-family: Arial; border-bottom: 1px solid #6A6D75; line-height: 40px; height: 40px; margin-bottom: 10px; } h1.header-image {border: 0px;} h2 {font-size: 14px; font-weight: bold; margin-bottom: 10px; } h3 {font-size: 16px; font-weight: bold; margin-bottom: 3px;} p {margin-bottom: 10px;} address {font-weight: normal; font-size: 11px;} address.address-hidden {display: none;} address.address-visible {display: block; border: 1px solid #6A6D75; padding: 10px; margin: 10px 0px 0px 25px; width: 420px;} hr {color: #D9EABD; background-color: #D9EABD; height: 1px; margin: 20px 0px 20px 0px; border: 0; } dl {line-height: 25px;} dt { font-weight: bold; width: 150px; } dd { margin-left: 160px; margin-top: -25px;} /* layout css */ .clear-both{clear: both;} .clear-left{clear: left;} .no-margin-right {margin-right: 0px !important;} .no-margin-left {margin-left: 0px !important;} .no-margin-bottom {margin-bottom: 0px !important; border-bottom: 0px;} .float-right {float: right;} .float-left {float: left;} .nobr {white-space: nowrap;} .no-margin {margin: 0px !important;} .no-padding {padding: 0px !important;} .width-auto {width: auto !important;} form div.display-inline {display: block !important; float: left !important; margin-left: 400px !important; margin-top: -20px !important; margin-bottom: -20px; padding: 0px;} form div.display-inline input {float: left !important;} .img {border: 1px solid #cccccc;} .img-float-right {border: 1px solid #cccccc; float: right; margin: 10px; margin-right: 0px; margin-top: 0px;} .adsense {height: 60px; height /**/:auto; min-height: 60px; margin-top: 20px; margin-bottom: 20px; } #container { width: 940px; margin: 0px auto 0px auto; text-align: left; padding: 0px; border: 0px solid #ff3300;} #header {height: 165px; border: 0px solid #ffff33;} #header h1 {height: 96px; line-height: 96px; border: 0px; margin: 0px; } #header h1 a {background: url(/img/public/logo.gif) left bottom no-repeat; width: 285px; height: 96px; line-height: 96px; text-indent: -5000px; display: block; } #left-column { float: left; width: 220px; margin: 0px; margin-top: 0px; padding: 0px; padding-bottom: 10px;} #right-column { float: right; width: 220px; margin: 0px 0px 0px 20px; padding: 0px; padding-bottom: 10px; padding-top: 0px; } #middle-column { margin-left: 240px; margin-right: 240px; margin-top: 20px; clear: right;} #middle-column.no-left-column {margin-left: 0px;} #middle-column.no-right-column {margin-right: 0px;} #album-image-gallery {margin-right: -30px; margin-left: 0px !important; list-style: none !important; color: #8A98AF;} #album-image-gallery li {color: #ffffff !important; text-align: center; float: left; height: 165px; width: 216px; margin: 20px 20px 0px 0px; color: #8A98AF;} #album-image-gallery li div.img-holder {border: 1px solid #6A6D75; height: 109px; padding: 2px; width: 216px; text-align: center;} #album-image-gallery li a {margin: 1px; display: block; height: 109px; } #album-image-gallery li.border-selected {} /** css for the instructions / steps in the my account areas **/ #lightbox-steps {margin-left: 0px !important; list-style: none !important; margin-bottom: 20px; width: 940px; height: 74px; } #lightbox-steps li {float: left; margin: 0px; padding: 0px; padding-top: 3px;} #lightbox-steps li {padding-left: 0px; overflow: hidden;} #lightbox-steps li#lightbox-step-1 a {background: url(/img/public/step-1.jpg) no-repeat left bottom; height: 74px; width: 188px; display: block; text-indent: -5000px;} #lightbox-steps li#lightbox-step-2 a {background: url(/img/public/step-2.jpg) no-repeat left bottom; height: 74px; width: 239px; display: block; text-indent: -5000px;} #lightbox-steps li#lightbox-step-3 a {background: url(/img/public/step-3.jpg) no-repeat left bottom; height: 74px; width: 267px; display: block; text-indent: -5000px;} #lightbox-steps li#lightbox-step-4 a {background: url(/img/public/step-4.jpg) no-repeat left bottom; height: 74px; width: 246px; display: block; text-indent: -5000px;} #lightbox-steps li a:hover {background-position: left top !important;} #lightbox-steps li.selected a {background-position: left top !important;} /** css for the big buttons **/ ul.big-buttons {float: right;} ul.big-buttons li {margin-left: 5px; margin-right: 0px; float: left; overflow: hidden; display: block; height: 30px; line-height: 30px; background: url(/img/public/big-button-back.jpg) no-repeat right top;} ul.big-buttons li a {display: block; text-indent: 25px; height: 30px; overflow: hidden; line-height: 30px; text-decoration: none; font-weight: bold; font-size: 14px; color: #ffffff; padding-right: 20px; background: url(/img/public/big-button-front.jpg) no-repeat left top;} ul.big-buttons li:hover {background-position: right bottom;} ul.big-buttons li:hover a {background-position: left bottom;} /** lightbox css **/ .lightbox-image-holder {width: 220px; float: left; margin-left: 0px; margin-right: 20px; margin-bottom: 20px; margin-top: 0px;} .lightbox-image-holder div.img-holder {border: 1px solid #6A6D75; padding: 2px; text-align: center; width: 216px;} .lightbox-image-holder img {} .lightbox-image-holder div {float: left; margin-right: 10px; line-height: 20px;} .lightbox-image-holder div a {color: #ffffff; text-decoration: none !important;} .lightbox-image-holder div.add-box a strong {font-size: 14px;} .lightbox-image-holder div.photo-title {height: 45px;} .lightbox-form-image-holder {width: 360px; float: left; margin-left: 0px; margin-right: 10px; margin-bottom: 20px; margin-top: 0px;} .lightbox-form-image-holder img {border: 1px solid #6A6D75; padding: 2px; } .lightbox-form-image-holder div {float: left; margin-right: 10px; line-height: 20px;} .lightbox-form-image-holder div a {color: #ffffff; text-decoration: none !important;} .lightbox-form-image-holder div.add-box a strong {font-size: 14px;} div.add-box a{margin-top: 10px; width: 80px; margin-left: 25px; margin-right: 0px; float: left; overflow: hidden; display: block; height: 22px; line-height: 22px; background: url(/img/public/small-button-back.gif) no-repeat right top;} div.add-box a span {display: block; text-indent: 20px; height: 22px; overflow: hidden; line-height: 22px; text-decoration: none; font-weight: bold; font-size: 11px; color: #ffffff; padding-right: 20px; background: url(/img/public/small-button-front.gif) no-repeat left top;} div.add-box a:hover {background-position: right bottom;} div.add-box a:hover span {background-position: left bottom !important;} div.remove-box a {margin-top: 10px; width: 80px; margin-left: 0px; margin-right: 0px; float: left; overflow: hidden; display: block; height: 22px; line-height: 22px; background: url(/img/public/small-button-back.gif) no-repeat right top;} div.remove-box a span {display: block; text-indent: 20px; height: 22px; overflow: hidden; line-height: 22px; text-decoration: none; font-weight: bold; font-size: 11px; color: #ffffff; padding-right: 20px; background: url(/img/public/small-button-front.gif) no-repeat left top;} div.remove-box a:hover {background-position: right bottom;} div.remove-box a:hover span {background-position: left bottom !important;} /* .product-form-image-holder extends .lightbox-form-image-holder */ .product-form-image-holder {} .lightbox-form-image-holder #frame-table img {border: 0px; padding: 0px;} .lightbox-form { float: left; width: 320px; padding: 0px; padding-left: 10px; } .lightbox-form form {margin: 0px; padding: 0px; } .lightbox-form form label {color: #333333 !important;} .lightbox-form select {width: 205px;} /* .product-form extends .lightbox-form */ .product-form { } .product-form select {} .lightbox-form form {width: 300px;} .print_option_list {color: #333333; border: 1px solid #cccccc; background: #ffffff; margin-left: -10px; width: 300px; height: 45px; height: auto;} .print_option_list span {display: block; margin-bottom: 12px; float: left; width: 200px; border: 0px solid pink;} .print_option_list span.quantity-holder {float: right; width: 80px; margin-right: -20px;} .print_option_list span label {font-weight: bold; width: auto !important; text-align: right !important; padding-right: 15px; } .product-form .print_option_list {} .product-form .print_option_list span {} .product-form .print_option_list span.quantity-holder {} .mini-input {width: 18px; border: 1px solid #cccccc; display: inline; margin-right: 16px;} .remove-link {background: url(/img/public/remove.gif) no-repeat left center; height: 14px; width: 14px; display: block; text-indent: -5000px; float: left; margin-right: 10px;} .update-total-button {margin: -17px -7px 0px 2px !important;} input.add-button {margin: -2px -10px 0px 0px !important; width: 92px !important; height: 22px !important;} .lightbox-total {font-size: 16px; float: right; line-height: 40px; margin-right: 0px; font-weight: bold; } .lightbox-total span {border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; line-height: 40px; display: block;} .add-to-cart-button {border: 0px; margin-top: 22px; background: url(/img/public/update-basket.jpg) no-repeat left top; overflow: hidden; height: 30px; width: 141px !important; display: block; text-indent: -5000px; padding-top: 20px;} .update-cart-button {border: 0px; margin-top: 22px; background: url(/img/public/update-basket.jpg) no-repeat left top; overflow: hidden; height: 30px; width: 141px !important; display: block; text-indent: -5000px; padding-top: 20px;} .update-cart-button-disabled { border: 0px; margin-top: 22px; background: url(/img/public/update-basket-disabled.jpg) no-repeat left bottom; overflow: hidden; height: 30px; width: 141px !important; display: block; text-indent: -5000px; padding-top: 20px;} .update-cart-button:hover {background-position: left bottom;} .add-to-cart-button:hover {background-position: left bottom;} .update-cart-button-disabled:hover {background-position: left bottom;} .lightbox-message {text-align: center; width: 300px; color: #339900; font-weight: bold; margin-top: -20px; border: 1px solid #cccccc; background: #ffffff; } .lightbox-message-red {text-align: center; width: 300px; color: #cc3300; font-weight: bold; margin-top: -20px; border: 1px solid #cccccc; background: #ffffff; } .print_option_list div.clear-options {line-height: 1px; padding: 0px; height: 1px; margin: 0px 0px -15px 0px; clear: both;} .lightbox-message.no-border {border: 0px !important;} .lightbox-message.no-background {background-color: transparent;} #thumbnail-notice {font-size: 12px; } /** css for cluetip / add to lightbox code **/ .cluetip-hidden {display: none;} a.add-to-lightbox {margin-top: 10px; width: 180px; margin-left: 160px; margin-right: 0px; float: left; overflow: hidden; display: block; height: 22px; line-height: 22px; background: url(/img/public/white-small-button-back.gif) no-repeat right top;} a.add-to-lightbox span {display: block; text-indent: 35px; height: 22px; overflow: hidden; line-height: 22px; text-decoration: none; font-weight: bold; font-size: 11px; color: #ffffff; padding-right: 20px; background: url(/img/public/white-small-button-front.gif) no-repeat left top;} a.add-to-lightbox:hover {background-position: right bottom;} a.add-to-lightbox:hover span {background-position: left bottom !important;} #summary-basket {float: right; margin-top: -68px; width: 300px; } #summary-basket p {text-align: right; font-weight: bold;} #summary-basket span {display: inline; width: 20px; text-indent: -5000px; line-height: 20px; height: 20px; background: url(/img/public/chevron.gif) no-repeat center center;} #summary-basket ul {float: right;} #summary-basket ul li {float: left; margin-left: 10px; font-size: 11px;} #summary-basket ul li a.view-lightbox {text-indent: -5000px; display: block; background: url(/img/public/checkout-buttons.gif) no-repeat left top; height: 20px; width: 99px;} #summary-basket ul li a.view-cart {text-indent: -5000px; display: block; background: url(/img/public/checkout-buttons.gif) no-repeat right top; height: 20px; width: 76px;} #summary-basket ul li a.view-lightbox:hover {background-position: left bottom;} #summary-basket ul li a.view-cart:hover {background-position: right bottom;} /** ----------- end my account css ---------------------------------- **/ .show50 {-khtml-opacity:.50; -moz-opacity:.50; -ms-filter:”alpha(opacity=50)”; filter:alpha(opacity=50); opacity:.50;} .show25 {-khtml-opacity:.25; -moz-opacity:.25; -ms-filter:”alpha(opacity=25)”; filter:alpha(opacity=25); opacity:.25;} .width10 {width: 10px;} .width20 {width: 20px;} .width30 {width: 30px;} .width40 {width: 40px;} .width50 {width: 50px;} .width60 {width: 60px;} .width70 {width: 70px;} .width80 {width: 80px;} .width90 {width: 90px;} .width100 {width: 100px;} .width110 {width: 110px;} .width120 {width: 120px;} .width130 {width: 130px;} .width140 {width: 140px;} .width150 {width: 150px;} .width160 {width: 160px;} .width170 {width: 170px;} .width180 {width: 180px;} .width190 {width: 190px;} .width200 {width: 200px;} .width400 {width: 400px;} .middle-column-clear-fixer {display: block; float: left;} /*#middle-column-inner {margin-left: 20px; padding-top: 25px; margin-right: 20px; width: 562px; }*/ #content {height: 400px; height /**/:auto; min-height: 400px; margin-top: 20px;} #footer {height: 84px; margin-top: 15px;} #latest-listings ul li {color: #000000; display: block;} /** header breadcrumb links **/ #bread-crumb {padding-top: 3px; font-size: 11px; color: #cccccc; margin-left: 15px; font-weight: bold;} #bread-crumb a {color: #93C341; text-decoration: none;} /** ----------- css specific to the my account area ----------------- **/ .account-column-left {float: left; width: 200px; margin-top: 10px; margin-right: 20px; } .account-column-right {float: left; width: 720px; margin-top: 10px;} .account-column-left h2 {border-bottom: 1px solid #6A6D75; line-height: 40px; height: 40px;} .account-column-right h2 {border-bottom: 1px solid #6A6D75; line-height: 40px; height: 40px;} ul.my-account {margin-left: 0px !important; list-style: none !important; } ul.my-account li { margin-top: 10px; width: 180px; margin-left: 0px; margin-right: 0px; float: left; overflow: hidden; display: block; height: 22px; line-height: 22px; background: url(/img/public/small-button-back.gif) no-repeat right top;} ul.my-account li a {display: block; text-indent: 35px; height: 22px; overflow: hidden; line-height: 22px; text-decoration: none; font-weight: bold; font-size: 11px; color: #ffffff; padding-right: 20px; background: url(/img/public/small-button-front.gif) no-repeat left top;} ul.my-account li:hover {background-position: right bottom;} ul.my-account li:hover a {background-position: left bottom !important;} ul.my-account li a.link-account {background: url(/img/public/my-account-small-button-front.gif) no-repeat left top;} ul.my-account li a.link-update-password {background: url(/img/public/update-password-small-button-front.gif) no-repeat left top;} ul.my-account li a.link-contact-details {background: url(/img/public/contact-details-small-button-front.gif) no-repeat left top;} ul.my-account li a.link-order-history {background: url(/img/public/order-history-small-button-front.gif) no-repeat left top;} ul.my-account li a.link-add-password {background: url(/img/public/password-small-button-front.gif) no-repeat left top;} /** header login details **/ ul.login-links {float: right; height: 22px; margin-top: -106px;} ul.login-links li {width: auto !important; display: block; float: left; margin-left: 10px; } ul.login-links li a {text-indent: 20px !important;} /** css for the sortable list in the my account / contact details area **/ .sort-list {margin-right: -30px; margin-left: 0px !important; list-style: none !important;} .sort-list li { background: #3f434e; margin-bottom: 20px; border: 1px solid #6A6D75; padding: 10px; width: 430px;} .sort-list li address {color: #ffffff; font-size: 12px !important;} a.back-to-section {background: url(/img/public/icons/arrow-back.gif) no-repeat left center; padding-left: 8px; text-decoration: none; float: right; margin-top: 15px; position: relative; z-index: 4; color: #0C6825; font-weight: bold;} a.view-1 {background: url(http://static.evosite.co.uk/img/icons/zoom.png) no-repeat; display: block; text-indent: -5000px; overflow: hidden;} .live-1 {background: url(/img/public/icons/live-1.gif) left center no-repeat; width: 16px; height: 16px; display: block; text-indent: -5000px; overflow: hidden;} .live-0 {background: url(/img/public/icons/live-0.gif) left center no-repeat; width: 16px; height: 16px; display: block; text-indent: -5000px; overflow: hidden;} .tick-1 {background: url(/img/public/icons/grey-tick.png) left center no-repeat; width: 16px; height: 16px; display: block; text-indent: -5000px; overflow: hidden; float: left; margin-right: 5px;} .tick-0 { width: 16px; height: 16px; display: block; text-indent: -5000px; overflow: hidden; float: left; margin-right: 5px;} .approved-1 {background: url(/img/public/icons/approve-1.png) left center no-repeat; width: 16px; height: 16px; display: block; text-indent: -5000px; overflow: hidden; float: left; margin-right: 5px;} .approved-0 {background: url(/img/public/icons/clock.png) left center no-repeat; width: 16px; height: 16px; display: block; text-indent: -5000px; overflow: hidden; float: left; margin-right: 5px;} .internet-1 {background: url(/img/public/icons/sport_golf.png) left center no-repeat; width: 16px; height: 16px; display: block; text-indent: -5000px; overflow: hidden; float: left; margin-right: 5px;} .internet-0 {background: url(/img/public/icons/map_magnify.png) left center no-repeat; width: 16px; height: 16px; display: block; text-indent: -5000px; overflow: hidden; float: left; margin-right: 5px;} .paid-1 {background: url(/img/public/icons/tick.png) left center no-repeat; width: 16px; height: 16px; display: block; text-indent: -5000px; overflow: hidden; float: left; margin-right: 5px;} .paid-0 {background: url(/img/public/icons/money_pound.png) left center no-repeat; width: 16px; height: 16px; display: block; text-indent: -5000px; overflow: hidden; float: left; margin-right: 5px;} .notpaid-1 {background: url(/img/public/icons/information.png) left center no-repeat; width: 16px; height: 16px; display: block; text-indent: -5000px; overflow: hidden; float: left; margin-right: 5px;} .view-listings .live-1 {float: left; margin-right: 5px;} .view-listings .live-0 {float: left; margin-right: 5px;} .icon_edit {background: url(/img/public/icons/page_edit.png) no-repeat; width: 16px; height: 16px; display: block; text-indent: -5000px; overflow: hidden;} .icon_delete {background: url(/img/public/icons/approve-0.png) no-repeat; width: 16px; height: 16px; display: block; text-indent: -5000px; overflow: hidden;} .icon_view {background: url(/img/public/icons/zoom.png) no-repeat; width: 16px; height: 16px; display: block; text-indent: -5000px; overflow: hidden;} .xedit {background: url(/img/public/icons/page_edit.png) no-repeat; padding-left: 20px; margin-right: 10px; } .xdelete {background: url(/img/public/icons/approve-0.png) no-repeat; padding-left: 20px; margin-right: 10px; } .ximage {background: url(/img/public/icons/image.png) no-repeat; padding-left: 20px; margin-right: 10px; } .view-listings {border: 1px solid #cccccc; padding: 10px; margin-bottom: 20px;} .view-listings-actions {width: 100px; float: right; list-style-type: none;} .view-listings-actions li {height: 24px;} .view-listings h4 {border-bottom: 1px solid #cccccc; margin: -10px -10px 10px -10px; } .view-listings h4 a {background-color: #ddedc1; display: block; text-decoration: none; padding: 4px;} .view-listings h4 a:hover {background-color: #4F962C; color: #ffffff; display: block; text-decoration: none; padding: 4px;} a.small-button { width: 72px; height: 22px; border: 0px; background: url(/img/public/small-button.gif) no-repeat top left; overflow: hidden; color: #ffffff; font-weight: bold; cursor: pointer; font-size: 12px; text-decoration: none; display: block; text-align: center; margin-top: 5px; line-height: 22px; } /** ---------------- top menu css --------------------- **/ div.top-menu {width: 940px; padding-right: 0px; margin:0px;float: left; background: url(/img/public/menu.gif) left top repeat-x; height: 41px; margin-top: 28px;} div.top-menu ul { margin-left: 10px; height: 41px;} div.top-menu ul li {float: left; margin-right: 5px; height: 39px; line-height: 43px; padding-right: 8px; background: url(/img/public/top-menu-stripe.gif) right top no-repeat;} div.top-menu ul li a, div.top-menu ul li a:visited { font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none; padding-left: 7px; display: block; } div.top-menu ul li a span {display: block; padding: 0px 5px 0px 0px;} div.top-menu ul li a:hover {color: #7e8397; } div.top-menu ul li a:hover span {} div.top-menu ul li.selected a {color: #7e8397 !important; } div.top-menu ul li.selected a span {} div.top-menu ul li.last {padding-right: 0px; background-image: none; margin-right: 0px;} div.top-menu ul li ul { position: absolute; left: -999em; border: 0px solid #eeeeee; background: transparent; margin-top: -3px; z-index: 1000; } div.top-menu ul li:hover ul { left: auto; margin-left: -1px; min-width: 180px; } div.top-menu ul ul {list-style-type: none;} div.top-menu ul ul li { background: none; padding: 0px; background-color: #393C45; text-transform: none !important; float: none; line-height: 25px !important; height: 25px !important; list-style-type: none; color: #fffffff; text-align: left; border-top: 1px solid #393C45; border-bottom: 1px solid #393C45;} div.top-menu ul ul li:hover {border-top: 1px solid #6A6D75; border-bottom: 1px solid #6A6D75;} div.top-menu ul ul li a.sel {} div.top-menu ul ul li.last {} div.top-menu ul li.selected ul li a {color: #ffffff !important;} div.top-menu ul ul li a {color: #ffffff !important; min-width: 180px; font-size: 11px !important; text-align: left; background: #393C45; text-transform: none !important; margin: 0px !important; float: none; height: 25px !important; line-height: 25px !important; color: #ffffff; padding-left: 10px !important; padding-top: 0px !important; } div.top-menu ul ul li a:hover { background: #292E39; text-decoration: none; list-style-position: inside; color: #ffffff;} /** ---------------- end top menu css ----------------- **/ /** ---------------- home page mono ------------------ **/ #mono-holder {margin-top: 2px; width: 940px; margin-bottom: -14px; height: 427px; /* background: url(/img/public/home.jpg) center center no-repeat; */ border: 1px solid #6A6D75;} #mono {margin-left: 4px; margin-top: 4px;} #mono-holder-gallery {margin-top: 10px; margin-bottom: 0px !important; width: 760px; height: 480px; background: #2a2e39; margin-left: 35px; border: 0px solid #ff3300;} /** ---------------- end home page mono ------------------ **/ #header-image {margin-top: 2px; margin-bottom: 10px; float: right; width: 700px; height: 183px; border: 1px solid #6A6D75;} #header-image img { margin: 4px; width: 692px; height: 175px;} /** ---------------- footer css ----------------------- **/ #footer-inner {height: 342px; margin: 0px auto 0px auto; color: #ffffff; background: url(/img/public/footer.gif) center center repeat-x; } #footer a {color: #ffffff; text-decoration: none;} #footer-contact {text-align: center; font-size: 10px; margin-right: 20px; margin-top: 22px;} #footer-contact span {color: #6A6D75; font-size: 8px;} #footer-copy {text-align: center; font-size: 10px; margin-top: 14px; margin-right: 20px;} #footer-cards {margin-left: auto; margin-right: auto; text-align: center; font-size: 10px; margin-top: 20px; width: 221px; height: 37px; background: url(/img/public/footer_credit_cards.png) center center no-repeat;} .footer-sections {height: 206px; list-style-type: none; margin: 0px auto 0px auto; width: 941px;} .footer-sections li {float: left;} .footer-sections li a#footer-shop {display: block; height: 206px; width: 231px; background: url(/img/public/shop.jpg) center center no-repeat; text-indent: -5000px;} .footer-sections li a#footer-portraits {display: block; height: 206px; width: 240px; background: url(/img/public/portraits.jpg) center center no-repeat; text-indent: -5000px;} .footer-sections li a#footer-workshops {display: block; height: 205px; width: 230px; background: url(/img/public/workshops.jpg) center center no-repeat; text-indent: -5000px;} .footer-sections li a#footer-weddings {display: block; height: 205px; width: 240px; background: url(/img/public/weddings.jpg) center center no-repeat; text-indent: -5000px;} /* left column css */ .context-menu-holder h2 { color: #ffffff; background: #3F434D; height: 32px; width: 220px; border-bottom: 1px solid #6A6D75; margin-bottom: 0px;} .context-menu-holder h2 span {display: block; height: 32px; line-height: 32px; text-indent: 15px; color: #ffffff; font-size: 14px !important; font-weight: bold;} .context-menu-holder h2 span a {color: #ffffff; text-decoration: none;} .context-menu-holder ul {padding-top: 0px; padding-left: 0px; padding-right: 0px; } .context-menu-holder ul li { border-bottom: 1px solid #6A6D75; background: url(/img/public/bullet.gif) 10px 12px no-repeat;} .context-menu-holder ul li.selected {background-color: #353944;} .context-menu-holder ul li:hover {background-color: #353944;} .context-menu-holder ul li a {color: #ffffff; display: block; height: 29px; line-height: 29px; text-decoration: none; font-size: 12px; font-weight: normal; padding-left: 20px;} .context-menu-holder ul li a:hover, .context-menu-holder ul li.selected a {text-decoration: none; font-size: 12px; font-weight: normal; color: #ffffff;} .context-menu-holder ul li.selected ul li a {color: #ffffff;} .context-menu-holder ul li.first-top a {border-top: 1px; margin-top: 0px; border-bottom: 1px solid #6A6D75;} .context-menu-holder ul li.first a {border-top: 1px; margin-top: 0px;} .context-menu-holder ul li.last {} .context-menu-holder ul li ul {border: 0px; padding-left: 0px; padding-top: 0px;} .context-menu-holder ul li ul li a {text-indent: 20px; } .context-menu-holder ul li ul li ul li a {text-indent: 40px; overflow: hidden; } .context-menu-holder ul li ul li ul li ul li a {text-indent: 60px; } .context-menu-holder ul li.first ul li {border-top: 1px solid #6A6D75;} .context-menu-holder { padding-bottom: 17px; margin-bottom: 20px;} /* css for shared content */ .shared-content-wrapper-outer {padding-top: 3px; } .shared-content-wrapper { padding-bottom: 5px; } .shared-content-wrapper-inner { font-size: 11px; background-color: #3F434D; padding: 18px 10px 18px 18px; margin-bottom: 2px; } .shared-content-wrapper-inner p { margin: 5px 0px 5px 0px; } .shared-content-wrapper-inner-line { height: 0px; margin-left: 0px; margin-right: 0px;} .shared-content-wrapper-inner h2 {font-size: 14px; font-weight: bold; margin-top: 0px; } /* extends public.editor.css */ .item-shared-content-chevron, .item-shared-content-chevron a {color: #ffffff !important;} .item-shared-content-chevron:hover a, a.item-shared-content-chevron:hover {color: #A8B3C4 !important; text-decoration: none !important;} /* sticky footer */ #container {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -88px; } footer, .push { height: 88px; } /** sections / categories pages **/ ul.sub-sections {clear: both; margin-left: 0px !important; list-style: none !important; } ul.sub-sections li {float: left; width: 220px; height: 140px; margin-left: 15px; margin-bottom: 20px; } ul.sub-sections li img {padding: 2px; } ul.sub-sections li div.img-holder {text-align: center; border: 1px solid #6A6D75; width: 214px; height: 109px;} ul.sub-sections li a, ul.sub-sections li a:visited { } ul.sub-sections li a.gallery-link {display: block; margin-left: 2px; font-size: 14px; margin-top: 8px; margin-top: 2px; font-weight: bold; color: #ffffff; text-decoration: none;} ul.sub-sections li.first {margin-left: 0px;} /** PRODUCTS sections / categories pages **/ ul.sub-sections.products-list {margin-top: 10px; } ul.sub-sections.products-list li {height: 180px; } ul.sub-sections.products-list li img {} ul.sub-sections.products-list li a, ul.sub-sections.products-list li a:visited { } ul.sub-sections.products-list li a.gallery-link {font-size: 11px; height: 35px; overflow: hidden;} ul.sub-sections.products-list li.first {} ul.sub-sections.products-list li a.product-options-link {} ul.sub-sections.products-list li a.product-options-link {margin-top: 5px; width: 110px; margin-left: 55px; margin-right: 0px; overflow: hidden; display: block; height: 22px; line-height: 22px; background: url(/img/public/small-button-back.gif) no-repeat right top;} ul.sub-sections.products-list li a.product-options-link span {display: block; text-indent: 15px; height: 22px; overflow: hidden; line-height: 22px; text-decoration: none; font-weight: bold; font-size: 11px; color: #ffffff; padding-right: 5px; background: url(/img/public/small-button-front.gif) no-repeat left top;} ul.sub-sections.products-list li a.product-options-link:hover {background-position: right bottom; text-decoration: none;} ul.sub-sections.products-list li a.product-options-link:hover span {background-position: left bottom !important;} /** ----------- public paginator css - used in account area --------- **/ .paging {height: 38px; line-height: 38px; border: 1px solid #6A6D75; background-color: #3F434D; clear: both; margin-top: 20px; color: #3F434D; font-weight: bold;} .paging a {text-decoration: none; color: #ffffff;} div.paging .p2 {display: inline; line-height: 20px; padding: 2px 5px 2px 5px; border: 0px solid #6A6D75;} div.paging div.disabled {display: inline; line-height: 20px; padding: 2px 5px 2px 5px; color: #ffffff; border: 0px solid #6A6D75;} div.paging span {display: inline; line-height: 20px; padding: 2px; border: 1px solid #6A6D75;} div.paging .page-counter {font-weight: bold; color: #ffffff; float: left; width: 100px; text-align: left; margin-left: 10px;} div.paging .page-numbers {display: inline; margin-left: 5px; margin-right: 5px;} div.paging span a {margin-left: 3px; margin-right: 3px;} div.paging .previous {width: 60px; margin-right: 5px; border: 0px;} div.paging .next {width: 60px; margin-left: 5px; border: 0px;} div.paging .paging-links {float: right;} div.paging span.current {color: #8A98AF; margin-left: 0px; margin-right: 0px; padding-left: 5px; padding-right: 5px;} div.paging span a {} div.paging .page-links {float: right; margin-right: 10px; } div.paging .count-records {color: #ffffff; padding-left: 10px;} div.paging.short-fat .page-counter {width: 100px;} /** forms **/ form { padding: 0; width: 460px; float: left; } .checkout-form {width: 940px; margin-bottom: 20px; margin-left: -1px; border-right: 0px;} fieldset { margin-top: 0px; padding: 20px 10px 20px 10px; margin-bottom: 20px; /* background: #3f434e; border: 1px solid #6A6D75; */ } fieldset legend { color: #333333; font-family: arial, sans-serif; font-size: 14px; font-weight: bold; padding: 5px; } fieldset fieldset { margin-top: 0px; margin-bottom: 20px; padding: 16px 0; background-color: transparent; } fieldset fieldset legend { font-size: 120%; font-weight: normal; margin-left: 20px; background-color: transparent; } fieldset fieldset div { clear: left; margin: 0 20px; } form div { clear: both; margin-bottom: 5px; padding: 10px; vertical-align: text-top; } form div.input { color: #444; } form div.required { color: #333; color: #cc0000 !important; } form div.submit { border: 0; clear: both; margin-top: 10px; margin-left: 140px; margin-left: 0px; } label { display: block; font-size: 12px; padding-right: 4px; float: left; width: 120px; text-align: right; color: #ffffff; margin-top: 4px; } input, textarea { float: left; display: block; font-family: arial, sans-serif; padding: 2px; width: 220px; font-size: 12px; } input {background: transparent;} textarea {background: #ffffff; margin-right: 0px;} .input-field {background-color: #ffffff; border: 1px solid #cccccc;} select { clear: both; width: 200px; vertical-align: text-bottom; } select[multiple=multiple] { } option { padding: 0 3px; } /* styles to line up the checkbox fields */ div.checkbox {width: 167px; } div.checkbox input { margin: 0px; float: right; width: 10px; } div.checkbox label {float: right; } /* styles for multiple checkbox fields */ div.select { } div.select label {font-weight: bold; margin-bottom: 10px;} div.select div.checkbox label {font-weight: normal; width: 120px; margin-bottom: 0px; } div.select div.checkbox {width: 177px;} select.delivery-address {width: 250px;} input[type=submit], input[type=reset] { /* display: inline; */ padding: 0px 5px; width: auto; vertical-align: top; } form div.submit input, .confirm-delete-button, .update-total-button, .add-button { width: 72px; height: 22px; border: 0px; background: url(/img/public/small-button.gif) no-repeat top left; overflow: hidden; color: #ffffff; font-weight: bold; cursor: pointer; font-size: 11px; float: right; line-height: 22px; vertical-align: top; } input.add-button {background: url(/img/public/large-small-button.gif) no-repeat top left;} input.add-button-light {width: 92px !important; background: url(/img/public/large-small-button-light.gif) no-repeat top left !important;} form div.checkbox {padding-top: 10px;} form div.checkbox input {border: 0px;} form div.checkbox label {float: left; width: 120px; margin-top: 0px;} form div.submit input:hover { background: url(/img/public/small-button.gif) no-repeat top left; color: #ffffff; } form div.submit input#make-payment { width: 98px; height: 30px; border: 0px; background: url(/img/public/checkout.jpg) no-repeat top left; overflow: hidden; color: #464646; text-indent: -5000px; font-size: 1px; font-weight: bold; cursor: pointer; float: right; margin-top: -20px; margin-bottom: 20px; } form div.submit input#make-payment:hover{ background-position: left bottom; } div.input input {background: #ffffff;} div.date input {width: 70px;} div.datetime input {width: 70px;} div.time input {width: 70px;} .form-message {margin-left: 140px;} /** --------------- end forms --------------------- **/ /** --------------- css for file upload form ------ **/ ul.list-list {width: 500px; list-style-type: none; padding: 0px; clear: both;} ul.list-list li {width: 480px; height: 300px; margin: 0px; border: 0px solid #cccccc; margin-bottom: 10px; } ul.list-list li div.input {margin: 0px; clear: none !important; } ul.list-list li .list-col-1 {float: left; width: 100px; clear: none !important; } ul.list-list li .list-col-2 {float: left; width: 470px; clear: left !important; } ul.list-list li .list-col-3 {float: left; width: 470px; clear: left !important; } ul.list-list li .list-col-3 label {float: left; width: 80px; } ul.list-list li .list-col-2 label {float: left; width: 80px; } ul.list-list li.over {background-color: #CBE1EF;} #Upload0FilenameRemove {width: 20px; } /** -------------- end upload form ---------------- **/ table.public { border: 1px solid #6A6D75; width: 520px;} table.public td {background-color: #292D39; padding: 4px; border: 1px solid #6A6D75;} table.public th {background: #3f434e; padding: 4px; border: 1px solid #6A6D75;} table.public-2 {border: 1px solid #6A6D75; width: 940px;} table.public-2 td {background-color: #292D39; padding: 4px; border-bottom: 1px solid #6A6D75; text-align:left; vertical-align: top;} table.public-2 th {background: #3f434e;; color: #ffffff; font-weight: bold; text-align:left; padding: 6px 4px 6px 4px; border-bottom: 1px solid #6A6D75;} table.public-2 tr.total-row td { font-size: 16px; font-weight: bold; padding-top: 10px; padding-bottom: 10px; } table.public-2 th a {color: #eeeeee; text-decoration: none;} table.public-2 th a:hover {color: #ffffff; text-decoration: none;} .cake-sql-log table { background: #f4f4f4; } .cake-sql-log td { padding: 8px 8px; text-align: left; border: 1px solid #cccccc; } /** -------------------- css form public forms -------------------- **/ form h2 {clear: both; font-size: 14px; border-bottom: 0px solid #cccccc; padding-bottom: 5px; padding-top: 10px;} .col-left {width: 220px; float: left; padding: 2px;} .col-right {width: 220px; float: left; clear: none; padding: 2px; margin-right: 0px;} .col-main { float: left; clear: both; padding: 2px;} .col-left-check {width: 210px; float: left; } .col-right-check {width: 210px; float: left; clear: none;} .col-left input {width: 200px; margin-top: 3px; background-color: #ffffff; border: 1px solid #cccccc;} .col-right input {width: 200px; margin-top: 3px; background-color: #ffffff; border: 1px solid #cccccc;} .col-main textarea {width: 400px; margin-top: 3px; background-color: #ffffff; border: 1px solid #cccccc;} .col-left label {width: 200px; text-align: left;} .col-main label {width: 200px; text-align: left;} .col-right label {width: 200px; text-align: left;} .col-left-check label {width: 160px; text-align: left; float: left; margin-left: 5px;} .col-right-check label {width: 160px; text-align: left; float: left; margin-left: 5px;} .col-left-check input {width: 10px; margin-top: 3px; float: left; margin-left: -5px;} .col-right-check input {width: 10px; margin-top: 3px; float: left; margin-left: -5px;} .contact-form fieldset {width: 450px; padding-right: 0px;} .contact-form .submit {float: left;} .required.col-left input {width: 200px; margin-top: 3px; background-color: #ffffff; border: 1px solid #cccccc;} .required.col-right input {width: 200px; margin-top: 3px; background-color: #ffffff; border: 1px solid #cccccc;} .form-errors-holder {color: #333333; font-size: 12px; font-weight: bold; margin: 0px 0px 10px 0px; width: auto; background: #ffffff; border: 1px solid #cccccc; } .form-errors-holder-inner {padding: 5px 10px 15px 10px;} .form-errors-holder li {color: #333333;} .message {background-color: #fafafa; border: 1px solid #cccccc; color: #333333; font-weight: bold; font-size: 14px; padding: 15px; margin-bottom: 10px;} /* #ajax-inner-sub .message {background-color: #fafafa; border: 0px solid #cccccc; color: #666666; font-weight: bold; font-size: 14px; padding: 5px; margin-bottom: 5px;} */ /** -------------------- end css form public forms -------------------- **/ /** -------------------- ajax code for login pages etc. --------------- **/ .login-pre {text-align: center; height: 420px; padding-top: 40px;} .login-pre ul {width: 180px; margin-left: 320px; border: 1px solid #cccccc; height: 60px;} .login-pre ul li {list-style-type: none; display: inline; float: left;} .login-pre ul li a.small-button {line-height: 22px; background: url(/img/public/small-button.gif) no-repeat bottom left; text-align: center; text-decoration: none; color: #ffffff; font-weight: bold; display: block; width: 68px; height: 22px; margin-top: 20px; margin-right: 10px; margin-left: 10px;} .login-form {width: 300px; border: 0px solid #cccccc; margin: 20px 20px 20px 0px;} .login-form fieldset {margin-top: 0px !important; border: 0px;} .login-form h2 {padding: 0px; line-height: 32px; height: 32px !important; border: 0px solid #333333; background: #3F434D; color: #ffffff; text-indent: 20px; text-align: left; display: block; margin: -1px !important;} .login-form label { width: 105px; } .login-form .input input {margin-left: 0px; width: 160px; background: #ffffff;} .code-example {padding-left: 160px; font-size: 10px; } .login-form .input { width: 280px !important; padding-left: 0px;} } #ajax-inner-sub .login-form {margin-left: auto !important; margin-right: auto !important; float: none;} form.login-form div.submit input { margin-top: -35px; margin-right: 8px; } form.login-form div.error-message { margin-bottom: 0px; text-align: right; color: #666666; font-weight: bold; padding: 0px; padding-top: 5px; padding-right: 10px;} .ui-datepicker-trigger {float: left; margin-left: 210px; margin-top: -20px;} #steps {color: #ffffff;} #steps h1 { font-size: 24px; border: 0px; margin-top: 5px;} #steps h2 { font-size: 14px;} .steps-1 {width: 380px; float: left; margin-left: 25px;} .steps-2 {width: 380px; float: left; margin-left: 20px;} #map {width: 335px; height: 308px; border: 1px solid #cccccc; color: #333333 !important;} .map-data {display: none;} .hcard {width: 80px; height: 15px; display: block; float: right; background: url(/img/microformat_hcard.png) no-repeat; text-indent: -5000px;} .address-holder {width: 335px; line-height: 16px; margin-top: 20px; padding: 0px; } .address-holder a.fn, .address-holder div.org {text-decoration: none; font-size: 12px; font-weight: bold;} .address-holder span {display: block;} .address-holder .country-name , .address-holder .tags {display: none;} .vcard a.url {display: none;} #contact-map-column {width: 350px; float: left;} .contact-form {width: 340px; float: left;} .contact-form form {width: 290px; background: #3F434D; margin-left: 30px; padding: 15px;} .contact-form form p { } .contact-form.newsletter-form form {margin-left: 0px;} .contact-form form .col-main input {width: 270px; margin-top: 3px; background: #ffffff; } .contact-form form .col-main textarea {width: 270px; clear: both; } .contact-form form .col-left {width: 140px;} .contact-form form .col-right {width: 140px;} .contact-form form .col-left input {width: 130px;} .contact-form form .col-right input {width: 130px;} .contact-form form .col-left label {width: 120px; text-align: left;} .contact-form form .col-main label {width: 120px; text-align: left;} .contact-form form .col-main.checkbox2 input {width: 20px; } .contact-form form .col-main.checkbox2 label {width: 250px; } #ContactNewsletterSignup_ {visibility: hidden; margin-left: -50px; } .contact-form form fieldset {padding: 0px;} .contact-form form .form-section { background: #595F6C; width: 270px;} .contact-form form .form-section .col-left input {width: 200px;} .contact-form form .form-section .col-left label {width: 200px; text-align: left;} .contact-form form .col-left select#ContactContactType {width: 280px;} .newsletter-signup input {width: 20px; float: right; margin-right: -12px;} .newsletter-signup label {width: 245px; margin: 0px; padding: 0px !important; text-align: right; margin-left: 0px; float: left; display: block; } .contact-form form div.submit input, .voucher-details form div.submit input { background: url(/img/public/small-button-light.gif) no-repeat top left; } .contact-form form div.submit input:hover, .voucher-detail form div.submit input:hover { background: url(/img/public/small-button-light.gif) no-repeat top left; } /** order info tabs **/ #order-info-tabs {margin-bottom: 20px;} #order-info-tabs ul {list-style-type: none; padding-left: 0px; margin-left: 0px !important;} #order-info-tabs ul li {list-style-type: none; } #order-info-tabs ul li {float: left; background: #3F434D; margin-right: 1px; height: 24px; line-height: 24px;} #order-info-tabs ul li.selected {background: #6A6D75;} #order-info-tabs ul li:hover {background: #6A6D75;} #order-info-tabs ul li a {margin: 10px; line-height: 24px; color: #ffffff; font-weight: bold; font-size: 12px;} #order-info-tabs ul li a:hover {text-decoration: none;} #order-info-tabs div {display: none;} #order-info-tabs div.selected {color: #ffffff; padding: 10px; clear: both; display: block; border: 1px solid #6A6D75;} #frame-table-holder {border: 1px solid #6A6D75; padding: 2px; width: 348px; text-align: center;} #frame-table {background: #ffffff; margin: auto;} #frame-table #center-center {padding: 15px;} .frame-table-corner {width: 27px; height: 27px;} #frame-options { margin-left: 0px !important;} #frame-options li {cursor: pointer; font-weight: bold; margin-top: 5px; color: #ffffff; float: left; list-style-type: none; font-size: 10px; border: 1px solid #6A6D75; padding: 2px; margin-right: 13px; width: 71px; height: 15px; background-repeat: no-repeat; background-position: center top; padding-top: 70px; text-indent: 2px;} #frame-options li#frame-option-silver {background: url('/img/public/frames/silver.jpg') no-repeat center top;} #frame-options li#frame-option-pewter {background: url('/img/public/frames/pewter.jpg') no-repeat center top;} #frame-options li#frame-option-black {background: url('/img/public/frames/black.jpg') no-repeat center top;} #frame-options li#frame-option-white {background: url('/img/public/frames/white.jpg') no-repeat center top;} #frame-options li#frame-option-mount {background: url('/img/public/frames/mount.jpg') no-repeat center top;} #frame-options li#frame-option-canvas {background: url('/img/public/frames/canvas.jpg') no-repeat center top;} #frame-options-note {font-weight: bold; margin-bottom: 0px; clear: left; padding-bottom: 10px; padding-top: 10px;} /** css for options_workshop **/ .grey-box {background: #3F434E; padding: 10px; margin-bottom: 20px; margin-top: -10px;} /** css for options_gift_voucher **/ .voucher-details {background: #3F434E; padding: 10px;} .voucher-details form {float: none;} .voucher-details form label {color: #ffffff !important; width: 60px;} .voucher-details form input {width: 200px;} .voucher-details form input.width60 {width: 60px;} .voucher-details form input.width80 {width: 80px;} .voucher-details form textarea {width: 200px;} .voucher-details form .voucher-type label {width: 120px; text-align: left; font-weight: bold; margin-left: 65px; } .voucher-details form .voucher-type select {width: 200px; margin-left: 65px; margin-bottom: 0px;} .voucher-details form .voucher-type {margin-bottom: 0px;} .voucher-details form .voucher-type-2 label {margin-bottom: 5px; width: 260px; text-align: left; font-weight: bold; margin-left: 5px; } .voucher-details form .voucher-type-2 select {width: 260px; margin-left: 5px; margin-bottom: 0px;} .voucher-details form .voucher-type-2 {margin-bottom: 0px;} .booking-form-image-holder {width: 290px;} .booking-form {width: 380px;} .booking-form .voucher-details form label {color: #ffffff !important; width: 100px;} .voucher-details form div.input {width: 340px;} #image-preloader {display: none; left: -5000px;} /* #middle-column {background: pink; } .middle-column-clear-fixer {background: yellow;} #middle-column h1 {background: lime; margin-right: -20px;} #content {background: beige;} */ .lightbox-form form .small-select {padding: 0px; margin-bottom: 30px; margin-top: -20px;} .lightbox-form form .small-select label {color: #ffffff !important; width: 200px; text-align: left; margin-bottom: 4px; } .code-form { width: 500px;} .code-form label {width: 140px;} .code-form fieldset {border: 1px solid #6A6D75; padding: 10px;} .code-form div.submit {margin-top: -100px;} div.title-holder {border: 1px solid #6A6D75; height: 40px; padding: 2px; width: 210px; text-align: left; border-bottom: 0px; background: #3f434d;} /*.photo-title { border: 1px solid #6A6D75; padding: 2px; font-size: 11px; height: 40px; overflow: hidden; text-align: left; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-top: 10px;} */ #album-image-gallery div.photo-title {font-weight: bold; text-align: left !important; width: 212px; padding: 4px !important;}