/* Theme Name: Xing Theme URI: http://labs.saurabh-sharma.net/themes/xing/wp/ Description: Xing is a clean and modern WordPress theme designed for corporate websites and e-commerce ventures. The theme can be used for small to large business setups, online shopping stores, personal portfolio, or as an editorial blog. Supported with custom templates, widgets, short codes, and customization options; the theme can be a suitable choice for your business/ecommerce projects. Author: Saurabh Sharma Author URI: http://themeforest.net/author/SaurabhSharma Version: 1.0.7 License: GNU General Public License License URI: License/README_License.txt Tags: white, blue, black, green, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, custom-background, custom-menu, editor-style, featured-images, full-width-template, theme-options, translation-ready */ /* -- TABLE OF CONTENTS --------- 1. RESET BROWSER DEFAULTS 2. TYPOGRAPHY 3. STRUCTURE 4. HEADER 5. SIDEBAR 6. PORTFOLIO PAGES 7. BLOG PAGES 8. SECONDARY AREA 9. FOOTER AREA 10. FORMS 11. WIDGETS 12. MISCELLANEOUS .slider-purple {float:left; background:#b0cae4; width:255px; height:312px; } .tiny-links {float:left; margin-top:-10px; font-size:10px;} #widgetshop {float:left; margin-right:2px;} #tracing-img {float:left; margin-top:50px; border:0px solid orange;} table#big-septs{border:1px solid orange;} table.big-septs{border:1px solid orange;} #septs-big-container { border:1px solid orange;} #septs-results{float:left; margin-top:50px; border:1px solid orange;} #letters-contain #septs-left {float:left; width:270px; border: 1px solid orange; margin-right:2px;} #letters-contain #septs-right {float:right; width:270px; border: 1px solid blue;} #septs-help {float:left; width:625px; border: 1px solid green;} .addthis_sharing_toolbox{ margin-left: 11px; margin-bottom: 10px; } /* ---KILTMAKERY ---*/ ul#kiltmakery {float:left; width:174px; margin-left:0px; padding:0px;} ul#kiltmakery li { width:174px height:25px; display:block; padding:0px;} ul#kiltmakery li a {color:purple; font-size:140%; font-weight:bold; } ul#kiltmakery li a:hover {color:#b0aba7} ul#kiltmakery li#selected a {color:#b0aba7} ul#kiltmakery li#sub {color:#000; margin-left:10px font-size:90%; } ul#kiltmakery li#sub a {color:#384e9a; padding-left:10px font-size:90%; } ul#kiltmakery li#sub-selected {color:#000; margin-left:10px font-size:90%; } ul#kiltmakery li#sub-selected a {color:#000; padding-left:10px font-size:90%; } #kiltmakery {float:left; width:760px; margin:0px; padding:0px;} #kiltmakery #img {float:left; width:380px; margin:0px; padding:0px;} #kiltmakery #content {float:left; width:330px; margin:0px; padding:5px;} /* -- HOMEPAGE CAT BANNER SIDE ---*/ ul#side-shop-cat {float:left; width:174px; margin:0px; padding:0px;} ul#side-shop-cat li {float:left; width:85px; height:75px; display:block; margin-right:1px; margin-bottom:0px; padding:0px;} ul#side-shop-cat li.mens a{float:left; width:85px; height:87px; display:block; background: url('/wp-content/uploads/2014/08/gents.jpg'); } ul#side-shop-cat li.mens a:hover{float:left; width:85px; height:85px; background: url('/wp-content/uploads/2014/08/gents-roll.jpg'); display:block;} -z-floatleft {float:left; width:250px;} ul.scotclans-clans {float:left; width:570px; border-top:1px dashed #dddddd;} ul.scotclans-clans li {float:left; width:200px; list-style:none; width:100%; background: #0055a7; } #sc-home-container0 #sc-right0 {float:right; margin:0px; padding:0px; width:289px; height:381px; background: url('/wp-content/uploads/2014/08/back-whats.jpg') #e4f3f6; } #menu-scotclans-side ul.menu-scotclans-side li .double-line {float:left; width:200px; } #social-frame {position: absolute; left 0px; top: -200px; clip:rect(0px 950px 1000px 0px); } -------------------------------*/ #previous_next_container {float:left; width:570px; margin-top:15px; padding-top:6px; border-top:1px dashed #dddddd; } #previous_next_container #left {float:left; width:200px; padding-left:30px; } #previous_next_container #middle {float:left; width:100px; } #previous_next_container #right {float:right; width:200px;} /* -- DYNAMIC PRODUCT FEED FOR SIDE BANNER---*/ #product-feedside{ float:left; border: 1px solid #e0e0e0; width:163px; padding:6px; border-radius: 4px; } #product-feedside ul#prod-feed {float:left; border:0px solid #b1ae83;} #product-feedside ul#prod-feed li {float:left; margin-bottom:14px; padding:0px;} #product-feedside ul#prod-feed li #img{float:left; width:70px; margin-right:2px; } #product-feedside ul#prod-feed li #info{float:right; width:88px; line-height:12px; } #product-feedside ul#prod-feed li #info .price{text-align: left; color:red; font-size:.9em; line-height:1.2em; font-weight:bold; margin-top:2px;} #product-feedside ul#prod-feed li #info a{color:#3365aa; font-weight:bold; font-size:.95em;} #product-feedside ul#prod-feed li #info .link{font-size:.95em; } #product-feedside ul#prod-feed li #info .link a{color:#3365aa; } #product-feedside ul#prod-feed li #info a:hover {color:#c93868} #product-feedside ul#prod-feed li #info .sale{ text-align: left; color:#3e4545; font-size:.9em; line-height:1em; font-weight:bold; margin-top:2px; text-decoration: line-through;} /* -- PRODUCT SEARCH ---*/ #product-search {background:#f2f0e9; width:280px; height:50px; position:absolute; left:475px; top:-18px; border:1px solid #b1ae83; -moz-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; } #product-search #product-search-input {float:left; width:220px; margin-top:7px; margin-left:7px;} #product-search #product-search-but {float:right; width:40px; margin-left:5px; margin-right:7px; margin-top:7px; } #product-search-full {background:#f2f0e9; width:280px; height:50px; position:absolute; left:677px; top:-18px; border:1px solid #b1ae83; -moz-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; } #product-search-full #product-search-input {float:left; width:220px; margin-top:7px; margin-left:7px;} #product-search-full #product-search-but {float:right; width:40px; margin-left:5px; margin-right:7px; margin-top:7px; } /* -- TARTAN PATTERN BOOK DETAIL ---*/ #title-tartan-container {float:left; margin:0px; padding:0px; width:780px; border:0px solid pink;} #title-tartan-container #title-tartan {float:left; margin:0px; padding:0px; width:580px; border:0px solid orange;} #title-tartan-container #return-link {float:right; margin:0px; padding:0px; width:200px; border:0px solid green;} #tartan-detail-container {float:left; margin:0px; padding:0px; width:780px;} #tartan-detail-container #tartan-detail-big {float:left; margin:0px; padding:0px; width:466px;} #tartan-detail-container #tartan-detail-big #big {float:left; margin:0px; padding:0px; width:466px;} #tartan-detail-container #tartan-detail-big #big-info {float:left; margin:0px; padding:0px; width:466px; background: #e9e0e0; } #tartan-detail-container #tartan-detail-varients {float:right; margin:0px; padding:0px; width:294px;} /* -- TARTAN PATTERN BOOK ---*/ #tartan-book-wrapper {float:left; margin:0px; padding:0px; width:570px; border:0px solid red; border:0px solid grey; } #tartan-a-z{float:center; margin-top:10px; margin-bottom:10px; padding:0px; width:550px; text-align:center; } #tartan-listing { float:left; width:570px;} #tartan-sorter { float:left; width:570px; height:28px; background: url('/wp-content/uploads/2013/12/back-sorter.jpg') #e4f3f6; margin-bottom:16px; marging-top:0px; } #tartan-sorter a{text-decoration:underline;} #tartan-sorter #sortby { float:left; margin-left:2px; padding-top:2px; padding-bottom:2px;} #tartan-sorter #viewing {float:left;} #tartan-sorter #viewing #viewing-pagination {float:left; margin-left:150px; } #tartan-sorter #viewing #viewing-pagination ul#pagination { list-style:none; border:0px solid grey; display:inline; } #tartan-sorter #viewing #viewing-pagination ul#pagination li{ float:left; padding: 0px 5px 0px 5px; margin-right:12px; margin-top:4px; margin-bottom:3px; border:0px solid grey; list-style:none; background: transparent; display:inline; } #tartan-sorter #viewing #viewing-pagination ul#pagination li a{text-decoration:underline;} #tartan-sorter #viewing #viewing-pagination ul#pagination li#inactive {float:left; padding: 0px 5px 0px 5px; margin-right:12px; margin-top:4px; margin-bottom:3px; border:1px solid grey; list-style:none; background: white; color:#9ac7ef; display:inline; } #tartan-sorter #viewing #viewing-pagination ul#pagination li#active {float:left; padding: 0px 5px 0px 5px; margin-right:12px; margin-top:4px; margin-bottom:3px; border:1px solid grey; text-decoration:none; background: white; color:#0056aa; font-weight:bold; display:inline; } #tartan-sorter #viewing #viewing-pagination ul#pagination li#active {float:left; padding: 0px 5px 0px 5px; margin-right:12px; margin-top:4px; margin-bottom:3px; border:1px solid grey; text-decoration:none; background: white; color:#0056aa; font-weight:bold; display:inline; } #tartan-sorter #viewing #viewing-pagination ul#pagination li#active a{text-decoration:none;} #tartan-sorter #viewing #viewing-pagination ul#pagination li#dots {float:left; padding: 0px 5px 0px 5px; margin-right:0px; margin-left:-10px; margin-top:4px; margin-bottom:3px; border:0px solid grey; list-style:none; background: transparent; color:grey; display:inline; } /* -- GENERAL LOGIN ---*/ #general-login-wrapper {float:left; width:750px; margin-left:160px; } #general-login-wrapper #general-login-container {float:left; width:450px; background:#b0cae4; margin:0px auto;} #general-login-wrapper #general-login-container #existing-customers-title {float:left; font-size:1.8em; padding:12px; width:426px; border-bottom:2px solid #fff; margin-bottom:0px;} #general-login-wrapper #general-login-container #existing-customers-content {float:left; padding:16px; width:418px; border:0px solid blue;} #general-login-wrapper #general-login-container #existing-customers-content #form-wrapper {float:left; width:400px; margin-top:16px; border:0px solid yellow;} #general-login-wrapper #general-login-container #existing-customers-content #form-wrapper #form-left {float:left; width:90px; padding-top:8px; text-align:right; margin-right:4px; border:0px solid purple; font-weight:bold; } #general-login-wrapper #general-login-container #existing-customers-content #form-wrapper #form-middle {float:left; width:280px; margin-right:0px; } #general-login-wrapper #general-login-container #existing-customers-content #form-wrapper #form-middle-drop {float:left; width:250px; margin-top:16px; padding:0px; border:0px solid blue; margin-bottom:12px; height:16px; } #general-login-wrapper #general-login-container #existing-customers-content #forgot {float:left; width:120px; margin-left:300px; border:0px solid green; font-size:0.9em;} #general-login-wrapper #general-login-container #existing-customers-content #button-login {float:left; width:250px; margin-left:280px; border:0px solid green; margin-top:16px; margin-bottom:8px; } /* -- MAIN BACK ---*/ #colour {width:100%; background: url('/wp-content/uploads/2015/04/back-main2.jpg') #000 no-repeat top; background-position: 50% 0; } /* -- TOP SEACH TARTAN ---*/ #tartansearch-container {float:left; background: url('/wp-content/uploads/2014/01/top-tartan.jpg') #596599; margin:0px; padding:0px; width:1000px; height:125px; } #tartansearch-container #tartan-left {float:left; border:0px solid red; width:334px; margin:0px; padding:0px; height:125px } #tartansearch-container #tartan-middle {float:left; border:0px solid orange; width:334px; margin:0px; padding:0px; height:125px } #tartansearch-container #tartan-right {float:right; width:320px; margin:0px; padding:0px; height:125px} #tartansearch-container #tartan-right #prod-search-wrap {float:left; margin-top:30px; width:267px; } #tartansearch-container #tartan-right #prod-search-wrap #title {float:left; width:267px; height:20px; margin-bottom:2px;} #tartansearch-container #tartan-right #prod-search-wrap input-wrap {float:left; width:245px;} #tartansearch-container #tartan-right #prod-search-wrap #input{float:left; width:240px; border:0px solid pink;} #tartansearch-container #tartan-right #prod-search-wrap #but{float:right; width:20px; border:0px solid orange; margin-right:5px;} #tartansearch-container #tartan-left #whats-clan-wrap {float:left; width:267px; margin-left:20px; margin-top:30px; } #tartansearch-container #tartan-left #whats-clan-wrap #title {float:left; width:267px; height:20px; margin-bottom:2px;} #tartansearch-container #tartan-left #whats-clan-wrap #input-wrap {float:left; width:267px;} #tartansearch-container #tartan-left #whats-clan-wrap #input {float:left; width:245px; border:0px solid blue;} #tartansearch-container #tartan-left #whats-clan-wrap #but {float:right; width:20px; margin-right:2px;} #tartansearch-container #tartan-left #whats-clan-wrap #sml-links {float:left; color:#fff;} #tartansearch-container #tartan-left #whats-clan-wrap #sml-links a{ color:#fff; font-size:0.9em;} #tartansearch-container #tartan-middle #whats-clan-wrap {float:left; border:0px solid blue; width:267px; margin-left:20px; margin-top:30px; } #tartansearch-container #tartan-middle #whats-clan-wrap #title {float:left; width:267px; height:20px; margin-bottom:2px;} #tartansearch-container #tartan-middle #whats-clan-wrap #input-wrap {float:left; width:267px;} #tartansearch-container #tartan-middle #whats-clan-wrap #input {float:left; width:245px;} #tartansearch-container #tartan-middle #whats-clan-wrap #but {float:right; width:20px; margin-right:2px;} #tartansearch-container #tartan-middle #whats-clan-wrap #sml-links {float:left; color:#fff;} #tartansearch-container #tartan-middle #whats-clan-wrap #sml-links a{ color:#fff; font-size:0.9em;} .go-button { -moz-box-shadow:inset 0px 1px 0px 0px #cae3fc; -webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc; box-shadow:inset 0px 1px 0px 0px #cae3fc; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) ); background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee'); background-color:#79bbff; -webkit-border-top-left-radius:0px; -moz-border-radius-topleft:0px; border-top-left-radius:0px; -webkit-border-top-right-radius:0px; -moz-border-radius-topright:0px; border-top-right-radius:0px; -webkit-border-bottom-right-radius:0px; -moz-border-radius-bottomright:0px; border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:0px; -moz-border-radius-bottomleft:0px; border-bottom-left-radius:0px; text-indent:0; border:1px solid #469df5; display:inline-block; color:#ffffff; font-family:Arial; font-size:14px; font-weight:bold; font-style:normal; height:35px; line-height:35px; width:36px; text-decoration:none; text-align:center; text-shadow:1px 1px 0px #287ace; } .go-button:hover {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) ); background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff'); background-color:#4197ee;} .go-button:active {position:relative; top:1px;} .prod-button { -moz-box-shadow:inset 0px 1px 0px 0px #9d9a64; -webkit-box-shadow:inset 0px 1px 0px 0px #9d9a64; box-shadow:inset 0px 1px 0px 0px #cae3fc; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cdcba7), color-stop(1, #b6b485) ); background:-moz-linear-gradient( center top, #cdcba7 5%, #b6b485 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cdcba7', endColorstr='#b6b485'); background-color:#cdcba7; -webkit-border-top-left-radius:0px; -moz-border-radius-topleft:0px; border-top-left-radius:0px; -webkit-border-top-right-radius:0px; -moz-border-radius-topright:0px; border-top-right-radius:0px; -webkit-border-bottom-right-radius:0px; -moz-border-radius-bottomright:0px; border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:0px; -moz-border-radius-bottomleft:0px; border-bottom-left-radius:0px; text-indent:0; border:1px solid #9d9a64; display:inline-block; color:#ffffff; font-family:Arial; font-size:14px; font-weight:bold; font-style:normal; height:35px; line-height:35px; width:36px; text-decoration:none; text-align:center; text-shadow:1px 1px 0px #b1ae83; } .prod-button:hover {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cdcba7 ), color-stop(1, #b6b485) ); background:-moz-linear-gradient( center top, #cdcba7 5%, #b6b485 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cdcba7', endColorstr='#79bbff'); background-color:#cdcba7;} .prod-button:active {position:relative; top:1px;} /* -- YOUR BASKET TOP ----*/ #tartansearch-container #tartan-right #yourbasket-container {float:left; width:300px; margin-left:0px; margin-top:52px; height:34px; } .checkout-button { -moz-box-shadow:inset 0px 1px 0px 0px #fbafe3; -webkit-box-shadow:inset 0px 1px 0px 0px #fbafe3; box-shadow:inset 0px 1px 0px 0px #fbafe3; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e4678a), color-stop(1, #c43765) ); background:-moz-linear-gradient( center top, #e4678a 5%, #c43765 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4678a', endColorstr='#c43765'); background-color:#ae5bad; -webkit-border-top-left-radius:0px; -moz-border-radius-topleft:0px; border-top-left-radius:0px; -webkit-border-top-right-radius:0px; -moz-border-radius-topright:0px; border-top-right-radius:0px; -webkit-border-bottom-right-radius:0px; -moz-border-radius-bottomright:0px; border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:0px; -moz-border-radius-bottomleft:0px; border-bottom-left-radius:0px; text-indent:0; border:1px solid #c43765; display:inline-block; color:#ffffff; font-family:Arial; font-size:14px; font-weight:bold; font-style:normal; height:33px; line-height:33px; width:93px; text-decoration:none; text-align:center; text-shadow:1px 1px 0px #c43765; } .checkout-button:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e4678a), color-stop(1, #e4678a) ); background:-moz-linear-gradient( center top, #c43765 5%, #e4678a 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#92278e', endColorstr='#e4678a'); background-color:#c43765; }.checkout-button:active { position:relative; top:1px; } .prodsearch-button { -moz-box-shadow:inset 0px 1px 0px 0px #fbafe3; -webkit-box-shadow:inset 0px 1px 0px 0px #fbafe3; box-shadow:inset 0px 1px 0px 0px #fbafe3; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e4678a), color-stop(1, #c43765) ); background:-moz-linear-gradient( center top, #e4678a 5%, #c43765 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4678a', endColorstr='#c43765'); background-color:#ae5bad; -webkit-border-top-left-radius:0px; -moz-border-radius-topleft:0px; border-top-left-radius:0px; -webkit-border-top-right-radius:0px; -moz-border-radius-topright:0px; border-top-right-radius:0px; -webkit-border-bottom-right-radius:0px; -moz-border-radius-bottomright:0px; border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:0px; -moz-border-radius-bottomleft:0px; border-bottom-left-radius:0px; text-indent:0; border:1px solid #c43765; display:inline-block; color:#ffffff; font-family:Arial; font-size:14px; font-weight:bold; font-style:normal; height:33px; line-height:33px; width:35px; text-decoration:none; text-align:center; text-shadow:1px 1px 0px #c43765; } .prodsearch-button:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e4678a), color-stop(1, #e4678a) ); background:-moz-linear-gradient( center top, #c43765 5%, #e4678a 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#92278e', endColorstr='#e4678a'); background-color:#c43765; } /* -- BASKET ----*/ #basket-main-container {float:left; width:875px; border:0px solid #e9e9e9; margin-top:10px; margin-bottom:10px; margin-left:30px; margin-right:30px; padding:10px; background:#f8f8f8; } #basket-main-container #print-page {float:right; border:0px solid pink; font-size:0.9em; } #basket-main-container #print-page img{float:left; margin-right:4px;} #basket-main-container #basket-title-container #basket-title {float:left; width:600px; font-size:1.6em;} #basket-main-container #basket-title-container{float:left; width:875px; border:0px solid red; margin-bottom:24px; margin-top:16px;} #basket-main-container #basket-title-container #continue-securely {float:right; border:0px solid red; } #basket-main-container #table-container {float:left; width:875px; margin-bottom:10px; padding-bottom:10px; } #basket-main-container #table-container #title-container {float:left; width:875px; border-bottom:2px solid #e9e9e9; margin-bottom:10px;} #basket-main-container #table-container #title-container #items {float:left; width:470px; font-weight:bold; } #basket-main-container #table-container #title-container #quantity {float:left; width:120px; font-weight:bold; } #basket-main-container #table-container #title-container #item-price {float:left; width:140px; font-weight:bold; } #basket-main-container #table-container #title-container #subtotal {float:left; width:140px; font-weight:bold; } #basket-main-container #table-container #wrapper-item {float:left; width:875px; } #basket-main-container #table-container #wrapper-item #item-container {float:left; width:470px; } #basket-main-container #table-container #wrapper-item #item-container #item-img {float:left; width:80px; margin-right:8px; padding:0px; border:0px solid orange; } #basket-main-container #table-container #wrapper-item #item-container #item-desc {float:left; width:380px; margin:0px; padding:0px; } #basket-main-container #table-container #item-input {float:left; width:120px; border:0px solid yellow;} #basket-main-container #table-container #item-input #update {float:left; width:120px; font-size:0.9em; text-align:top;} #basket-main-container #table-container #item-input #input-box {float:left; width:120px; font-size:0.9em;} #basket-main-container #table-container #item-input #update img{float:left; width:10px; margin-right:4px; padding-top:2px;} #basket-main-container #table-container #item-price-input {float:left; width:140px; border:0px solid orange; } #basket-main-container #table-container #subtotal-price-input {float:left; width:140px; font-weight:bold; border:0px solid red; } #basket-main-container #table-container #divider-basket {float:left; width:875px; height:3px; border-bottom:1px solid #e9e9e9; margin-top:8px; margin-bottom:8px; } #basket-main-container #voucher-code {float:left; width:875px; padding-top:4px; padding-bottom:4px; border-bottom:2px solid #e9e9e9; border-top:2px solid #e9e9e9; text-align:center;} #basket-main-container #total{float:left; width:865px; padding-right:10px; border:0px solid green; text-align:right; margin-top:20px; margin-bottom:20px; } #basket-main-container #total .vat {font-size:1em; margin-bottom:4px; padding:0px;} #basket-main-container #total .big-text{ font-size:1.3em; margin:0px; padding:0px;} #basket-main-container #buttons-container {float:left; width:875px; border:0px solid red; } #basket-main-container #buttons-container #continue-securely {float:right; border:0px solid red;} #basket-main-container #buttons-container #continue-shopping {float:left; border:0px solid red; width:250px; } #cards-container {float:left; width:960px; padding:5px; margin-top:60px; background:#f8f8f8; border-bottom:1px solid #e9e9e9; border-top:1px solid #e9e9e9; } #cards-container #protx {float:left; width:229px; } #cards-container #txt {float:left; width:300px; border:0px solid blue; font-size:0.9em; padding-left:40px;} #cards-container #cards {float:right; width:320px; border:0px solid orange;} /* -- BASKET 2----*/ #stages-container {float:left; width:960px; border:0px solid red;} #checkout2-top-wrapper {float:left; width:960px; border:0px solid red;} #checkout2-top-wrapper #new-customers-container {float:left; width:600px; border:0px solid yellow; background:#f8f8f8; margin-right:10px; margin-bottom:20px;} #checkout2-top-wrapper #existing-customer-container {float:right; width:330px; background:#b0cae4;} #checkout2-top-wrapper #existing-customer-container #existing-customers-title {float:left; font-size:1.8em; padding:8px; width:314px; border-bottom:2px solid #fff; margin-bottom:0px;} #checkout2-top-wrapper #existing-customer-container #existing-customers-content {float:left; padding:8px; width:314px;} #checkout2-top-wrapper #existing-customer-container #existing-customers-content #form-wrapper {float:left; width:314px; margin-top:2px;} #checkout2-top-wrapper #existing-customer-container #existing-customers-content #form-wrapper #form-left {float:left; width:90px; padding-top:8px; text-align:right; margin-right:4px; border:0px solid purple; font-weight:bold;} #checkout2-top-wrapper #existing-customer-container #existing-customers-content #form-wrapper #form-middle {float:left; width:200px; margin-right:0px; } #checkout2-top-wrapper #existing-customer-container #existing-customers-content #form-wrapper #form-middle-drop {float:left; width:200px; margin-top:8px; padding:0px; border:0px solid blue; margin-bottom:12px; height:16px; } #checkout2-top-wrapper #existing-customer-container #existing-customers-content #forgot {float:left; width:120px; margin-left:200px; border:0px solid green; font-size:0.9em;} #checkout2-top-wrapper #existing-customer-container #existing-customers-content #button-login {float:left; width:140px; margin-left:180px; border:0px solid green; margin-top:8px; margin-bottom:8px; } #checkout2-top-wrapper #new-customers-container #new-customers-title {float:left; font-size:1.8em; padding:8px; width:584px; border-bottom:2px solid #e9e9e9; margin-bottom:0px;} #checkout2-top-wrapper #new-customers-container #segment {float:left; padding:8px; width:584px; border-bottom:1px solid #e9e9e9; margin-bottom:0px;} #checkout2-top-wrapper #new-customers-container #form-wrapper {float:left; width:600px; margin-bottom:4px;} #checkout2-top-wrapper #new-customers-container #form-wrapper #form-left {float:left; width:150px; padding-top:8px; text-align:right; margin-right:4px; border:0px solid purple;} #checkout2-top-wrapper #new-customers-container #form-wrapper #form-middle {float:left; width:200px; margin-right:4px; } #checkout2-top-wrapper #new-customers-container #form-wrapper #form-middle-drop {float:left; width:200px; margin-top:8px; padding:0px; border:0px solid blue; margin-bottom:12px; height:16px; } #checkout2-top-wrapper #new-customers-container #form-wrapper #form-right {float:right; width:250px;} #checkout2-bottom-wrapper {float:left; width:940px; border:1px solid red; padding:10px; margin-top:10px; } input.checkoutstyle { color: #000; background: white; border: 1px solid #e9e9e9; font-size: 1em; padding:0px; margin:0px; } #checkout2-top-wrapper #new-customers-container #button-continue {float:right; padding:0px; margin-top:8px; margin-bottom:8px;} /* -- BASKET - ADDRESS BOOK----*/ #address-container {float:left; background:#f8f8f8; padding:8px; width:200px; margin-right:8px; } #address-container #edit-remove {float:left; width:70px; margin-left:140px; font-size: 0.9em; border:0px solid red;} #address-container #title {float:left; margin-top:8px; margin-bottom:8px; font-size: 1.2em; font-weight:bold;} #address-container #address {float:left; width:200px; } #address-container #button {float:left; margin-top:8px; margin-bottom:8px; } #add-new-address {float:right; margin-top:20px; margin-right:40px; width:150px;} /* -- BASKET - stage 3----*/ #basket-main-container2 {float:left; width:875px; border:0px solid red; margin-top:10px; margin-bottom:10px; margin-left:30px; margin-right:30px; padding:10px; background:#f8f8f8; padding:8px; } #basket-main-container2 #title2 {float:left; width:800px; font-size:1.6em; padding-bottom:10px; margin-bottom:20px; margin-top:20px; border-bottom:2px solid #e9e9e9; } #basket-main-container2 #billing-container {float:left; border:0px solid red; width:350px;} #basket-main-container2 #billing-container #address-title {float:left; width:350px; font-size:1.3em; margin-bottom:4px;} #basket-main-container2 #billing-container #address2 { float:left; width:350px; } #basket-main-container2 #billing-container #change-address { float:left; width:350px; font-size: 0.9em; } #basket-main-container2 #delivery-container {float:right; border:0px solid red; width:350px; margin-right:100px;} #basket-main-container2 #delivery-container #address-title {float:left; width:350px; font-size:1.3em; margin-bottom:4px;} #basket-main-container2 #delivery-container #address2 { float:left; width:350px; } #basket-main-container2 #delivery-container #change-address { float:left; width:350px; font-size: 0.9em; margin-top:4px; } #basket-main-container2 #post-container {float:left; width:750px; text-align:top;} #basket-main-container2 #card-container {float:left; width:750px; border:0px solid red; border-bottom:1px solid #e9e9e9; margin-bottom:10px; } #basket-main-container2 #card-container #select {float:left; width:12px; border:0px solid blue; margin-left:8px; margin-right:8px;} #basket-main-container2 #card-container #txt {float:left; width:165px; border:0px solid green;} #basket-main-container2 #card-container #image {float:left; width:118px; height:117px; border:0px solid orange; margin-right:8px; padding:0px;} #basket-main-container2 #card-container #message {float:left; width:350px; border:0px solid pink;} #basket-main-container2 #wrapping-container {float:left; width:750px; border:0px solid red; margin-bottom:25px;} #basket-main-container2 #wrapping-container #select {float:left; width:12px; border:0px solid blue; margin-left:8px; margin-right:8px;} #basket-main-container2 #wrapping-container #txt {float:left; width:550px; border:0px solid green;} #basket-main-container2 #wrapping-container #image {float:left; width:150px; border:0px solid green;} #basket-main-container #table-container #title-container #giftwrap {float:left; width:120px; font-weight:bold; } /* -- YOUR ORDER----*/ #basket-yourorder-container {float:left; width:750px; border:0px solid red; margin-top:10px; margin-bottom:10px; margin-left:30px; margin-top:30px; padding:10px; background:#f8f8f8; } #basket-yourorder-container #basket-title-container{float:left; width:750px; border:1px solid red; margin-bottom:24px; margin-top:16px;} #basket-yourorder-container #table-container {float:left; width:750px; margin-bottom:10px; padding-bottom:10px; } #basket-yourorder-container #table-container #title-container {float:left; width:750px; border-bottom:2px solid #e9e9e9; margin-bottom:10px;} #basket-yourorder-container #table-container #title-container #items {float:left; width:380px; font-weight:bold; border:0px solid blue;} #basket-yourorder-container #table-container #title-container #item-price {float:left; width:80px; font-weight:bold; } #basket-yourorder-container #table-container #title-container #quantity {float:left; width:97px; font-weight:bold; border:0px solid purple;} #basket-yourorder-container #table-container #title-container #wrap {float:left; width:68px; font-weight:bold; border:0px solid orange;} #basket-yourorder-container #table-container #title-container #subtotal {float:left; width:100px; padding-left:20px; font-weight:bold; border:0px solid pink;} #basket-yourorder-container #table-container #wrapper-item {float:left; width:750px; } #basket-yourorder-container #table-container #wrapper-item #item-container {float:left; width:383px; border:0px solid purple;} #basket-yourorder-container #table-container #wrapper-item #item-container #item-img {float:left; width:80px; margin-right:8px; padding:0px; border:0px solid orange; } #basket-yourorder-container #table-container #wrapper-item #item-container #item-desc {float:left; width:290px; margin:0px; padding:0px; } #basket-yourorder-container #table-container #item-input {float:left; width:95px; border:0px solid yellow;} #basket-yourorder-container #table-container #item-input #update {float:left; width:80px; font-size:0.9em; text-align:top; border:0px solid blue;} #basket-yourorder-container #table-container #item-input #input-box {float:left; width:80px; font-size:0.9em; border:0px solid red;} #basket-yourorder-container #table-container #item-input #update img{float:left; width:10px; margin-right:4px; padding-top:2px;} #basket-yourorder-container #table-container #gift-input {float:left; width:65px; border:0px solid grey; } #basket-yourorder-container #table-container #item-price-input {float:left; width:95px; border:0px solid orange; } #basket-yourorder-container #table-container #subtotal-price-input {float:left; padding-left:10px; width:90px; font-weight:bold; border:0px solid red; } #basket-yourorder-container #table-container #divider-basket {float:left; width:750px; height:3px; border-bottom:1px solid #e9e9e9; margin-top:8px; margin-bottom:8px; } #basket-yourorder-container #total{float:left; width:745px; padding-right:10px; border:0px solid green; text-align:right; margin-top:20px; margin-bottom:20px; } #basket-yourorder-container #total .vat {font-size:1em; margin-bottom:4px; padding:0px;} #basket-yourorder-container #total .big-text{ font-size:1.3em; margin-top:10px; padding:0px;} #basket-yourorder-container #buttons-container {float:left; width:750px; border:0px solid red; } #basket-yourorder-container #buttons-container #continue-securely {float:right; border:0px solid red;} #basket-yourorder-container #buttons-container #continue-shopping {float:left; border:0px solid red; width:250px; } /* -- PRODUCT PAGE ----*/ #shop-product-container { float:left; width:980px; margin:0px; padding:0px;} #shop-product-container #shop-product-container-left {float:left; margin:0px; padding:0px; width:520px; } #shop-product-container #shop-product-container-right {float:right; margin:0px; padding:0px; width:450px; border:0px solid blue; } #shop-product-container #gallery-images {float:left; border:0px solid orange; with:550px;} #shop-product-container #gallery-tabs {float:left; border:1px solid pink; position:relative; } #gallery-product-main{width: 520px; background: #f8f8f8;overflow:hidden; padding-bottom:20px;} #gallery-product-main div img#main-image{border: 1px solid black; width:500px; margin-left:10px;} #gallery-product-main div h4#main-text{margin:10px 0px 10px 10px;} ul#gallery-product-list{list-style-type:none; margin-left:10px;} ul#gallery-product-list li img{float:left; width:100px; height:100px; cursor:pointer;} ul#gallery-product-list li{float:left; width:100px;height:100px;border: 1px solid black;} ul#gallery-product-list li div.div-over{background:white; width:100px; height:100px;position:absolute; opacity: 0.8; filter:alpha(opacity=80); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; display:none;} ul#gallery-product-list li div.hidden{display:none;} #gallery-product {float:left; width:520px; border:1px solid #ddd; background:#f8f8f8; border:0px solid green; } #gallery-product ul#product-gallery {float:left; list-style:none; padding:5px; width:550px; float:left; margin-top:550px; overflow:auto; margin-left:0px;} #gallery-product ul#product-gallery li#product-gallery {display:inline; width:100px; height:100px; float:left; margin:0 0px 0px 0; border:1px solid #444; cursor:pointer;} #gallery-product ul#product-gallery li#product-gallery img {display:block; width:100px; height:100px;} #gallery-product ul#product-gallery li#product-gallery span {display:none; position:absolute; left:10px; top:585px; width:500px;font-family:verdana, arial, sans-serif; color:#06a; font-size:11px; line-height:15px; text-align:justify;} #gallery-product ul#product-gallery li#product-gallery span b {color:#444;} /* required for IE5.x and IE6 to display the start image size correctly */ #gallery-product ul#product-gallery li#product-gallery.click i img.default { margin:5px auto 0 auto; width:500px; height:500px; border:1px solid grey;} #gallery-product ul#product-gallery li#product-gallery.off {display:none;} #gallery-product ul#product-gallery li#product-gallery.click {border-color:#fc0; background:#f8f8f8; cursor:default; } #gallery-product ul#product-gallery li#product-gallery.click i {position:absolute; left:0; top:0; width:500px; height:500px; margin-top:80px; margin-left:8px;} #gallery-product ul#product-gallery li#product-gallery.click i img {margin:5px auto 0 auto; width:auto; height:auto; border:1px solid grey; } #gallery-product ul#product-gallery li#product-gallery.click span {display:block;} #shop-product-container #shop-image-container { float:left; border:0px solid blue; width:520px; margin:0px; padding:0px;} #shop-product-container #shop-buy-container {float:right; width:420px; border:1px solid orange; margin-right:15px; padding:0px; background:#f1f1f1; border:1px solid #dddddd; margin-bottom:8px;} #shop-product-container #shop-product-container-right #shop-price-container {float:left; width:390px; margin:15px; padding:0px; border:0px solid blue;} #shop-product-container #shop-product-container-right #shop-price-container #price{ float:left; border:0px solid blue; width:270px; margin:0px; padding:0px;} #shop-product-container #shop-product-container-right #shop-price-container #price .inc-vat{float:left; border:0px solid blue; margin-left:5px; padding:0px;} #shop-product-container #shop-product-container-right #shop-price-container #price .price-big{float:left; color:#970d00; border:0px solid blue; font-size:1.5em; margin:0px; padding:0px;} #shop-product-container #shop-product-container-right #shop-price-container #price .price-bigsale{float:left; width:360px; border:0px solid blue; font-size:1em; margin-bottom:4px; padding:0px; font-weight:bold;} #shop-product-container #shop-product-container-right #shop-price-container #change-currency { float:right; width:90px; margin:0px; padding:0px; font-size:0.8em;} #shop-product-container #shop-product-container-right #shop-price-container #stars {float:left; width:360px; margin-top:8px; border:0px solid blue; } #shop-product-container #shop-product-container-right #shop-price-container #divide {float:left; width:390px; height:3px; margin-top:8px; margin-bottom:0px; border:0px solid green; } #shop-product-container #shop-product-container-right #shop-price-container #product-code {float:left; width:360px; margin:0px; } #shop-product-container #shop-product-container-right #social-container {float:left; width:390px; margin:0px; } #shop-product-container #shop-product-container-right #shop-varient-container {float:left; width:390px; margin:0px; border:0px solid orange; } #shop-product-container #shop-product-container-right #shop-varient-container #drop-varient {float:left; width:370px; margin-bottom:8px; padding:10px; background:#e9e0e0; } #shop-product-container #shop-product-container-right #shop-varient-container #drop-varient #drp{ float:left; margin-left:5px; padding:0px; min-width: 270px;} #shop-product-container #shop-product-container-right #shop-varient-container #drop-varient #first-varient{float:left; font-weight:bold; margin-top:0px; font-size:1.1em; border:0px solid orange; padding:0px;} #shop-product-container #shop-product-container-right #shop-varient-container #drop-varient #tartan-drop {width:300px;} #shop-product-container #shop-product-container-right #shop-varient-container #drop-varient #swatch {float:left; margin-top:8px; margin-left:0px; padding:6px; background:#f1f1f1; border:1px solid white; width:100px; } #shop-product-container #shop-product-container-right #shop-varient-container #quantity {float:left; width:370px; background:#e9e0e0; padding:10px;} #shop-product-container #shop-product-container-right #shop-varient-container #quantity #drp{ float:left; margin-left:5px; padding:0px;} #shop-product-container #shop-product-container-right #shop-varient-container #quantity #first-varient{float:left; font-weight:bold; margin-top:0px; font-size:1.1em; border:0px solid orange; padding:0px;} #shop-product-container #shop-product-container-right #shop-varient-container #quantity #add-basket{float:left; margin-top:10px; width:370px;} #shop-product-container #shop-product-container-right #shop-varient-container #size-measure {float:right; border:0px solid orange; font-size:0.9em;} #shop-product-container #shop-product-container-right #shop-buy-container #order-phone-container {float:left; margin-top:0px; width:370px; border:0px solid pink; padding:8px;} #shop-product-container #shop-product-container-right .order-phone-title {font-size:1.2em; border:0px solid orange; padding:8px; } #shop-product-container #shop-product-container-right #shop-buy-container #order-phone-container #order-phone-container-left{float:left; margin-top:0px; width:160px; border:0px solid blue; font-size:1.2em;} #shop-product-container #shop-product-container-right #shop-buy-container #order-phone-container #order-phone-container-left img{float:left; margin-right:8px; margin-bottom:10px;} #shop-product-container #shop-product-container-right #shop-buy-container #order-phone-container #order-phone-container-right{float:right; margin-top:0px; width:160px; border:0px solid pink; font-size:1.2em;} #shop-product-container #shop-product-container-right #shop-buy-container #order-phone-container #order-phone-container-right img{float:left; margin-right:8px; margin-bottom:10px;} #shop-product-container #shop-product-container-right #shop-buy-container #delivery-container {float:left; border:0px solid orange; padding:8px; width:380px;} #shop-product-container #shop-product-container-right #shop-buy-container #delivery-container .title {font-size:1.3em;} #shop-product-container #shop-product-container-right #shop-buy-container #delivery-container #delivery {float:left; width:390px;} #shop-product-container #shop-product-container-right #shop-buy-container #delivery-container #delivery #delivery-img {float:left; width:60px; margin-right:8px;} #shop-product-container #shop-product-container-right #shop-buy-container #delivery-container #delivery #delivery-desc {float:right; width:300px; margin:0px;} #shop-product-container #shop-product-container-right #shop-buy-container #delivery-container #how-long {float:left; margin-top:0px; width:370px; } #shop-product-container #shop-product-container-right #shop-buy-container #related-container {float:left; border:0px solid orange; padding:8px;} #shop-product-container #shop-product-container-right #shop-buy-container #related-container ul#related-products {float:left; margin:0px, padding:0px, width:370px; list-style:none; display:inline;} #shop-product-container #shop-product-container-right #shop-buy-container #related-container ul#related-products li{float:left; padding: 0px; list-style:none; width:182px; margin-right:6px; margin-bottom:8px; height:270px; border:0px solid pink;} #shop-product-container #shop-product-container-right #shop-buy-container #related-container ul#related-products #listing-title { text-align: center; font-size:1.1em; width:182px; } #shop-product-container #shop-product-container-right #shop-buy-container #related-container ul#related-products #sale-price { text-align: center; color:#3e4545; font-size:1em; width:182px; line-height:1.2em; font-weight:bold; margin-top:2px; text-decoration: line-through;} #shop-product-container #shop-product-container-right #shop-buy-container #related-container ul#related-products #listing-price { text-align: center; color:red; font-size:1em; width:182px; line-height:1.2em; font-weight:bold; margin-top:2px;} #shop-product-container #shop-product-container-right #shop-buy-container #related-container ul#related-products #listing-link { text-align: center; font-size:.95em; width:182px; line-height:1.2em;} #terms-container {background: #fff; padding:7px; float-left;} /* -- THANKYOU, SET PASSWORD --*/ #thankyou-container {float:left; background: #dfebf0; padding:8px; } #thankyou-container #info {float:left; border:0px solid white; } #thankyou-container #password-wrapper {float:left; width:650px; margin-bottom:8px;} #thankyou-container #password-wrapper #left {float:left; width:150px; text-align:right; font-weight:bold; margin-right:4px;} #thankyou-container #password-wrapper #right {float:right; width:300px; text-align:left; border:0px solid yellow; margin-right:190px;} #thankyou-container #but {float:left; margin-left:46px; margin-top:15px; margin-bottom:15px; border:0px solid yellow; width:500px; } .shop-side-head {color: blue; font-weight:bold; margin-top:0px;} .shop-side-price {color: red; font-weight:bold; margin-top:0px;} #basic-info { background: #dfebf0; padding:7px; float-left; margin-top:2px; } /* --SHOP HOME - 3 cols of products with rh sidebar -- */ #shop-scotclans-side {float:left; list-style:none; width:100%; margin:0px; } #shop-scotclans-side ul#shop-scotclans-side {margin:0px, padding:0px, width:100%; list-style:none; border:0px solid grey; display:inline; } #shop-scotclans-side li { float:left; padding: 0px; list-style:none; width:182px; margin-right:3px; margin-bottom:8px; height:250px; } #shop-scotclans-side li .product-title { text-align: center; font-size:1.2em; width:182px;} #shop-scotclans-side li img{margin-bottom:8px;} /* --SHOP product listing page - full page-- */ #product-scotclans-side {float:left; list-style:none; width:100%; margin:0px; } #product-scotclans-side ul#product-scotclans-side {margin:0px, padding:0px, width:100%; list-style:none; border:0px solid grey; display:inline; } ul#product-scotclans-side .tartan-bit { margin:0px; padding:0px; width:100%; border:1px solid grey;} #product-scotclans-side li { float:left; padding: 0px; list-style:none; width:115px; margin-right:70px; margin-bottom:15px; height: 210px; } #product-scotclans-side li .listing-title { text-align: center; margin-top:0px; font-size:1em; width:130px; line-height:1.2em; font-weight:bold;} #product-scotclans-side li .listing-price { text-align: center; color:red; font-size:.9em; width:130px; line-height:1.2em; font-weight:bold; margin-top:2px;} #product-scotclans-side li .sale-price { text-align: center; color:#3e4545; font-size:.9em; width:130px; line-height:1.2em; font-weight:bold; margin-top:2px; text-decoration: line-through; } #product-scotclans-side li .listing-link { text-align: center; font-size:.95em; width:130px; line-height:1.2em;} #product-scotclans-side li img{margin-bottom:4px; margin-top:2px;} #product-listing { float:right; width:750px;} /* --SHOP product listing page - full page-- */ #product-tartans-side {float:left; list-style:none; width:100%; margin:0px; } #product-tartans-side ul#product-scotclans-side {margin:0px, padding:0px, width:100%; list-style:none; border:0px solid grey; display:inline; } ul#product-tartans-side .tartan-bit { margin:0px; padding:0px; width:100%; border:1px solid grey;} #product-tartans-side li { float:left; padding: 0px; list-style:none; width:115px; margin-right:70px; margin-bottom:15px; } #product-tartans-side li .listing-title { text-align: center; margin-top:0px; font-size:1em; width:130px; line-height:1.2em; font-weight:bold;} #product-tartans-side li .listing-price { text-align: center; color:red; font-size:.9em; width:130px; line-height:1.2em; font-weight:bold; margin-top:2px;} #product-tartans-side li .sale-price { text-align: center; color:#3e4545; font-size:.9em; width:130px; line-height:1.2em; font-weight:bold; margin-top:2px; text-decoration: line-through; } #product-tartans-side li .listing-link { text-align: center; font-size:.95em; width:130px; line-height:1.2em;} #product-tartans-side li img{margin-bottom:4px; margin-top:2px;} #sorter { float:left; width:750px; height:28px; background: url('/wp-content/uploads/2013/12/back-sorter.jpg') #e4f3f6; margin-bottom:16px;} #sorter a{text-decoration:underline;} #sorter #sortby { float:left; margin-left:2px; padding-top:4px;} #sorter #sortby #sortby-left{ float:left; } #sorter #sortby #sortby-right{ float:left; margin-left:8px; } #sorter #viewing {float:right;} #sorter #viewing #viewing-all {float:left; margin-top:4px; margin-right:20px;} #sorter #viewing #viewing-pagination {float:left; margin-right:8px; } #sorter #viewing #viewing-pagination ul#pagination { list-style:none; border:0px solid grey; display:inline; } #sorter #viewing #viewing-pagination ul#pagination li{ float:left; padding: 0px 5px 0px 5px; margin-right:12px; margin-top:4px; margin-bottom:3px; border:0px solid grey; list-style:none; background: transparent; display:inline; } #sorter #viewing #viewing-pagination ul#pagination li a{text-decoration:underline;} #sorter #viewing #viewing-pagination ul#pagination li#inactive {float:left; padding: 0px 5px 0px 5px; margin-right:12px; margin-top:4px; margin-bottom:3px; border:1px solid grey; list-style:none; background: white; color:#9ac7ef; display:inline; } #sorter #viewing #viewing-pagination ul#pagination li#active {float:left; padding: 0px 5px 0px 5px; margin-right:12px; margin-top:4px; margin-bottom:3px; border:1px solid grey; text-decoration:none; background: white; color:#0056aa; font-weight:bold; display:inline; } #sorter #viewing #viewing-pagination ul#pagination li#active {float:left; padding: 0px 5px 0px 5px; margin-right:12px; margin-top:4px; margin-bottom:3px; border:1px solid grey; text-decoration:none; background: white; color:#0056aa; font-weight:bold; display:inline; } #sorter #viewing #viewing-pagination ul#pagination li#active a{text-decoration:none;} #sorter #viewing #viewing-pagination ul#pagination li#dots {float:left; padding: 0px 5px 0px 5px; margin-right:0px; margin-left:-10px; margin-top:4px; margin-bottom:3px; border:0px solid grey; list-style:none; background: transparent; color:grey; display:inline; } #home-sc-blocks0{ float:left; list-style:none; width:580px; margin:0px auto 0px auto; padding:0px 0px 0px 0px; border:0px solid grey;} #home-sc-blocks0 #history-block {float:left; width:275px; height:381px; background: url('/wp-content/uploads/2014/08/kilt-banners.jpg') no-repeat; } #home-sc-blocks0 #history-block #content {float:left; width:255px; padding:5px; width:250px; margin-top:170px; margin-left:7px; margin-right:14px;} #home-sc-blocks0 #history-block0 {float:left; width:275px; height:381px; background: url('/wp-content/uploads/2014/08/mens-banners.jpg') no-repeat; } #home-sc-blocks0 #history-block0 #content {float:left; width:255px; padding:5px; width:250px; margin-top:170px; margin-left:7px; margin-right:14px;} #home-sc-blocks0 #history-block00 {float:left; width:275px; height:381px; background: url('/wp-content/uploads/2014/08/ladies-banners.jpg') no-repeat; } #home-sc-blocks0 #history-block00 #content {float:left; width:255px; padding:5px; width:250px; margin-top:170px; margin-left:7px; margin-right:14px;} #home-sc-blocks0 #history-block000 {float:left; width:275px; height:381px; background: url('/wp-content/uploads/2014/08/ring-banners.jpg') no-repeat; } #home-sc-blocks0 #history-block000 #content {float:left; width:255px; padding:5px; width:250px; margin-top:170px; margin-left:7px; margin-right:14px;} #home-sc-blocks0 #history-block0000 {float:left; width:275px; height:381px; background: url('/wp-content/uploads/2014/08/shoe-banners.jpg') no-repeat; } #home-sc-blocks0 #history-block0000 #content {float:left; width:255px; padding:5px; width:250px; margin-top:170px; margin-left:7px; margin-right:14px;} #home-sc-blocks{ float:left; list-style:none; width:580px; margin:0px auto 0px auto; padding:0px 0px 0px 0px; border:0px solid grey;} #home-sc-blocks #first-block {float:left; width:275px; height:381px; background: url('/wp-content/uploads/2015/08/back-tartans.jpg') no-repeat; } #home-sc-blocks #second-block {float:left; width:275px; height:381px; background: url('/wp-content/uploads/2014/08/back-whats2.jpg') no-repeat; } #home-sc-blocks #third-block {float:left; width:275px; height:381px; background: url('/wp-content/uploads/2014/08/back-tartan1.jpg'); } #home-sc-blocks #fourth-block {float:left; width:275px; height:381px; background: url('/wp-content/uploads/2014/08/back-map1.jpg') no-repeat; } #home-sc-blocks #first-block #content {float:left; width:250px; margin-top:170px; margin-left:14px; margin-right:14px; } #home-sc-blocks #second-block #content {float:left; width:250px; margin-top:170px; margin-left:14px; margin-right:14px; } #home-sc-blocks #third-block #content {float:left; width:250px; margin-top:170px; margin-left:14px; margin-right:14px; } #home-sc-blocks #fourth-block #content {float:left; width:250px; margin-top:170px; margin-left:14px; margin-right:14px; } #home-sc-blocks #history-block {float:left; width:275px; height:381px; background: url('/wp-content/uploads/2014/08/back-history.jpg') no-repeat; } #home-sc-blocks #myths-block {float:left; width:275px; height:381px; background: url('/wp-content/uploads/2014/08/back-myths1.jpg') no-repeat; } #home-sc-blocks #articles-block {float:left; width:275px; height:381px; background: url('/wp-content/uploads/2015/04/back-kings.jpg'); } #home-sc-blocks #galleries-block {float:left; width:275px; height:381px; background: url('/wp-content/uploads/2015/04/visit.jpg') no-repeat; } #home-sc-blocks #history-block #content {float:left; width:255px; padding:5px; width:250px; margin-top:170px; margin-left:7px; margin-right:14px;} #home-sc-blocks #myths-block #content {float:left; width:250px; margin-top:170px; margin-left:14px; margin-right:14px; } #home-sc-blocks #articles-block #content {float:left; width:250px; margin-top:170px; margin-left:14px; margin-right:14px; } #home-sc-blocks #galleries-block #content {float:left; width:250px; margin-top:170px; margin-left:14px; margin-right:14px; } #home-sc-blocks #ancestry-block {float:left; width:275px; height:381px; background: url('/wp-content/uploads/2014/08/back-tracing.jpg') no-repeat; } #home-sc-blocks #roots-block {float:left; width:275px; height:381px; background: url('/wp-content/uploads/2015/01/coa.jpg') no-repeat; } #home-sc-blocks #heraldry-block {float:left; width:275px; height:381px; background: url('/wp-content/uploads/2015/01/lands.jpg'); } #home-sc-blocks #dna-block {float:left; width:275px; height:381px; background: url('/wp-content/uploads/2015/01/books2.jpg') no-repeat; } #home-sc-blocks #ancestry-block #content {float:left; width:250px; margin-top:170px; margin-left:14px; margin-right:14px; } #home-sc-blocks #roots-block #content {float:left; width:250px; margin-top:170px; margin-left:14px; margin-right:14px; } #home-sc-blocks #heraldry-block #content {float:left; width:250px; margin-top:170px; margin-left:14px; margin-right:14px; } #home-sc-blocks #dna-block #content {float:left; width:250px; margin-top:170px; margin-left:14px; margin-right:14px; } #blocks-bottom{ float:left; list-style:none; width:550px; margin:0px auto 0px auto; padding:0px 0px 0px 0px; border:0px solid grey;} #home-sc-blocks #home-black {float:left; width:275px; } #home-banners-container{ float:left; padding-bottom:25px; width:100%; border-bottom:2px solid #333333; margin-bottom:20px;} #home-banners-left{ float:left; list-style:none; border:0px solid pink; margin-top:0px ; width:247px; height:359px; background: url('/wp-content/uploads/2015/08/back-clans.jpg'); padding:0px 0px 0px 0px; margin-bottom:0px; } #home-banners-left #leftcontent {width:227px; margin-top:162px; margin-left:10px;} #home-banners-middle{ float:left; list-style:none; border:0px solid pink; margin-top:0px ; margin-left:8px; width:247px; height:359px; background: url('/wp-content/uploads/2015/05/hannay-back.jpg'); padding:0px 0px 0px 0px; margin-bottom:0px; } #home-banners-middle #middlecontent {width:227px; margin-top:162px; margin-left:10px;} #home-banners-right{ float:left; list-style:none; border:0px solid pink; margin-top:0px; margin-left:8px; margin-bottom:0px; width:247px; height:359px; background: url('/wp-content/uploads/2014/08/kindle.jpg'); padding:0px 0px 0px 0px; } #home-banners-right #rightcontent {width:227px; margin-top:162px; margin-left:10px;} #home-subscribe {float:left; list-style:none; border:0px solid grey; margin-top:20px; background: url('/wp-content/uploads/2015/04/back-email1.jpg') bottom right #455f9a no-repeat; padding-left:20px; padding-top:20px; padding-bottom:20px; padding-right:200px; width:550px; color: #29282d; font-weight:bold; margin-bottom:50px; } #home-subscribe form input[type="text"] {color:black; font-size: 1em; line-height: .5; font-weight: normal; font-family: inherit; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:300px; } #home-subscribe input.signup_name{ color:black; font-size: 1em; line-height: .5; font-weight: normal; font-family: inherit; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:200px; } #main-subscribe {float:left; list-style:none; border:0px solid grey; margin-top:20px; margin-bottom:20px; background: url('/wp-content/uploads/2014/08/thistle.jpg') bottom right #455f9a no-repeat; padding-left:20px; padding-top:20px; padding-bottom:20px; padding-right:130px; width:400px; color: #29282d; font-weight:bold; } #main-subscribe form input[type="text"] {color:black; font-size: 1em; line-height: .5; font-weight: normal; font-family: inherit; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:300px; } #main-subscribe input.signup_name{ color:black; font-size: 1em; line-height: .5; font-weight: normal; font-family: inherit; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:200px; } /* --MENU-SCOTCLANS -- */ #menu-scotclans-side { float:left; list-style:none; width:250px; margin:0px auto 0px auto; padding:0px 0px 0px 0px; } #menu-scotclans-side ul#menu-scotclans-side {margin:0px, padding:0px, list-style:none; border:0px solid grey; } #menu-scotclans-side li { float:left; padding: 4px 5px 4px 5px; margin-right:0px; margin-top:2px; border-bottom:1px solid grey; list-style:none; width:100%; background: #dcc101; } #menu-scotclans-side li#selected { float:left; padding: 4px 5px 4px 5px; margin-right:0px; margin-top:2px; border-bottom:1px solid grey; list-style:none; width:100%; background: #0055a7; color: white; } #menu-scotclans-side li#selected a{ color: white; } #menu-scotclans-side li#subnav { float:left; padding: 4px 5px 4px 5px; margin-right:0px; margin-top:2px; border-bottom:1px solid grey; list-style:none; width:100%; background: #99c8ec; color: white; } #menu-scotclans-side li#level3 { float:left; padding: 4px 5px 4px 5px; margin-right:0px; margin-top:2px; border-bottom:1px solid grey; list-style:none; width:100%; background: #ede4f4; color: #7e6791; } #menu-scotclans-side li#subnav a{ color: #0055a7; } #menu-scotclans-side li#level3 a{ color: #7e6791; } #menu-scotclans-side li#subnav-selected { float:left; padding: 4px 5px 4px 5px; margin-right:0px; margin-top:2px; border-bottom:1px solid grey; list-style:none; width:100%; background: #58a2e3; color: #bbd7ed; } #menu-scotclans-side li#subnav-selected a{ color: #bbd7ed; } #menu-scotclans-side li#level3-selected { float:left; padding: 4px 5px 4px 5px; margin-right:0px; margin-top:2px; border-bottom:1px solid grey; list-style:none; width:100%; background: #cfb8e2; color: #cfe2f5; } #menu-scotclans-side li#level3-selected a{ color: #977fab; } #menu-scotclans-side li#drop-closed { float:left; padding: 4px 5px 4px 5px; margin-right:0px; margin-top:2px; border-bottom:1px solid grey; list-style:none; width:100%; background: url('/wp-content/uploads/2013/12/arrow-yellow.jpg') no-repeat #dcc101; color: white; } #menu-scotclans-side li#drop-open { float:left; padding: 4px 5px 4px 5px; margin-right:0px; margin-top:2px; border-bottom:1px solid grey; list-style:none; width:100%; background: url('/wp-content/uploads/2013/12/arrow-blue.jpg') no-repeat #0055a7; color: white; } #menu-scotclans-side li#drop-open a{ color: white; } #menu-scotclans-side li#level3-closed { float:left; padding: 4px 5px 4px 5px; margin-right:0px; margin-top:2px; border-bottom:1px solid grey; list-style:none; width:100%; background: url('/wp-content/uploads/2013/12/level3.jpg') no-repeat #0055aa; color: #0055aa; } #menu-scotclans-side li#level3-closed a{ color: #0055aa; } #menu-scotclans-side li#level3-open { float:left; padding: 4px 5px 4px 5px; margin-right:0px; margin-top:2px; border-bottom:1px solid grey; list-style:none; width:100%; background: url('/wp-content/uploads/2015/01/lev3.png') no-repeat #7d78a4; color: #ede4f4; } #menu-scotclans-side li#level3-open a{ color: #ede4f4; } #menu-scotclans li:hover { border: 1px solid #bfbdb7; padding: 4px 5px 4px 5px; /* Background color and gradients */ background: #a960bd; } #menu-scotclans .menu-selected { border: 1px solid #bfbdb7; padding: 4px 5px 4px 5px; background: #a960bd; } /* --MENU-SCOTCLANS BIG DROP DOWN MENU -- */ #menu-scotclans { list-style:none; width:100%; margin:0px auto 0px auto; height:36px; padding:0px 10px 0px 10px; background: #1b3d7e; border: 0px solid #bfbdb7; -moz-box-shadow:inset 0px 0px 1px #edf9ff; -webkit-box-shadow:inset 0px 0px 1px #edf9ff; box-shadow:inset 0px 0px 1px #edf9ff; } #menu-scotclans li { float:left; text-align:center; position:relative; padding: 5px 1px 9px 15px; margin-right:0px; margin-top:2px; border-right:1px solid #000; border-left:1px solid #1b3d7e; border-top:0px solid #1b3d7e; border-bottom:0px solid #1b3d7e; list-style:none; color: white; } #menu-scotclans li:hover { border-left:1px solid #1b3d7e; padding: 5px 1px 9px 15px; display:block; /* Background color and gradients */ background: a960bd; border-right:1px solid #1b3d7e; border-top:0px solid #1b3d7e; border-bottom:0px solid #1b3d7e; } #menu-scotclans li a { font-family:Arial, Helvetica, sans-serif; font-size:1.1em; color: #fff; display:block; outline:0; text-decoration:none; font-weight:normal; } #menu-scotclans li .drop { padding-right:15px; } /* Drop Down */ .dropdown_1column, .dropdown_2columns, .dropdown_3columns, .dropdown_4columns, .dropdown_5columns { margin:4px auto; float:left; position:absolute; left:-999em; /* Hides the drop down */ text-align:left; padding:10px 5px 10px 5px; border:1px solid #bfbdb7; border-top:none; /* Rounded Corners */ -moz-border-radius: 0px 5px 5px 5px; -webkit-border-radius: 0px 5px 5px 5px; border-radius: 0px 5px 5px 5px; } .dropdown_1column {width: 180px; } .dropdown_2columns { width: 210px; margin-left:-150px;} .dropdown_3columns {width: 560px; margin-left:0px;} .dropdown_4columns {width: 795px; } .dropdown_5columns {width: 960px; margin-left:100px;} .dropdown_home {width: 180px; border:1px solid red; margin-left:100px;} .dropdown_scottish-clans {width: 560px; border:1px solid red; font-weight:bold; } .dropdown_shop {width: 960px; margin-left:50px; border:1px solid red; font-weight:bold; } .dropdown_ancestral {width: 560px; margin-left:-200px; border:1px solid red; font-weight:bold; } .dropdown_tracing {width: 620px; margin-left:-250px; border:1px solid red; font-weight:bold; } .dropdown_more {width: 380px; border:1px solid red;font-weight:bold; } .dropdown_home { margin:9px auto 0px 0px; float:left; position:absolute; left:-999em; /* Hides the drop down */ text-align:left; padding:10px 5px 10px 5px; border:1px solid #bfbdb7; border-top:none; /* Gradient background */ background:#FFF; /* Rounded Corners */ -moz-border-radius: 0px 5px 5px 5px; -webkit-border-radius: 0px 5px 5px 5px; border-radius: 0px 5px 5px 5px; } .dropdown_scottish-clans{ float:left; margin-top: 9px; position:absolute; left:-999em; /* Hides the drop down */ text-align:left; padding:10px 5px 10px 5px; border:1px solid #bfbdb7; border-top:none; /* Gradient background */ background:#fff; /* Rounded Corners */ -moz-border-radius: 0px 5px 5px 5px; -webkit-border-radius: 0px 5px 5px 5px; border-radius: 0px 5px 5px 5px; } .mainnav-block a{background:pink; color:purple;} .mainnav-block a:hover{background:orange; } .dropdown_shop{ margin-left: 0px; margin-top: 9px; float:left; position:absolute; left:-999em; /* Hides the drop down */ text-align:left; padding:10px 5px 10px 5px; border:1px solid #bfbdb7; border-top:none; /* Gradient background */ background:#fff; /* Rounded Corners */ -moz-border-radius: 0px 5px 5px 5px; -webkit-border-radius: 0px 5px 5px 5px; border-radius: 0px 5px 5px 5px; } .dropdown_ancestral { margin-left: -200px; margin-top: 9px; float:left; position:absolute; left:-999em; /* Hides the drop down */ text-align:left; padding:10px 5px 10px 5px; border:1px solid #bfbdb7; border-top:none; /* Gradient background */ background:#FFF; /* Rounded Corners */ -moz-border-radius: 0px 5px 5px 5px; -webkit-border-radius: 0px 5px 5px 5px; border-radius: 0px 5px 5px 5px; } .dropdown_tracing { margin-left: -250px; margin-top: 9px; float:left; position:absolute; left:-999em; /* Hides the drop down */ text-align:left; padding:10px 5px 10px 5px; border:1px solid #bfbdb7; border-top:none; /* Gradient background */ background:#FFF; /* Rounded Corners */ -moz-border-radius: 0px 5px 5px 5px; -webkit-border-radius: 0px 5px 5px 5px; border-radius: 0px 5px 5px 5px; } .dropdown_more { margin-left: -260px; margin-top: 9px; float:left; position:absolute; left:-999em; /* Hides the drop down */ text-align:left; padding:15px 5px 10px 5px; border:1px solid #bfbdb7; border-top:none; /* Gradient background */ background:#FFF; /* Rounded Corners */ -moz-border-radius: 0px 5px 5px 5px; -webkit-border-radius: 0px 5px 5px 5px; border-radius: 0px 5px 5px 5px; } #menu-scotclans li div{ z-index: 999999; } #menu-scotclans li:hover .dropdown_home, #menu-scotclans li:hover .dropdown_scottish-clans, #menu-scotclans li:hover .dropdown_shop, #menu-scotclans li:hover .dropdown_ancestral, #menu-scotclans li:hover .dropdown_tracing, #menu-scotclans li:hover .dropdown_more { left:-1px; top:auto; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f3f9fd), color-stop(1, #c5e2fa) ); background:-moz-linear-gradient( center top, #f3f9fd 5%, #c5e2fa 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5e2fa', endColorstr='#c5e2fa'); background-color:#f3f9fd; padding-bottom: 15px; } #menu-scotclans li:hover .dropdown_1column, #menu-scotclans li:hover .dropdown_2columns, #menu-scotclans li:hover .dropdown_3columns, #menu-scotclans li:hover .dropdown_4columns, #menu-scotclans li:hover .dropdown_5columns { color: pink; left:-1px; top:auto; } /* Columns */ .col_1, .col_2, .col_3, .col_4, .col_5 { display:inline; float: left; position: relative; margin-left: 15px; margin-right: 5px; } .col_1 {width:160px;} .col_2 {width:175px; border:0px solid pink; margin:0px; padding:0px;} .col_3 {width:550px;} .col_4 {width:760px; border:0px solid red;} .col_5 {width:930px;} /* Right alignment */ #menu-scotclans .menu_right { float:rightright; margin-right:0px; } #menu-scotclans li .align_right { /* Rounded Corners */ -moz-border-radius: 5px 0px 5px 5px; -webkit-border-radius: 5px 0px 5px 5px; border-radius: 5px 0px 5px 5px; } #menu-scotclans li:hover .align_right { left:auto; rightright:-1px; top:auto; } /* Drop Down Content Stylings */ #menu-scotclans p, #menu h2, #menu h3, #menu ul li { float:left; } #menu-scotclans h3 {float:left; colour:#ba315d; font-size:.95em; margin-left:15px; margin-top:10px; padding:0px; font-weight:bold; width: 140px; border-bottom:1px dashed #ba315d; line-height: 120%; } #menu-scotclans h3 a{color:#ba315d; font-weight:bold; font-size:1.1em; } #menu-scotclans h3 a:hover {color:#0084ff;} #menu-scotclans h4 {float:left; colour:#ba315d; font-size:.95em; margin-left:15px; margin-top:10px; padding:0px; font-weight:bold; width: 140px; border-bottom:0px dashed #ba315d; line-height: 120%; } #menu-scotclans h4 a{color:#ba315d; font-weight:bold; font-size:1.1em; } #menu-scotclans h4 a:hover {color:#0084ff;} .strong { font-weight:bold; } .italic { font-style:italic; } .imgshadow { background:#FFFFFF; padding:4px; border:1px solid #777777; margin-top:5px; -moz-box-shadow:0px 0px 5px #666666; -webkit-box-shadow:0px 0px 5px #666666; box-shadow:0px 0px 5px #666666; } .img_left { /* Image sticks to the left */ width:auto; float:left; margin:5px 15px 5px 5px; } /* Drop Down Elements - the nav rollovers etc */ #menu-scotclans li ul { border:0px solid orange; list-style:none; padding-top:5; margin:0 0 5px 0px; } #menu-scotclans li ul li{ font-size: 12px; width:160px; text-align:left; display:block; margin-bottom:2px; margin-left:10px; padding:4px; border:0px solid orange; } #menu-scotclans li ul li a{color:#143372;} #menu-scotclans li ul li a:hover{color:white;} #menu-scotclans li ul li:hover{ margin-left:10px; background:#a960bd; text-align:left; display:block; margin-bottom:2px; padding:4px; border:0px solid orange; color:white; } #scotclans-header { border-top:1px solid #e2dfd7; width:1000px; margin-top:-20px; padding:0px; background:} #scotclans-logo { border:0px solid blue; width:400px; margin-left:10px; margin-bottom:5px; padding:0px;} #scotclans-sml-menu { position:absolute; left:655px; top:-5px; border:1px solid #f7f4ec; height:25px; background:#f7f4ec; z-index: 999; overflow: hidden; visibility: visible; display: block; border-bottom:1px solid #e2dfd7; border-left:1px solid #e2dfd7; border-right:0px solid #e2dfd7; width:400px;} #scotclans-sml-menu ul#little-top { float:left; height:120px; margin:0px; padding:0px; width:400px;} #scotclans-sml-menu ul#little-top li {float:left; display:inline; display:block; width:50px; height:120px; border-right:1px solid #e2dfd7;} #scotclans-sml-menu ul#little-top li a{} #scotclans-sml-menu ul#little-top li#log-in {float:left; display:inline; display:block; margin-left:7px; width:40px; height:120px; border-right:1px solid #e2dfd7;} #scotclans-sml-menu ul#little-top li#sign-in {float:left; display:inline; display:block; margin-left:7px; width:75px; height:120px; border-right:1px solid #e2dfd7;} #scotclans-sml-menu ul#little-top li#site-map {float:left; display:inline; display:block; width:50px; margin-left:7px; height:120px; border-right:1px solid #e2dfd7;} #scotclans-sml-menu ul#little-top li#service {float:left; display:inline; display:block; width:55px; margin-left:7px; height:120px; border-right:1px solid #e2dfd7;} #scotclans-sml-menu ul#little-top li#contact {float:left; display:inline; display:block; width:65px; margin-left:7px; height:120px; border-right:0px solid #e2dfd7;} #scotclans-currency { position: relative; left:400px; top:5px; border:0px solid green; width:400px;} #drop {position:absolute; left:400px; top:5px; width:220px; border:0px solid green;} #flags {position:absolute; left:610px; top:5px; width:30px; border:0px solid orange;} #scotclans-top { position:absolute; z-index:500; top:0px; /* set top value */ left:-10px; /* set left value */ width:1000px; /* set width value */ } #basket-container {position:absolute; left:670px; top:60px; width:300px; border:0px solid green;} #basket-container #yourbasket-wrap {float:left; border:1px solid #c43765; width:200px; margin-left:0px; background:#fff; height:27px; color:#c43765; font-size: 1.2em; padding-top:7px; } #basket-container .yourbasket{ color:#c43765; font-weight:bold; float:left; margin-left:4px; margin-right:3px; } #basket-container img {float:left; margin-left:6px; margin-top:2px;} #basket-container #checkout-but {float:right;} #scotclans-blue {background:#d7dee5; } #nav0 { font-family: Helvetica, Arial, "Lucida Grande", sans-serif; line-height: 1.5; margin: 50px auto; /*for display only*/ width: 200px; -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.2); -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.2); box-shadow: 2px 2px 5px rgba(0,0,0,0.2); } .menu-item, .menu-item-shop { background: #fff; width: 200px; } /*Menu Header Styles*/ .menu-item h4, .menu-item-shop h4 { border-bottom: 1px solid rgba(0,0,0,0.3); border-top: 1px solid rgba(255,255,255,0.2); color: #fff; font-size: 13px; font-weight: 500; padding: 7px 12px; /*Gradient*/ background: #a90329; /* Old browsers */ background: -moz-linear-gradient(top, #63b3f5 0%, #0148aa 44%, #6d0019 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #63b3f5 0%,#113f7e 44%,#0148aa 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #63b3f5 0%,#113f7e 44%,#0148aa 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #63b3f5 0%,#113f7e 44%,#0148aa 100%); /* IE10+ */ background: linear-gradient(top, #63b3f5 0%,#113f7e 44%,#0148aa 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63b3f5', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */ } .menu-item h4 a, .menu-item-shop h4 a { color: white; display: block; text-decoration: none; width: 200px; } .menu-item h4:hover, .menu-item-shop h4:hover { background: #cc002c; /* Old browsers */ background: -moz-linear-gradient(top, #92278f 0%, #5e155c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc002c), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #92278f 0%,#5e155c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #92278f 0%,#5e155c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #92278f 0%,#5e155c 100%); /* IE10+ */ background: linear-gradient(top, #92278f 0%,#5e155c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92278f', endColorstr='#5e155c',GradientType=0 ); /* IE6-9 */ } .alpha p { font-size: 12px; padding: 8px 12px; color: #aaa; } .menu-item ul, .menu-item-shop ul { background: #fff; font-size: 12px; line-height: 20px; list-style-type: none; overflow: hidden; padding: 0px; } .menu-item ul a, .menu-item-shop ul a { margin-left: 0px; text-decoration: none; color: #aaa; display: block; width: 200px; } /*li Styles*/ .menu-item li, .menu-item-shop li { border-bottom: 1px solid #eee; } .menu-item li:hover, .menu-item-shop li:hover { background: #eee; } .menu-item ul, .menu-item-shop ul { background: #fff; font-size: 12px; line-height: 20px; height: 0px; list-style-type: none; overflow: hidden; padding: 0px; /*Animation*/ -webkit-transition: height 1s ease; -moz-transition: height 1s ease; -o-transition: height 1s ease; -ms-transition: height 1s ease; transition: height 1s ease; } .menu-item:hover ul { height: 93px; } .menu-item-shop:hover ul { height: 280px; } #scotclans-menu {width:100%; border:0px solid blue; margin-bottom:50px;} /* -- 1. RESET BROWSER DEFAULTS ( http://meyerweb.com/eric/tools/css/reset/index.html ) -- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: inherit; vertical-align: baseline; } html { overflow-y: scroll; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; } /* Clearing floats */ .clear:after { clear: both; } .clear:before, .clear:after { display: table; content: ""; } /* Responsive images */ img { width: auto; max-width: 100%; display: block; } img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; } img.size-full, img.size-large, img.header-image, img.wp-post-image { max-width: 100%; height: auto; } /* Fit videos into parent containers */ embed, iframe, object, video { max-width: 100%; margin-bottom: 1.5em; } .entry-content .twitter-tweet-rendered { max-width: 100% !important; /* Override the Twitter embed fixed width */ } /* Form fields */ button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: 0; } select, button, input, textarea { font-size: 1em; line-height: 1.5; font-weight: normal; font-family: inherit; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } textarea { overflow: auto; vertical-align: top; } /* Reset non-text input types */ input[type="checkbox"], input[type="radio"], input[type="file"], input[type="hidden"], input[type="image"], input[type="color"] { border: 0; border-radius: 0; padding: 0; } button[disabled], input[disabled] { cursor: default; } /* Images */ .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { max-width: 100%; padding: 0.3333em; } .wp-caption .wp-caption-text, .gallery-caption, .entry-caption { font-style: italic; font-size: 1em; line-height: 1.5; color: #777; } img.wp-smiley, .rsswidget img { border: 0; margin: 0; padding: 0; display: inline; } .entry-content dl.gallery-item { margin: 0; } .gallery-item a, .gallery-caption { width: 90%; } .gallery-item a { display: block; } .gallery-caption a { display: inline; } .gallery-columns-1 .gallery-item a { max-width: 100%; width: auto; } .gallery .gallery-icon img { height: auto; max-width: 90%; padding: 5%; } .gallery-columns-1 .gallery-icon img { padding: 3%; } /* -- 2. TYPOGRAPHY -- */ body { font-size:12px; line-height:18px; font-family:Arial, Helvetica, sans-serif; text-align:center; color:#555; background:#f8f5ef; } body.is-stretched { background:#f8f5ef; border-top:2px solid #333 } body.no-border { border-top:none !important; } /* Headings */ h1, h2, h3, h4, h5, h6 { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#333 } h1 { font-size:26px; line-height:36px; margin-bottom:12px } h1.page-title { font-size:22px; line-height:27px; margin-bottom:18px } h2 { font-size:22px; line-height:27px; margin-bottom:9px } h3, .woocommerce-account h2, .woocommerce-cart h2, .woocommerce-page h2 { font-size:18px; line-height:27px; margin-bottom:9px } h3.white {font-size:18px; line-height:27px; margin-bottom:9px; color: white;} h4 { font-size:14px; line-height:21px; margin-bottom:15px } h5 { font-size:13px; line-height:18px; margin-bottom:9px } h6 { font-size:12px; line-height:18px; font-weight:bold; margin-bottom:0 } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#222; text-decoration:none } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { color:#000 } /* Links */ a { color:#336699; text-decoration:none; } a:hover { color:#eb6633; text-decoration:none } /* Text elements */ p { margin-bottom:18px } ul, ol { margin:0 0 18px 18px } ul { list-style:circle } ol { list-style-type:decimal } ol ol { list-style:upper-alpha } ol ol ol { list-style:lower-roman } ol ol ol ol { list-style:lower-alpha } ul ul, ol ol, ul ol, ol ul { margin-bottom:0 } dl { margin:0 0 18px 0 } dt { font-weight:bold } dd { margin:0 0 9px 18px } strong, b { font-weight:bold; color:#3a3a3a } cite, em, i { font-style:italic } pre { overflow:auto; font:11px/18px "Consolas", Courier New, Courier, monospace; color:#333; padding:4px 6px; background:#f9f9f9; margin:0 0 18px; border:1px solid #e5e5e5; white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-break:break-all; word-wrap:break-word } code, kbd, samp, var { font:11px "Consolas", Courier New, Courier, monospace } abbr, acronym, dfn { border-bottom:1px dotted #666; cursor:help } address { display:block; margin:0 0 18px } ins { background:#ffffdd; text-decoration:none; text-shadow:0 1px 0 rgba(255, 255, 255, 0.5) } sup, sub { font-size:10px; height:0; line-height:1; position:relative; vertical-align:baseline } sup { bottom:1ex } sub { top:.5ex } small, .small { font-size:11px; color:#8f8f8f; line-height:inherit } .big, big { font-size:14px; line-height:21px } blockquote, .pqleft, .pqright { font-family:Georgia, "Bitstream Charter", serif; font-weight:normal; padding:0 0 0 13px; margin:0 0 12px; color:#444; border-left:1px solid #e5e5e5 } blockquote em, blockquote i, blockquote cite { font-style:normal } blockquote cite { color:#666; font:12px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:300; letter-spacing:0.05em; text-transform: uppercase } hr { background-color:#e9e9e9; border:0; height:1px; margin-bottom:18px } table { margin:0 0 18px; width:100%; border-collapse:collapse } td, th { padding:8px 10px; border:1px solid #e5e5e5 } th { background-color:#f9f9f9; font-weight:bold; color:#3a3a3a } tfoot th { border-top:none } img { width:auto; max-width:100%; display:block } /* -- 3. STRUCTURE -- */ #container { position:relative; overflow:hidden; width:1000px; margin:20px auto 0px auto; text-align:left; background:#fff; border-left:1px solid #e2dfd7; border-right:1px solid #e2dfd7; border-bottom:1px solid #e2dfd7; } .wrap { position:relative; width:960px; margin:0 auto; text-align:left; } #header { position:relative; width:100% border-top:1px solid #e2dfd7; background: #fff; } #header .wrap { width:1000px; } #primary { position:relative; padding:0 0 20px; background:#fff; text-align:center; } #primary .wrap { width:980px; padding:20px 0 0; } #content, #content-grid { position:relative; float:left; width:764px; margin:165px 10px } #content-grid { width:784px; } #content-grid .breadcrumbs, #content-grid .wp-pagenavi, #content-grid .pagination, #content-grid .entry { margin-left:10px; margin-right:10px } #content.full-width { float:none; width:960px; margin:0 auto padding-top:100px; } #content.content-right, #content-grid.content-right { float:right } #sidebar { position:relative; float:right; color:#777; width:176px; margin:160px 10px 0 } #sidebar.sb-left { float:left } #secondary { position:relative; margin:0; padding:0; background:#f9f9f9; color:#777; text-align:center; border-top:1px solid #e9e9e9; text-shadow:0 1px 0 rgba(255, 255, 255, 0.5) } #secondary .wrap { padding:25px 20px 15px } #footer { position:relative; margin:0; text-align:center; background:#333; border-top:1px solid #222; border-top-color:rgba(0, 0, 0, 0.5) width:1000px; } #footer .wrap { padding:15px 20px 16px; margin:0 auto } /* Column Grids */ .full, .three_fourth, .half, .three_eighth, .two_third, .one_third, .two_third, .one_fourth, .one_fifth { position:relative; overflow:hidden; float:left; margin-bottom:3px; margin-right:20px } .full { clear:both; float:none; width:100%; margin-right:0 } .three_fourth { width:558px } .half { width:372px } .two_third { width:503px; margin-right:19px } .one_third { width:242px; margin-right:19px } .three_eighth { width:269px } .one_fourth { width:176px } .one_fifth { width:136px } /* Column Grids - Full Width */ .full-width .three_fourth { width:715px } .full-width .half { width:470px } .full-width .three_eighth { width:347px } .full-width .one_third { width:307px; margin-right:19px } .full-width .two_third { width:634px } .full-width .one_fourth { width:225px } .full-width .one_fifth, #secondary .one_fifth { width:176px } /* -- 4. HEADER -- */ /* Callout and WooCommerce Account Bar */ #utility { position:relative; width:960px; margin:20px auto 0; padding:0; z-index:9 } .is-stretched #utility { width:100%; margin-top:0; padding-top:20px; background:#fff; } #utility .wrap { width:960px; padding:0 } #callout { position:relative; float:left; width:auto; padding:10px 0; color:#555; background:#fff; border-top:1px solid #333; border-bottom:1px solid #333 } #account-bar { position:relative; float:right } ul.account-nav { position:relative; margin:0; padding:0; list-style:none; width:auto; color:#666 } ul.account-nav li { position:relative; float:left; margin:0; padding:0 } ul.account-nav li.welcome, ul.account-nav a { color:#666; text-decoration:none; display:block; padding:0 8px; margin:11px 0; border-right:1px solid #e0e0e0 } ul.account-nav li.welcome { padding-left:16px } ul.account-nav a:hover { color:#333 } ul.account-nav li.cart_status { border:none; margin:0; padding:0 } ul.account-nav li.cart_status a { font-size:11px; margin:0; color:#fff; background:#333; border:none; padding:2px; display:block; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } ul.account-nav li.cart_status a span.cart-label { float:left; display:inline-block; line-height:12px; padding:6px 9px 6px 8px; text-align:center } ul.account-nav li.cart_status a span.amount { padding:9px 10px; background:#fff; color:#333; font-weight:bold; font-size:14px; display:inline-block } ul.account-nav li.cart_status a:hover { background:#eb6633 } ul.account-nav li.cart_status a:hover span.amount { color:#eb6633 } ul.account-nav li a.log_in, ul.account-nav li a.log_out { border:none; padding-right:10px } /* Logo and Blog Name */ .brand { position:relative; overflow:hidden; float:left; width:auto; margin:0; padding:25px 0 25px 20px } .brand.right { float:right; padding-left:0; padding-right:20px } .brand.no-callout { padding-top:0; margin-top:-35px } .brand.right.no-callout { padding-top:25px; margin-top:0px } .brand h1 { margin:0 } .brand h2#site-description { font-size:12px; line-height:18px; margin-bottom:0; color:#777 } .brand img { display:block } .blogname { font-size:30px; margin-bottom:0 } .blogname a { color:#333 } .blogname a:hover { text-decoration:none } /* Header Widget Area */ .header-widget-area { position:relative; overflow:hidden; float:right; padding:0 20px 0 0; margin:25px 0 15px 0; width:460px; text-align:right; text-shadow:0 1px 0 rgba(255, 255, 255, 0.3) } .hwa_wrap { position:relative; overflow:hidden; display:block; margin-bottom:10px } .header-widget-area .hwa_wrap * { margin-bottom:0 } .header-widget-area.left { text-align:left; padding-right:0; padding-left:20px } .header-widget-area p, .header-widget-area small { margin-bottom:0; color:#777 } .header-widget-area img { display:block } /* Primary Navigation Menu */ .ss_nav { position:relative; width:960px; height:42px; margin:0 auto; text-align:center; background:#000; border-bottom:1px solid #e0e0e0; z-index:999; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } body.is-stretched .ss_nav { width:100%; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; } .ss_nav .wrap { width:960px; overflow:visible; height:42px } .nav1 { position:relative; list-style:none; margin:0; padding:0 0 0 2px; z-index:999 } .is-stretched .nav1 { padding:0 } .nav1 li { float:left; position:relative } .nav1 > li a { display:block; color:#e0e0e0; text-decoration:none; line-height:18px; padding:10px 10px; margin:2px 2px 2px 0; font-size:14px; font-weight:bold; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); } .nav1 li.current-menu-item > a, .nav1 li.current-menu-ancestor > a { color:#333; background:#fff; text-shadow:none } .nav1 ul li.current-menu-item > a, .nav1 ul li.current-menu-ancestor > a { color:#777 } .nav1 ul { position:absolute; list-style:none; width:194px; top:42px; left:-1px; margin:0; padding:3px 0 2px; background:#fff; border:1px solid #e5e5e5; border-top:none; z-index:-1; display:none } .nav1 ul li { min-width:194px; float:none } .nav1 ul a { display:block; margin:0 10px; padding:6px 0; color:#777; background:#fff; text-decoration:none; text-shadow:none; font-size:12px; font-weight:normal; border:none; border-bottom:1px solid #ebebeb } .nav1 ul li:last-child > a { border:none } .nav1 > li:hover > a { color:#333; background:#fff; text-shadow:none } .nav1 > li.arrow:hover > a { padding-bottom:13px } .nav1 li.current-menu-item:hover > a, .nav1 li.current-menu-ancestor:hover > a { color:#333 } .nav1 ul ul { left:194px; top:-3px; border-top:1px solid #e5e5e5; padding-top:2px } .nav1 ul li:hover > a, .nav1 ul li.current-menu-item:hover > a, .nav1 ul li.current-menu-ancestor:hover > a, .nav1 ul li.arrow:hover > a { color:#333 } .nav1 li:hover ul ul, .nav1 li:hover ul ul ul, .nav1 li:hover ul ul ul ul { display:none } .nav1 li:hover ul, .nav1 li li:hover ul, .nav1 li li li:hover ul, .nav1 li li li li:hover ul { display:block } .ss_nav select { display:none; width:100% } /* Secondary Navigation Menu (Top Menu) */ .ss_nav_top { position:relative; text-align:center; background:#163575; z-index:1000 } .ss_nav_top .wrap { width:960px; overflow:visible } .nav2 { position:relative; float:left; width:65%; list-style:none; margin:0; padding:0; z-index:1000 } .nav2 li { float:left; position:relative } .nav2 > li a { display:block; color:#ccc; text-decoration:none; line-height:18px; padding:7px 11px; margin:2px 0; font-size:12px; font-weight:bold; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.1); border-left:1px solid #5a5a5a; border-right:1px solid #333; } .nav2 > li:first-child a { border-left:none } .nav2 > li:last-child a { border-right:none } .nav2 li.current-menu-item > a, .nav2 li.current-menu-ancestor > a { color:#fff } .nav2 ul li.current-menu-item > a, .nav2 ul li.current-menu-ancestor > a { color:#777 } .nav2 ul { position:absolute; list-style:none; width:194px; top:36px; left:-1px; margin:0; padding:3px 0 2px; background:#fff; border:1px solid #e5e5e5; border-top:none; z-index:-1; display:none } .nav2 ul li { min-width:194px; float:none } .nav2 ul a { display:block; margin:0 10px; padding:6px 0; color:#777; background:#fff; text-decoration:none; text-shadow:none; font-size:12px; font-weight:normal; border:none; border-bottom:1px solid #ebebeb } .nav2 ul li:last-child > a { border:none } .nav2 > li:hover > a { color:#fff } .nav2 li.current-menu-item:hover > a, .nav2 li.current-menu-ancestor:hover > a { color:#fff } .nav2 ul ul { left:194px; top:-3px; border-top:1px solid #e5e5e5; padding-top:2px } .nav2 ul li:hover > a, .nav2 ul li.current-menu-item:hover > a, .nav2 ul li.current-menu-ancestor:hover > a, .nav2 ul li.arrow:hover > a { color:#333 } .nav2 li:hover ul ul, .nav2 li:hover ul ul ul, .nav2 li:hover ul ul ul ul { display:none } .nav2 li:hover ul, .nav2 li li:hover ul, .nav2 li li li:hover ul, .nav2 li li li li:hover ul { display:block } .ss_nav_top select { display:none; width:100% } /* Top-right Callout Text */ #callout-top { position:relative; float:right; width:35%; padding:9px 0; font-size:11px; color:#eee; text-align:right; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.1); } #callout-top * { color:inherit } #callout-top a:hover { color:#eb6633 } /* Breadcrumbs */ .breadcrumbs, .woocommerce-breadcrumb { position:relative; font-size:11px; line-height:18px; color:#888; margin:-2px 0 18px } .breadcrumbs a, .woocommerce-breadcrumb a { color:#555 } .breadcrumbs a:hover, .woocommerce-breadcrumb a:hover { color:#222 } /* -- 5. SIDEBAR -- */ h3.sb-title { font-size:14px; line-height:18px; color:#555; padding-bottom:5px; border-bottom:1px solid #e5e5e5; margin-bottom:12px } #sidebar ul { margin:-6px 0 18px; padding:0; list-style:none } #sidebar ul li { padding:6px 0; border-bottom:1px solid #eee; display:block } #sidebar ul ul { margin:6px 0; border-top:1px solid #eee } #sidebar ul ul li { padding-left:15px; background:url(images/list_arrow.gif) 4px 14px no-repeat } #sidebar ul ul li:last-child { border-bottom:none; padding-bottom:0 } #sidebar ul a { color:#777; text-decoration:none } #sidebar ul a:hover { color:#333; text-decoration:none } /* -- 6. PORTFOLIO PAGES -- */ ul.port { margin:0 0 20px; padding:0; list-style:none } ul.port li { position:relative; overflow:hidden; float:left; background:#fff; -moz-box-shadow:0 0 1px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow:0 0 1px 0 rgba(0, 0, 0, 0.3); box-shadow:0 0 1px 0 rgba(0, 0, 0, 0.3); } ul.port li img { display:block } .port-details { position:absolute; width:100%; height:100%; left:0; top:0; color:#fff; z-index:2; background:#333; background:rgba(0, 0, 0, 0.65); padding:10px; display:none; -moz-box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.75); -webkit-box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.75); box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.75); } .port-details h2 { color:#fff; font-size:14px; line-height:20px; font-weight:bold; margin-bottom:0 } .port-details h2 a { color:#fff; display:block } .port-details h2 a:hover { color:#fff } .port-meta { position:absolute; width:100%; bottom:10px; left:10px; font-size:11px; font-weight:bold; line-height:12px } .port-meta a { display:inline-block; color:#999; text-shadow:0 1px 0 rgba(0, 0, 0, 0.85) } .port-meta a:hover { color:#fff } .port-meta a.perma-link { border-left:1px solid #777; margin-left:4px; padding-left:5px } .col3 li, .col3 li img { width:254px; height:198px } .col3 li .port-details { width:234px; height:178px } .col4 li, .col4 li img { width:191px; height:149px } .col4 li .port-details { width:171px; height:129px } .col5-wide li, .col5-wide li img { width:192px; height:150px } .col5-wide li .port-details { width:172px; height:130px } .col4-wide li, .col4-wide li img { width:240px; height:187px } .col4-wide li .port-details { width:220px; height:167px } .ss_filterable { margin-bottom:10px } ul#filter-nav { position:relative; overflow:hidden; width:auto; margin:0 0 18px; padding:0; list-style:none } ul#filter-nav li { float:left; margin:0 2px 2px 0; font-size:12px; line-height:19px } ul#filter-nav li.filter-nav-label { padding:5px 10px; display:block; background:#777; color:#fff } ul#filter-nav li a { color:#666; padding:5px 10px; display:block; background:#f0f0f0; text-shadow:0 1px 0 rgba(255, 255, 255, 0.7); } ul#filter-nav li a:hover { color:#fff; background:#333; text-shadow:none } ul#filter-nav li.current a { color:#fff; background:#eb6633; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.07); } .mask-overlay { position:absolute; background:#fff } /* -- 7. BLOG PAGES -- */ /* Single Post */ .entry { border-bottom:1px solid #e9e9e9; margin-bottom:20px } h1.entry-title, h2.entry-title { font-size:22px; line-height:27px; margin:0 0 9px } .entry-meta { position:relative; overflow:hidden; color:#999; margin:-5px 0 9px; display:block } .single .entry-meta { margin-bottom:18px } .entry-meta a { color:#666 } .entry-meta span.sep { } .entry-meta a:hover { color:#333 } .entry-list-left { position:relative; overflow:hidden; float:left; width:242px; margin:0 0 20px 0 } .entry-list-left img { display:block; width:242px; height:198px } .entry-list-right { margin-left:262px } .list_style { margin-bottom:20px } .entry-list-right.no_image { width:100%; margin-left:0 } .navigation { position:relative; overflow:hidden; margin-bottom:18px } .navigation a, .navigation a:visited, .more-link, .more-link:visited { font-size:12px; margin:0; padding:0; display:inline-block; color:#777; border-bottom:1px solid #e5e5e5 } .navigation a:hover, .navigation a:active, .more-link:hover, .more-link:active { color:#333; border-bottom-color:#ccc } .nav-next, .nav-previous { float:left; position:relative; overflow:hidden; width:50%; padding:0 } .nav-next { float:right; text-align:right } .tag-label { display:block; float:left; padding:2px 6px 0 0; margin:0; color:#555; font-size:11px } ul.tag-list { position:relative; overflow:hidden; margin:0 0 20px; padding:0; list-style:none } ul.tag-list li { float:left; margin:0 3px 3px 0 } ul.tag-list li a { display:block; background:#fff; color:#777; text-shadow:0 1px 0 rgba(255, 255, 255, 0.7); font-size:11px; padding:1px 5px; border:1px solid #e5e5e5 } ul.tag-list li a:hover, ul.tag-list li a:active { background:#f0f0f0; color:#777; border-color:#ccc; text-shadow:none } ul.tag-list li a:active { color:#999 } /* Author Box */ #author-avatar { float:left; margin:0 } #author-avatar img, .author-avatar img { display:block; -moz-box-shadow:0 0 2px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow:0 0 2px 0 rgba(0, 0, 0, 0.3); box-shadow:0 0 2px 0 rgba(0, 0, 0, 0.3); } #author-description { margin-left:100px } /* Gallery */ ul.gallery-single { position:relative; list-style:none; margin:0 0 18px; padding:0 } ul.gallery-single li { float:left; margin:0 1px 1px 0 } ul.gallery-single li img { width:126px; height:103px; display:block } span.no-video { display:block; padding:15px 15px 0 } .single span.no-video { padding:20px 20px 0 } .single-jp-wrap, .single-video-wrap { position:relative; overflow:hidden; padding:0 0 14px } .entry-grid iframe, .entry-list-left iframe { display:block; margin-bottom: 0; } /* Related Posts */ ul.related_posts { position:relative; overflow:hidden; list-style:none; margin:0 0 4px 0 } ul.related_posts li { position:relative; float:left; margin:0 20px 0 0; padding:0; width:140px; margin:0 16px 16px 0 } ul.related_posts li:nth-child(5n) { margin-right:0 } ul.related_posts li a.rp_thumb { display:block; margin-bottom:9px } ul.related_posts li img { display:block; width:140px; height:90px } ul.related_posts li h4 { font-size:12px; line-height:18px; margin:0 } ul.related_posts li h4 a { color:#666 } ul.related_posts li h4 a:hover { color:#333 } /* Comments */ .commentlist { margin: 0 0 1.5em; padding: 1.5em 0 0; list-style: none; } .commentlist li { margin-bottom: 1.5em; border-bottom: 1px solid #e5e5e5; } .commentlist li li { padding: 1.5em 0 0 5.5em; margin-bottom: 0; border-bottom: none; border-top: 1px solid #e5e5e5; } .commentlist ul, .commentlist ul ul { margin: 0; list-style: none; } .comments-area article { border: none; } .comments-area article header { position: relative; margin-bottom: 0.75em; color: #777; } .comments-area article header img { float: left; width: 4em; height: 4em; margin: 0 1.5em 1.5em 0; padding: 0; display: block; } .comment-content { position: relative; margin-left: 5.5em } .comments-area article header cite { font-size: 1.166em; line-height: 1.5; } .comments-area article header a { color: #666; text-decoration: none; } .comments-area article header a:hover { color: #333; } .comments-area article header cite a { color: #333; } .comments-area article header cite a:hover { color: #e00000; text-decoration: underline; } .comments-area li.bypostauthor cite { font-style: normal; color: #333; } .comments-area li.bypostauthor cite span { position: absolute; right: 0; top: 0; padding: 0 0.454em; font-size: 0.7857em; line-height: 1.636; color: #fff; background: #333; z-index: 2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .reply { position: relative; margin: -0.75em 0 1.5em 6em; font-size: 0.9166em; line-height: 1.636; } .reply a { color: #999; } .reply a:hover { color: #333; } p.logged-in-as { color: #999; } #content-grid .navigation { margin:0 10px 18px } /* Ads and Social Sharing */ .ad_code { position:relative; border-bottom:1px solid #e9e9e9; padding-bottom:20px; margin-bottom:20px } .ss_sharing_container { position:relative; border-bottom:1px solid #e9e9e9; margin:0 0 20px; padding:0 0 15px } .fb-like, .ss_sharing_btn { position:relative; float:left; width:16%; margin-right:10px; padding-right:10px; border-right:1px solid #efefef } .ss_sharing_container div.ss_sharing_btn:last-child { border:none; margin-right:0 } /* Masonry Styles */ .entry-grid { position:relative; float:left; width:242px; margin:0 9px 20px 10px; color:#666; border-bottom:1px solid #e9e9e9 } .entry-grid h2.entry-title { font-size:18px; line-height:24px; margin-bottom:6px } .entry-grid h2.entry-title a { color:#333 } .entry-grid h2.entry-title a:hover { color:#222 } .entry-thumb { position:relative; overflow:hidden; margin-bottom:0 } .entry-thumb img { display:block } .entry-grid .entry-content { position:relative; overflow:hidden; padding:12px 0 8px } .entry-grid .entry-content p { margin-bottom:9px } .entry-grid .entry-meta { position:relative; overflow:hidden; color:#999; font-size:11px; margin:0 0 5px } .entry-grid .entry-meta a { color:#777; border:none } .entry-grid .entry-meta a:hover { color:#333 } .content-grid-inner { padding:0px 10px } /* -- 8. SECONDARY AREA -- */ h3.sc-title { font-size:14px; line-height:21px; color:#555; margin-bottom:15px } #secondary ul { margin:-6px 0 9px; padding:0; list-style:none } #secondary ul li { padding:6px 0; border-bottom:1px solid #e0e0e0; display:block } #secondary ul ul { margin:6px 0; border-top:1px solid #e0e0e0 } #secondary ul ul li { padding-left:15px; background:url(images/list_arrow.gif) 4px 14px no-repeat } #secondary ul ul li:last-child { border-bottom:none; padding-bottom:0 } #secondary ul a { color:#666; text-decoration:none } #secondary ul a:hover { color:#333; text-decoration:none } /* -- 9. FOOTER -- */ #footer { float:left; color:#ccc; font-size:11px; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.2) } #footer a { color:#ccc; border-bottom:1px solid #777 } #footer a:hover { color:#fff; border-bottom-color:#999 } .notes_left { float:left; overflow:hidden; width:300px; } .notes_right { overflow:hidden; float:right; width:300px; text-align:right; } .top_btn { position:fixed; right:20px; bottom:20px } .is-stretched .top_btn { bottom:11px } .top_btn a { display:block; width:29px; height:29px; background:#333 url(images/top_btn.png) center 11px no-repeat; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px } .top_btn a:hover { background-color:#eb6633 } /* -- 10. FORMS -- */ /* --------------------------------------------------------------- * 8. FORMS * Comment form, contact form, and other form styles. * ------------------------------------------------------------ */ form { position: relative; margin: 0 0 1.5em; } #search-bar #searchform { margin: 0; } select, textarea, input[type="text"], input[type="email"], input[type="password"] { width: auto; max-width: 100%; color: inherit; } textarea, input[type="text"], input[type="email"], input[type="password"] { margin: 0; padding: 0.75em 0.5em; border: 1px solid #e0e0e0; height: 3em; vertical-align: middle; } textarea { min-height: 50px; height: auto; } textarea:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus { outline: 0; border-color: #ccc; } select { width: auto; max-width: 100%; padding: 0.3em; background-color: #fff; border: 1px solid #ccc; } optgroup { font-family: inherit; font-style: normal; font-weight: bold; color: #000; } optgroup option { padding-left: 0.5em; } input[type="checkbox"] { display: inline; margin-right: 0.333em; vertical-align: middle; } /* Buttons */ button, .menu-toggle, input[type="submit"], input[type="button"], input[type="reset"], article.post-password-required input[type=submit] { font-size:100%; margin:0; line-height:1.2; cursor:pointer; position:relative; font-family:inherit; overflow:visible; padding:0.5em 0.75em; text-decoration:none; font-weight:normal; -webkit-border-radius:0.2em; -moz-border-radius:0.2em; border-radius:0.2em; left:auto; text-shadow:0 1px 0 #fff; color:#444; height:auto; text-shadow:0 1px 0 rgba(255, 255, 255, 0.8); border:1px solid #ccc; background:#fafafa; background-image:-webkit-linear-gradient(top, #fafafa, #eaeaea); background-image:-moz-linear-gradient(top, #fafafa, #eaeaea); background-image:-ms-linear-gradient(top, #fafafa, #eaeaea); background-image:-o-linear-gradient(top, #fafafa, #eaeaea); background-image:linear-gradient(top, #fafafa, #eaeaea); white-space:nowrap; display:inline-block; } button:hover, .menu-toggle:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, article.post-password-required input[type=submit]:hover { color: #333; background-color: #fafafa; border-color: #bbb; background-repeat: repeat-x; background-image: -webkit-linear-gradient(top, #fafafa, #e5e5e5); background-image: -moz-linear-gradient(top, #fafafa, #e5e5e5); background-image: -ms-linear-gradient(top, #fafafa, #e5e5e5); background-image: -o-linear-gradient(top, #fafafa, #e5e5e5); background-image: linear-gradient(top, #fafafa, #e5e5e5); } button:active, .menu-toggle:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active { color: #666; background-color: #e5e5e5; border-color: #bbb #ccc #ccc #ccc; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #e0e0e0, #e5e5e5); background-image: -ms-linear-gradient(top, #e0e0e0, #e5e5e5); background-image: -webkit-linear-gradient(top, #e0e0e0, #e5e5e5); background-image: -o-linear-gradient(top, #e0e0e0, #e5e5e5); background-image: linear-gradient(top, #e0e0e0, #e5e5e5); } /* Comment form */ h3#reply-title small { font-size: 1em; } a#cancel-comment-reply-link { font-size: 0.6111em; color: #999; } a#cancel-comment-reply-link:hover { color: #333; } #respond form label, #contactform label { display: block; line-height: 1.5; } #respond form input[type="text"], #contactform input[type="text"], #respond form textarea, #contactform textarea { width: 100%; max-width: 66.66%; } .half #contactform input[type="text"], .half #contactform textarea { max-width: 100%; } .column #contactform input[type="text"], .column #contactform textarea { max-width: 100%; } #respond form textarea { width: 100%; max-width: 100%; } .required { color: red; } input.error, textarea.error { border: 1px solid #ff6666 !important; } #mail_success, #mail-success-no-js { margin: 1.5em 0 0; } #mail_success { display: none; } /* Search Form */ .searchbox, .widget_product_search { position:relative; overflow:hidden; margin:0 0 18px; width:100%; max-width:242px } .header-widget-area .searchbox, .header-widget-area .widget_product_search { float:right; width:176px } .header-widget-area.left .searchbox, .header-widget-area.left .widget_product_search { float:none } .header-widget-area .widget_product_search { margin-bottom:10px } #searchform input[type="text"] { width:211px; outline:0; line-height:18px; margin:0; padding:4px 5px; background-color:#fff; border:1px solid #e0e0e0; font-family:inherit; color:#777; font-size:12px; max-width:300px; height:31px; float:left; border-right:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } #searchform input[type="text"]:focus { background-color:#fff; color:#444; border-color:#ccc; -moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.05); -webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.05); } #sidebar #searchform input[type="text"], #secondary #searchform input[type="text"], .header-widget-area #searchform input[type="text"] { width:145px } #searchform input#searchsubmit { float:right; width:31px; height:31px; padding:0; cursor:pointer; background: #f7f7f7 url(images/search_ico.png) 9px 9px no-repeat; border:none; outline:none; text-indent:2000px; border:1px solid #e0e0e0; font-size:11px; color:#666; font-family:inherit; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #searchform input#searchsubmit:hover { background-position:9px -24px; border-color:#ccc } #searchform input#searchsubmit:active { background-position:9px 9px; background-color: #eaeaea } div.wpcf7 { margin-bottom:20px !important; } /* -- 11. WIDGETS -- */ .widgetwrap { position:relative; margin-bottom:9px; display:block } .widgetwrap:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; margin:0; padding:0 } .widgetwrap ins { color:#555 } /* Recent Posts / Popular Posts Widget */ ul.thumb_list h4, ul.normal_list h4 { font-size:12px; line-height:18px; margin:0 } .cp_thumb { float:right; width:41px } .cp_thumb img { display:block } .cp_title { margin-right:46px } ul.normal_list li .cp_title { float:none; width:100%; margin-right:0 } .list_meta { font-size:10px; line-height:18px; color:#999; display:block } /* Twitter Widget */ #twitter_wrapper { position:relative; overflow:hidden } ul#twitter_update_list { list-style:none; margin:0 0 18px; padding:0 } ul#twitter_update_list span a { color:#6699cc } ul#twitter_update_list span a:hover { color:#eb6633 } ul#twitter_update_list li:last-child { margin-bottom:0 } /* Flickr Widget */ #flickr_badge_wrapper { position:relative; margin:0 0 14px } .flickr_badge_image { position:relative; float:left; margin:0 4px 4px 0; width:41px; height:41px } .flickr_badge_image img { width:41px; height:41px } .flickr_badge_image:nth-child(4n+5) { margin-right:0 } .flickr_badge_image img { display:block } /* MiniFolio Widget */ #sidebar ul.minifolio, #secondary ul.minifolio { position:relative; list-style:none; margin:0 0 14px } #sidebar ul.minifolio li, #secondary ul.minifolio li { position:relative; float:left; margin:0 4px 4px 0; padding:0; background:none; width:41px; height:41px } #sidebar ul.minifolio li:nth-child(4n+4), #secondary ul.minifolio li:nth-child(4n+4) { margin-right:0 } #sidebar ul.minifolio li img, #secondary ul.minifolio li img { display:block; width:41px; height:41px } /* Social Links Widget */ ul.ss_social { position:relative; overflow:hidden; width:auto; margin:0 0 16px !important; padding:0 !important; list-style:none } .header-widget-area ul.ss_social { float:right; margin-bottom:0 !important; } .header-widget-area.left ul.ss_social { float:none } ul.ss_social li { float:left; margin:0 2px 2px 0; padding:0!important; display:block; border:none!important; width:30px; height:30px } ul.ss_social li:last-child { margin-right:0 } ul.ss_social li a { width:30px; height:30px; display:block; padding:0; background:url(images/ss_social_sprite.png) 0 0 no-repeat; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } ul.ss_social li a.twitter { background-position: 0 -40px } ul.ss_social li a.facebook { background-position: -40px -40px } ul.ss_social li a.in { background-position: -80px -40px } ul.ss_social li a.gplus { background-position: -120px -40px } ul.ss_social li a.dribble { background-position: -160px -40px } ul.ss_social li a.forrst { background-position: -200px -40px } ul.ss_social li a.flickr { background-position: -240px -40px } ul.ss_social li a.deviant { background-position: -280px -40px } ul.ss_social li a.vimeo { background-position: -320px -40px } ul.ss_social li a.utube { background-position: -360px -40px } ul.ss_social li a.pint { background-position: -400px -40px } ul.ss_social li a.rss { background-position: -440px -40px } ul.ss_social li a.twitter:hover { background-position: 0 0 } ul.ss_social li a.facebook:hover { background-position: -40px 0 } ul.ss_social li a.in:hover { background-position: -80px 0 } ul.ss_social li a.gplus:hover { background-position: -120px 0 } ul.ss_social li a.dribble:hover { background-position: -160px 0 } ul.ss_social li a.forrst:hover { background-position: -200px 0 } ul.ss_social li a.flickr:hover { background-position: -240px 0 } ul.ss_social li a.deviant:hover { background-position: -280px 0 } ul.ss_social li a.vimeo:hover { background-position: -320px 0 } ul.ss_social li a.utube:hover { background-position: -360px 0 } ul.ss_social li a.pint:hover { background-position: -400px 0 } ul.ss_social li a.rss:hover { background-position: -440px 0 } .widget_product_search, .widget_product_tag_cloud, .widget_price_filter { margin-bottom:27px } .widget_categories span.count, .widget_product_categories span.count, .widget_archive span.count, .custom_cat span.count { float:right; margin-left:4px } /* -- 12. MISCELLANEOUS -- */ /* Flex Slider */ .slider-wrap { position: relative; } .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flexslider { position: relative; overflow: hidden; margin: 0; padding: 0; zoom: 1; } .flexslider.content-slider { margin:0 0 20px; -moz-box-shadow:0 0 1px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 0 1px rgba(0, 0, 0, 0.25); box-shadow:0 0 1px rgba(0, 0, 0, 0.25); } .entry-grid .flexslider, .entry-list .flexslider { margin: 0; } .flexslider .slides > .slide, .flexslider .slides > div, .flexslider .woocommerce .products .product { position: relative; display: none; -webkit-backface-visibility: hidden; } .flexslider .slides img { width: 100%; display: block; } .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } .no-js .slides > .slide:first-child, .no-js .slides > div:first-child { display: block; } .slides { position: relative; zoom: 1; } .flex-viewport { max-height: 2000px; } .loading .flex-viewport { background: #fff url(images/loading.gif) 50% 50% no-repeat; } .flex-caption { position: relative; width: 100%; } .slide-image { display: block; margin-bottom: 1.5em; } .caption { display: none; } .flex-loading { background: transparent url(images/loading.gif) 50% 50% no-repeat; height: 15em; } .no-js .flex-loading { background: none; height: auto } .content-slider .flex-control-nav { position:absolute; overflow:hidden; margin:0; padding:0; list-style:none; top:10px; right:8px; z-index:10 } .content-slider .flex-control-nav li { float:left } .content-slider .flex-control-paging li a { display:block; width:10px; height:10px; background:url(images/slider_bullets.png) 0 0 no-repeat; text-indent:-9999px; border:0; margin-right:2px; float:left; cursor:pointer } .content-slider .flex-control-paging li a.flex-active, .content-slider .flex-control-paging li a:hover { background-position:0 -14px } .content-slider .flex-control-paging li a.flex-active { cursor:default } .content-slider .flex-caption { position:absolute; background:#333; background:rgba(0, 0, 0, 0.65); border-top:1px solid rgba(0, 0, 0, 0.65); bottom:-200px; left:0; width:100%; z-index:10 } .content-slider .flex-caption-inner { position:relative; padding:10px 12px 11px; margin:0 } .content-slider .flex-caption * { color:#fff; text-shadow:0 1px 0 rgba(0, 0, 0, 0.5); margin:0 } .content-slider .flex-caption h1, .content-slider .flex-caption h2 { font-size:16px; line-height:20px } .caption { display:none } .flex-loading { background:transparent url(images/loading.gif) 50% 50% no-repeat; height:180px } .no-js .flex-loading { background:none; height:auto } /* Carousel Controls */ .carousel .flex-viewport { padding: 1px; } .flex-controls-container { position: absolute; overflow: hidden; width: 100%; top: 40%; } .flex-controls-container .flex-direction-nav { position: relative; width: 100%; z-index: 9; } .flex-controls-container .flex-direction-nav li { float: left; width: 50%; } .flex-controls-container .flex-direction-nav li a { display: block; width:29px; height:29px; cursor:pointer; background:#333 url(images/carousel_arrows.png) -18px 10px no-repeat; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; text-indent: -9999px; } .flex-controls-container .flex-direction-nav li a.flex-prev { float: left; margin-left: 10px; background:#333 url(images/carousel_arrows.png) 11px 10px no-repeat; } .flex-controls-container .flex-direction-nav li a.flex-next { float: right; margin-right: 10px; } .flex-controls-container .flex-direction-nav li a:hover { background-color:#eb6633; } .flex-controls-container .flex-direction-nav li a.flex-disabled, .flex-controls-container .flex-direction-nav li a.flex-disabled:hover, .flex-controls-container .flex-direction-nav li a.flex-disabled:active { cursor:default; background-color:#666; background-color:rgba(0, 0, 0, 0.3); } .carousel ul.products { margin-bottom: 2em !important; } .carousel li.product, .carousel li.product.last { margin-right: 20px !important; clear: none !important; margin-bottom: 0 !important; } /* Tabs */ ul.ss_tabs { margin:0 0 -1px; padding:0; list-style:none; position:relative; overflow:hidden; width:100%; z-index:10; border-left:1px solid #e5e5e5 } ul.ss_tabs li { float:left; } ul.ss_tabs li a { display:inline-block; font-size:13px; color:#666; font-weight:bold; padding:8px 10px; border:1px solid #e5e5e5; background:#f9f9f9; border-left-color:#fff } ul.ss_tabs li a:hover { color:#333; text-decoration:none } ul.ss_tabs li.ui-tabs-active a { background:#fff; color:#333; border-bottom-color:#fff } .tabbed { position:relative; overflow:hidden; padding:12px 0 0; border-top:1px solid #e5e5e5 } /* Accordion and Toggle */ .accordion { position:relative; overflow:hidden; margin:0 0 18px; padding:0 } h5.handle, h5.toggle { position:relative; font-size:13px; font-weight:bold; color:#777; cursor:pointer; padding:7px 2px 8px; margin-bottom:0; background:#fff; border-bottom:1px solid #e9e9e9 } h5.handle:hover { color:#333 } h5.ui-state-active { color:#333; border-bottom:1px solid #e0e0e0 } h5.handle span { position:absolute; width:7px; height:7px; top:13px; right:5px; display:block; background:transparent url(images/tog.png) 0 0 no-repeat } h5.ui-state-active span { background-position:0 -27px } .acc_inner { position:relative; overflow:hidden; padding:12px 0 0 } h5.toggle { padding:6px 4px; margin-bottom:12px; display:inline-block; border-top:1px solid #fff; border-bottom:1px solid #fff } h5.toggle:hover { color:#333 } h5.activetoggle { background:#f7f7f7; color:#333; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9 } h5.toggle span { width:7px; height:7px; margin:6px 8px 0 0; display:block; background:transparent url(images/tog.png) 0 0 no-repeat; float:left } h5.activetoggle span { background-position:0 -27px } .toggle_content, .acc_content { margin-bottom:0 } .ui-tabs .ui-tabs-hide { display: none } /* Horizontal Rules */ .hr { border-bottom:1px solid #e5e5e5; margin-bottom:20px } .double_hr { background:url(images/double_hr.png) bottom repeat-x; height:3px; margin-bottom:20px } .hr_dotted { background:url(images/dashed.gif) bottom repeat-x; height:1px; margin-bottom:20px } .hr_3d { background: url(images/hr_3d.jpg) bottom repeat-x; height:3px; margin-bottom:20px } .hr_strip { background: url(images/strips_hr.png) bottom repeat-x; height:7px; margin-bottom:20px } /* Boxes */ .box { position:relative; overflow:hidden; margin:0 0 18px; padding:12px 12px 8px; border:1px solid #e9e9e9; border-left:none; border-right:none } .box * { margin-bottom:4px; color:#666 } .box0 { background:#f7f7f7; border-color:#eaeaea } .box1 { background:#fff7e1; border-color: #f2e5c5 } .box1 * { color:#aa7f2b } .box2 { background:#e1f0d9; border-color: #c6e2b9 } .box2 * { color:#336600 } .box3 { background:#f7d9d9; border-color: #f2c3c3 } .box3 * { color:#ac2b2b } .box4 { background:#d9edf7; border-color: #c1e0f1 } .box4 * { color:#336699 } .hide_box { position:absolute; right:4px; top:4px; width:14px; height:14px; cursor:pointer; background:transparent url(images/hide_box.png) 0 0 no-repeat } .hide_box:hover { background-position: 0 -24px } /* Lists */ ul.list { margin:0 0 14px; padding:0; list-style:none } ul.list li { padding:0 0 3px 15px } ul.list0 li { background:url(images/list_icons/check.png) 0 5px no-repeat; padding-left:20px } ul.list1 li { background:url(images/list_icons/check_dark.png) 0 5px no-repeat; padding-left:20px } ul.list2 li { background:url(images/list_icons/disc.png) 0 5px no-repeat } ul.list3 li { background:url(images/list_icons/disc_dark.png) 0 5px no-repeat } ul.list4 li { background:url(images/list_icons/square.png) 0 5px no-repeat } ul.list5 li { background:url(images/list_icons/square_dark.png) 0 5px no-repeat } ul.list6 li { background:url(images/list_icons/star.png) 0 2px no-repeat; padding-left:20px } ul.list7 li { background:url(images/list_icons/star_dark.png) 0 2px no-repeat; padding-left:20px } ul.list8 li { background:url(images/list_icons/arrow.png) 0 5px no-repeat } ul.list9 li { background:url(images/list_icons/arrow_dark.png) 0 5px no-repeat } ul.list10 li { background:url(images/list_icons/plus.png) 0 4px no-repeat; padding-left:17px } ul.list11 li { background:url(images/list_icons/plus_dark.png) 0 4px no-repeat; padding-left:17px } /* CSS3 Buttons */ .btn, .btn:visited { position:relative; display:inline-block; padding:4px 10px; margin:0; font-family:inherit; font-size:11px; font-weight:bold; line-height:18px; color:#555; text-align:center; text-shadow:0 1px 0 rgba(255, 255, 255, 0.5); vertical-align:middle; background:#fafafa url(images/btn.png) 0 5px repeat-x; border:1px solid #ccc; border-bottom-color:#bbb; cursor:pointer; -moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 0 rgba(0, 0, 0, 0.03); -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 0 rgba(0, 0, 0, 0.03); box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 0 rgba(0, 0, 0, 0.03) } .btn:hover { background:#fafafa url(images/btn.png) 0 0 repeat-x; color:#333; text-decoration:none; border-color:#bbb } .btn.active, .btn:active { color:#666; border-color:#bbb #ccc #ccc; background:#e5e5e5; -moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1) } .btn2, .btn2:visited { font-family:inherit; background:#f7f7f7; display:inline-block; padding:4px 10px; font-weight:bold; font-size:11px; line-height:18px; text-align:center; vertical-align:middle; text-decoration: none; position:relative; cursor:pointer; border:1px solid #e5e5e5; background-image:url(images/btn.png); background-position:0 15px; background-repeat:repeat-x; text-shadow:0 0 2px rgba(0, 0, 0, 0.3); border-color:rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.2); -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -moz-box-shadow:inset 0 1px 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow:inset 0 1px 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(0, 0, 0, 0.1); box-shadow:inset 0 1px 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(0, 0, 0, 0.1) } .btn2:hover { color:#fff; background-position:0 -20px; border-color:rgba(0, 0, 0, 0.4) } .btn2:active { color:#fff; background-position:0 -30px; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15); -webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15); box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15) } .aqua, .aqua:visited { background-color:#33cc99!important; color:#fff!important; border-color: #2bae82 #2bae82 #289e77!important } .aqua:hover, .aqua:active { border-color:#1d7458!important } .red, .red:visited { background:#cc3333!important; color:#fff!important; border-color: #ae2b2b #ae2b2b #9e2828 !important } .red:hover, .red:active { border-color:#741d1d!important } .grey, .grey:visited { background:#666!important; color:#fff!important; border-color: #575757 #575757 #4f4f4f!important } .grey:hover, .grey:active { border-color:#3a3a3a!important } .pink, .pink:visited { background:#e45c99!important; color:#fff!important; border-color: #c24e82 #c24e82 #b24777!important } .pink:hover, .pink:active { border-color:#823558!important } .brown, .brown:visited { background:#996600!important; color:#fff!important; border-color: #825700 #825700 #774f00!important } .brown:hover, .brown:active { border-color:#583a00!important } .skyBlue, .skyBlue:visited { background:#6699cc!important; color:#fff!important; border-color: #5782ae #5782ae #4f779e!important } .skyBlue:hover, .skyBlue:active { border-color:#3a5874!important } .rosyBrown, .rosyBrown:visited { background:#cc9999!important; color:#fff!important; border-color: #ae8282 #ae8282 #9e7777!important } .rosyBrown:hover, .rosyBrown:active { border-color:#745858!important } .royalBlue, .royalBlue:visited { background:#0066cc!important; color:#fff!important; border-color: #0057ae #0057ae #004f9e!important } .royalBlue:hover, .royalBlue:active { border-color:#003a74!important } .orange, .orange:visited { background:#ff9900!important; color:#fff!important; border-color: #d98200 #d98200 #c67700!important } .orange:hover, .orange:active { border-color:#925800!important } .forestGreen, .forestGreen:visited { background:#339933!important; color:#fff!important; border-color: #2b822b #2b822b #287728!important } .forestGreen:hover, .forestGreen:active { border-color:#1d581d!important } .crimson, .crimson:visited { background:#cc3366!important; color:#fff!important; border-color: #ae2b57 #ae2b57 #9e284f!important } .crimson:hover, .crimson:active { border-color:#741d3a!important } .yellowGreen, .yellowGreen:visited { background:#99cc66!important; color:#fff!important; border-color: #82ae57 #82ae57 #779e4f!important } .yellowGreen:hover, .yellowGreen:active { border-color:#58743a!important } .size-m, .size-m:visited { font-size:12px; line-height:18px; padding:6px 10px 7px } .size-l, .size-l:visited { font-size:16px; line-height:21px; padding:8px 12px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } /* WP Page Navi */ .wp-pagenavi { position:relative; overflow:hidden; margin-bottom:0; padding:10px 0 20px 0 } .wp-pagenavi a, .wp-pagenavi span.current { font-size:11px; padding:5px 9px; margin-right:4px; color:#777; background:#fff; border:1px solid #e5e5e5; } .wp-pagenavi a:hover { background:#f0f0f0; color:#777; border-color:#ccc } .wp-pagenavi span.pages { font-size:11px; color:#999; float:right; margin-top:1px } .wp-pagenavi span.current { text-decoration:none; color:#fff; background:#333; border-color:#222 } .wp-pagenavi a:active { color:#999 } /* Inline Labels */ .ss_label { padding:2px 4px; font-size:10px; text-transform:uppercase; color:#ffffff; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.05); background-color:#999b9d; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px } .ss_label.red { background-color: #cc3333 } .ss_label.orange { background-color: #ff9900 } .ss_label.green { background-color: #669933 } .ss_label.blue { background-color: #6699cc } .ss_label.black { background-color: #333 } /* PullQuotes and DropCap */ .pqleft { float:left; margin:9px 15px 0 0; width:40%; display:inline-block } .pqright { float:right; margin:9px 0 0 15px; width:40%; display:inline-block } .dropcap { display:inline-block; font-size:36px; float:left; line-height:36px; margin-right:6px; color:#333 } .inverted { background:#333; color:#fff; padding:0 2px } .quote { position:relative; overflow:hidden; padding:12px 12px 12px 15px; margin-bottom:12px; background:#f9f9f9; color:#444; font-size:12px; font-family:Georgia, "Bitstream Charter", serif; text-shadow:0 1px 0 rgba(255, 255, 255, 0.5); border-left:1px solid #e5e5e5 } /* Logo Grid */ ul.logo_grid { margin:0; padding:0; list-style:none; position:relative; overflow:hidden } ul.logo_grid li { float:left; margin:0 18px 18px 0; line-height:0 } ul.logo_grid li .photo-title { width:110px; border:0px solid pink; text-align:center; height:30px; line-height:12px; } ul.logo_grid li:last-child { margin-right:0 } /* Post Lists */ ul.post_list { position:relative; overflow:hidden; margin:0 0 18px; padding:0; list-style:none } ul.post_list li { position:relative; overflow:hidden; padding:6px 0; border-bottom:1px solid #efefef; display:block } ul.post_list li:last-child { border:none; padding-bottom:0 } div.pl_title { margin-left:50px } ul.post_list h4 { font-size:12px; line-height:18px; margin:0 } ul.post_list li div.pl_title h4 a { color:#666 } ul.post_list li div.pl_title h4 a:hover { color:#333 } ul.post_list li a.pl_thumb { float:left; display:block; width:41px } ul.post_list li a.pl_thumb img { display:block } ul.post_list li a.pl_thumb:hover img { border-color:#ccc; background:#eee } ul.post_list li span { color:#999; font-size:10px } ul.plain_list { margin:0; padding:0; list-style:none } ul.plain_list li { line-height:16px; padding:6px 0 6px; border-bottom:1px solid #efefef } ul.plain_list li a { color:#666; text-decoration:none } ul.plain_list li a:hover { color:#333 } /* Level Indicators */ .p_bar, .p_label, .p_indicator, .p_active, .p_value { position:relative; overflow:hidden } .p_bar { width:100%; margin-bottom:18px } .p_label { float:left; width:20%; padding-right:3%; font-size:12px } .p_indicator { float:left; width:50%; background:#e5e5e5; height:6px; margin:7px 0 5px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.1); } .p_active { float:left; width:auto; height:6px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -moz-box-shadow:inset 0 -1px 1px rgba(0, 0, 0, 0.07); -webkit-box-shadow:inset 0 -1px 1px rgba(0, 0, 0, 0.07); box-shadow:inset 0 -1px 1px rgba(0, 0, 0, 0.07); } .p_value { float:left; width:20%; padding-left:3%; font-size:11px; color:#999b9d } /* Make iFrame and Embeds reponsive */ .embed_wrap { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; margin-bottom:18px } .flexslider .embed_wrap { padding-top:0; margin-bottom:0 } .embed_wrap iframe, .embed_wrap object, .embed_wrap embed { position:absolute; top:0; left:0; width:100%; height:100% } /* Other miscellaneous classes */ .serif { font-family:Georgia, "Times New Roman", Times, serif } .my_ad { position:relative; overflow:hidden; padding:20px; background:#fafafa; border:1px dashed #ccc; color:#777 } .preload { display:block; width:100%; height:100%; background:transparent url(images/loading.gif) 50% 50% no-repeat } .imgleft { float:left; margin: 0 18px 18px 0 } .imgright { float:right; margin: 0 0 18px 18px } .noalign { float:none; margin: 0 0 14px 0 } .nomargin { margin-bottom:0 } .imgcenter { display:block; margin:0 auto } .center { text-align:center } .last, .three_fourth.last, .half.last, .two_third.last, .one_third.last, .three_eighth.last, .one_fourth.last, .one_fifth.last { margin-right:0 } .clear { clear:both } .clearfix { display:block } .clearfix:after, .clearf { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; margin:0; padding:0 } .clearboth { display:block; margin:0; padding:0; clear:both } .pp_inline { line-height:18px; padding:10px } .hide, .pp_description { display:none !important; } .pp_gallery ul a img { width: 50px; } span.menu_notifier { padding:12px; margin:0; font-size:12px; display:block; color:#fff } span.menu_notifier strong { color:#fff } .ss_nav_top span.menu_notifier { padding:8px 0; color:#eee; width:65%; float:left } .sb_notifier { padding:15px 15px 0; border:1px dashed #e5e5e5 } .ico_left { float:left; margin-right:12px; position:relative; overflow:hidden } .ico_left, .ico_left img { width:24px; height:24px; display:block } p.img { margin-bottom:12px } .h_icon { float:left; margin-right:10px } #recaptcha_widget_div, #recaptcha-submit-btn-area { margin-bottom:20px } p.recaptcha-error { font-size:14px; padding-bottom:0 } /* WordPress Default Styles */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft, .left { float:left; } .alignright, .right { float:right; } .wp-caption { background-color: #f3f3f3; border: 1px solid #ddd; -khtml-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 10px; padding-top: 4px; text-align: center; } .wp-caption img { border: 0 none; margin: 0; padding: 0; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } .sticky { } .bypostauthor { } .gallery-caption { } /* Gallery listing */ .format-gallery .size-thumbnail img, .category-gallery .size-thumbnail img { border: 10px solid #f1f1f1; margin-bottom: 0; } .format-gallery .gallery-thumb, .category-gallery .gallery-thumb { float: left; margin-right: 20px; margin-top: -4px; } .home #content .format-gallery .entry-utility, .home #content .category-gallery .entry-utility { padding-top: 4px; } /* Attachment pages */ .attachment .entry-content .entry-caption { font-size: 140%; margin-top: 24px; } .attachment .entry-content .nav-previous a:before { content: '\2190\00a0'; } .attachment .entry-content .nav-next a:after { content: '\00a0\2192'; } /* Images */ img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img { max-width:100%; height:auto } img.size-large { width:75% } img.size-medium { width:50% } img.size-small { width:25% } .alignleft, img.alignleft { display: inline; float:left; margin:0 18px 18px 0; } .alignright, img.alignright { display: inline; float: right; margin:0 0 18px 18px; } .aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } img.alignleft, img.alignright, img.aligncenter { margin-bottom: 18px; } .wp-caption { background: #f1f1f1; line-height: 18px; margin-bottom: 20px; max-width: 590px !important; padding: 4px; text-align: center; } .wp-caption img { margin: 5px 5px 0; } .wp-caption p.wp-caption-text { color: #888; font-size: 12px; margin: 5px; } .wp-smiley { margin: 0; } .gallery { margin: 0 auto 18px; } .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery-columns-5 .gallery-item { width: 20%; } .gallery img { border: none !important; } .gallery-columns-2 .attachment-medium { max-width: 85%; height: auto; } .gallery-columns-4 .attachment-thumbnail { max-width: 82%; height: auto; } .gallery-columns-5 .attachment-thumbnail { max-width: 84%; height: auto; } .gallery-columns-6 .attachment-thumbnail { max-width: 82%; height: auto; } .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } .gallery dl { margin: 0; } .gallery br+br { display: none; } #content .attachment img { display: block; margin: 0 auto } /* WPML Plugin compatibility Styles */ #lang_sel { width: auto; display: inline-block; text-align: left; } #lang_sel ul li { border: none; } img.iclflag { display: inline; } #letters-containsml {float:left; width:220px; display:block; text-left; margin-bottom:0px; padding:0px; border: 0px solid pink; margin-top:-5px;} #letters-containsml #line1{float:left; width:220px; display:block; text-left; margin-top:3px; } #letters-containsml #line2{float:left; width:220px; display:block; text-align:center; margin-top:5px; border-bottom:1px dashed #dddddd; padding-bottom:15px; } #topper-contain {float:left; width:553px; height:197px; display:block; background: url('/wp-content/uploads/2014/09/back22.jpg'); margin-bottom:15px; padding:10px; } ul#stars {} ul#stars li{padding-left:15px; background:url(/wp-content/uploads/2014/09/star.png) 0px 0px no-repeat; margin-left:-10px;} #letters-contain { float:left; width:600px; text-align:center; margin-bottom:9px; padding:0px; border: 0px solid orange;} #letters-contain #line1{float:left; width:560px; display:block; text-align:center; margin-top:6px; } #letters-contain #line2{float:left; width:553px; display:block; text-align:center; margin-top:10px; border-bottom:1px dashed #dddddd; padding-bottom:15px; } #columns-contain {float:left; width:560px; padding:0px; margin:0px; } #columns-contain #columns-one {float:left; width:140px; padding:0px; margin:0px;} #columns-contain #columns-two {float:left; width:140px; padding:0px; margin:0px;} #columns-contain #columns-three {float:left; width:140px; padding:0px; margin:0px;} #columns-contain #columns-four {float:right; width:140px; padding:0px; margin:0px;} #columns-contain #columns-one-big {float:left; width:250px; padding:0px; margin:0px;} #columns-contain #columns-two-big {float:right; width:250px; padding:0px; margin:0px; ul#letters { width:560px; } ul#letters li{padding-left:15px; background:url(/wp-content/uploads/2014/09/ar.gif) 0px 0px no-repeat; margin-left:-10px; font-size:1.2em; margin-bottom:6px; overflow:hidden;} ul#letters li a {padding-left:5px;} #whatsmyclan-wrapper {float:left; width:484px; height:217px; background:url(/wp-content/uploads/2014/09/search-back.jpg); margin-left:30px; margin-right:30px; } #whatsmyclan-wrapper #whatsmyclan-container {float:left; width:404px; height:130px; margin:40px; } #whats-title {float:left; width:514px; border: 1px solid yellow; margin:0px; padding:0px; text-align:top;} #whats-title #whats-number {float:left; width:40px; border: 0px solid orange; margin:0px; padding:0px; text-align:top;} #whats-title #whats-info {float:left; width:440px; margin:0px; padding:0px; text-align:top;} input.bigsearch { color: #000; background: white; width:300px; border: 1px solid #e9e9e9; font-size: 1.3em; padding:0px; margin:0px; } #searchclan-container {float:left; width:760px; border: 0px solid orange;} #searchclan-container #searchclan-left {float:left; width:760px; border: 0px solid pink; margin-right:10px;} #searchclan-container #searchclan-right {float:right; width:250px; border: 0px solid purple;} #searchclan-container #searchclan-left #searchclan-results {float:left; width:695px; border: 0px solid yellow;} table#septs {} table#septs a{font-size:1.2em; font-weight:bold;}