/* Theme Name: Ultimate Azon Theme Theme URI: http://ultimateazontheme.com/ Description: Ultimate Amazon Affiliate WordPress Theme Version: 1.6.2 Author: Dave Nicosia Author URI: http://davenicosia.com Tags: HTML5, CSS3, Amazon Affiliates Text Domain: ultimateazon */ /* ============================================================================= User Created CSS Imports Fallback MOVED TO LINK TAG IN HEADER ========================================================================== */ /* ============================================================================= General Styles ========================================================================== */ /* Global Box Sizing and Font-Smoothing */ *, *:after, *:before { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; /* -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; -o-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility;*/ } body { font-size:14px; font-weight:300; line-height:140%; } /* =Clear Floated Elements --------------------------------------------------------------------------------*/ /* http://sonspring.com/journal/clearing-floats */ html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear, html body * br.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* http://www.positioniseverything.net/easyclearing.html */ .clearfix:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } /* ============================================================================= Structure ========================================================================== */ .wrapper {max-width:1000px;width:100%;margin:0 auto;position:relative;} /* ============================================================================= Non-Semantic Classes ========================================================================== */ /* Custom Selection Styles */ ::selection {background:#1285DD;color:#FFF;text-shadow:none;} ::-webkit-selection {background:#1285DD;color:#FFF;text-shadow:none;} ::-moz-selection {background:#1285DD;color:#FFF;text-shadow:none;} /* Input focus styles */ input:focus {outline:0;border:1px solid #0091BD;} /* Gets rid of blue glow on field focus, adds border color instead */ body.archive article .author {display: inline-block; margin: 0 0 10px 0;} body.archive article h2 {margin: 20px 0 4px 0;} /* ============================================================================= WordPress Core CSS Styles ========================================================================== */ .alignnone {} .aligncenter,div.aligncenter {display:block;margin:5px auto 5px auto;} .alignright {float:right;margin:5px 0 20px 20px;} .alignleft {float:left;margin:5px 20px 20px 0;} .aligncenter {display:block;margin:5px auto 5px auto;} a img.floatright {float:right;margin:5px 0 20px 20px;} a img.floatnone {} a img.floatleft {float:left;margin:5px 20px 20px 0;} a img.aligncenter {display:block;margin-left:auto;margin-right:auto;} .wp-caption {background:#FFF;border:1px solid #F0F0F0;max-width:96%;padding:5px 3px 10px;text-align:center;} .wp-caption.alignnone {margin:5px 20px 20px 0;} .wp-caption.alignleft {margin:5px 20px 20px 0;} .wp-caption.alignright {margin:5px 0 20px 20px;} .wp-caption img {border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto;} .wp-caption p.wp-caption-text,.gallery-caption {font-size:11px;line-height:160%;margin:0;padding:0 4px 5px;} .sticky {} .bypostauthor {} .mobile-show {display:none!important;} #view-menu .menu-open, #view-menu .menu-closed {display: none;} #view-menu .menu-open.active, #view-menu .menu-closed.active {display: inline-block;} /* ========================================================================== Print styles ========================================================================== */ @media print { * {background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important;} a,a:visited {text-decoration:underline;} a[href]:after {content:" (" attr(href) ")";} abbr[title]:after {content:" (" attr(title) ")";} .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {content:"";} pre,blockquote {border:1px solid #999;page-break-inside:avoid;} thead {display:table-header-group;} tr,img {page-break-inside:avoid;} img {max-width:100% !important;} @page {margin:0.5cm;} p,h2,h3 {orphans:3;widows:3;} h2,h3 {page-break-after:avoid;} } /* ============================================================================= Standard Styles ========================================================================== */ p { margin:0 0 12px 0; } h1, h2, h3, h4 { margin:0 0 12px 0; line-height:120%; } h2 {margin: 20px 0 12px;} a, a:visited, a:active { text-decoration:none; } pre { background: #f7f7f7; color: #444; padding: 1.5em; } .btcf:after { content:""; display:table; clear:both; } /* modern clearfix */ hr { margin:12px 0; color:#fff; /* match to background color */ border-width:0; border-top:2px solid #e5e5e5; height:1px; } .pointer { cursor:pointer; } .error { color:red; line-height:140%; font-weight:bold; font-size:90%; } .uppercase { text-transform:uppercase; } .grey { color:#999; } .black { color:#000; } .green { color:#008000; } .yellow { color:#C0C000; } .red { color:#B30000; } .icon { vertical-align:middle; } .hide { display:none; } .textalignleft { text-align:left; } .textalignright { text-align:right; } .textaligncenter { text-align:center; } #content img { max-width:100%; } /* assures these tags are not overridden by Google fonts */ code, pre, tt {font-family: courier, serif!important;} /* tables */ table { margin-bottom: 18px; text-align: left; border-collapse: collapse; } table th { font-size: 110%; font-weight: bold; padding: 4px; } body.single-main_product table, .quick-stats-inner table {border-collapse: separate;width: 100%;} body.single-main_product table th, .quick-stats-inner table th {background: rgba(0,0,0,0.08);border: 1px solid rgba(0,0,0,0.05);} body.single-main_product table td, .quick-stats-inner table td {background: rgba(0,0,0,0.03);border: 1px solid rgba(0,0,0,0.05);} table td { padding: 10px; vertical-align:top; } table.noformat td, table.noformat tr:hover td { border-width:0 !important; background:transparent !important; } /* Forms */ form label { display: inline-block; padding: 0 0 2px; font-weight: bold; font-size: 90%; line-height:100%; } form label.inline { display: inline; padding: 0; } form fieldset legend { font-weight: bold; margin-bottom: 10px; padding-top: 10px; } form p small { font-size: 0.75em; display: block; padding-left:3px; } form input, form input.text-input, form select, form textarea, form .wysiwyg { padding: 6px; font-size: 12px; background: #fff; border: 1px solid #999; color: #333; max-width:100%; } form .small-input { width: 25% !important; } form .medium-input { width: 50% !important; } form .large-input { width: 97.5% !important; font-size: 16px !important; padding: 8px !important; } form textarea { /*width: 97.5% !important;*/ } form select { padding: 4px; background: #fff; } form input[type="checkbox"], form input[type="radio"] { padding: 0; background: none; border: 0; } form label.error { display:inline; float: none; color: red; padding-left: .5em; vertical-align: top; background-image:none; background-color:transparent; font-size:8pt; } form span.required { color:#C00000; font-weight:bold; } /* .submitbutton, input[type=submit], .submitbutton:hover, input[type=submit]:hover { height:25px; line-height:24px; padding:0 12px; display:inline-block; background:#648CBD; color:#fff; font-size:13px; text-decoration:none; border-width:0; cursor:pointer; font-weight:bold; } .submitbutton:hover, input[type=submit]:hover { background: #666; color:#fff; } */ /* ============================================================================= Custom Styles ========================================================================== */ #content { width: 100%; padding: 20px; margin-top: 20px; margin-bottom: 20px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;z-index: 1000; } #view-menu { display: none; } .main-nav{} .main-nav ul{margin: 0;padding: 0;} .main-nav li{display:inline-block;margin: 0;float: left;} .main-nav .menu-item-has-children{position:relative;} .main-nav ul li a{font-weight:bold;text-decoration:none;padding:10px 15px;display:block;} .main-nav ul li.menu-item-has-children:hover {} .main-nav .sub-menu{display:none;position:absolute;left:0;padding:0;margin:0;z-index:2147483647} .main-nav .menu-item-has-children:hover .sub-menu{display:block} .main-nav .sub-menu li a{display:block;width:200px;font-size:13px;text-align:left;padding:15px;} .main-nav .sub-menu .sub-menu{display:none !important;left:100%;margin-top:-31px} .main-nav .sub-menu .menu-item-has-children:hover .sub-menu{display:block !important} .menu-main-menu-3-container{margin-bottom:4px} .main-nav .sub-menu {box-shadow: 0 3px 6px rgba(0,0,0,0.4);} /* fill these out as fallbacks for user nav styles .main-nav a:hover, .main-nav .sub-menu li a, .main-nav li.menu-item-has-children:hover, .main-nav li.current-menu-item:hover a, .main-nav .sub-menu li.current-menu-item a {} */ .main-nav ul li:first-child a {padding-left: 18px;} #logo {float:left; padding: 20px 10px 20px 0;width: auto;} .tagline {margin: 10px 10px 0 0;} .rating-stars {color: #fcb514;font-size: 18px;} header .widget {float: right;width: auto;padding: 20px 0 20px 10px;margin: 0;} /* slider *****/ .top-products {margin: 25px 0;padding: 0;clear: both;} .top-products .slider-inner {padding: 0 15px 15px;} .top-products h2 {padding: 10px 20px; margin: 0 0 12px 0;} .slide {width: 100%;} .slide-inner { width: 25%; float: left; } .slide-inner .slide-pad {margin: 5px; padding: 5px;} .slide-inner .slide-pad h4 {font-size: 110%; line-height: 120%; font-weight: bold; text-align: center; height: 55px; padding: 10px; overflow: visible;position:relative;} .slide-inner .slide-pad .main-img-slider {display:block;margin: 0 auto 10px;width: 100%;} .slide-inner .slide-pad p.stat {margin: 0 0 5px 0;} .slide-inner .slide-pad p.stat:last-child { margin: 0 0 10px 0;} .top-products-slider a.slide-link, .top-products-slider a.slide-link:visited, .dragondrop a.slide-link, .dragondrop a.slide-link:visited {display:inline-block; padding: 10px; width: 48%; float: left; text-align: center;} .top-products-slider a.prod-link {margin-left: 2%;} .top-products-slider a.prod-link:hover {} .top-products-slider a.review-link {margin-right: 2%;} .top-products-slider a.review-link:hover {} .top-prod.cycle-pager span {display:inline-block; margin: 0 4px; cursor: pointer; text-align: center; font-size: 18px; padding: 4px 8px;} .top-prod.cycle-pager span.cycle-pager-active, .top-prod.cycle-pager span.cycle-pager-active:hover { cursor: default;} .top-prod.cycle-pager span:hover {} .pager-outer {position: relative; display:block; float: right;} .cycle-arr-next, .cycle-arr-prev {position:absolute; top: 3px;} .cycle-arr-prev {left: -25px;} .cycle-arr-next {right: -25px;} .slider-controls {margin: 0 25px 10px 25px;} .cycle-control {display:inline-block;} .cycle-arr i {cursor:pointer;font-size: 24px;opacity: 0.7;} .cycle-arr i:hover {opacity: 1;} main#homepage-main .slide-inner .slide-pad h4, article.single-blog .slide-inner .slide-pad h4, article.related-products-1 .slide-inner .slide-pad h4, article.related-products-2 .slide-inner .slide-pad h4, main.single-review-content .slide-inner .slide-pad h4, main.twocolumn .slide-inner .slide-pad h4 {font-size: 12px!important; line-height: 14px!important;} main#homepage-main .top-products-slider a.slide-link, article.single-blog .top-products-slider a.slide-link, article.related-products-1 .top-products-slider a.slide-link, article.related-products-2 .top-products-slider a.slide-link, main.single-review-content .top-products-slider a.slide-link, main.twocolumn .top-products-slider a.slide-link {width: 100%!important; float: none!important;margin: 0!important;font-size: 14px!important;} main#homepage-main .top-products-slider a.review-link.slide-link, article.single-blog .top-products-slider a.review-link.slide-link, article.related-products-1 .top-products-slider a.review-link.slide-link, article.related-products-2 .top-products-slider a.review-link.slide-link, main.single-review-content .top-products-slider a.review-link.slide-link, main.twocolumn .top-products-slider a.review-link.slide-link, body.page #content article .top-products-slider a.review-link.slide-link {margin-bottom: 5px!important;} /* dragondrop tool */ .top-products.dragondrop {overflow: auto;max-width: 100%;margin-bottom: 25px;} .top-products.dragondrop > .dragondrop {min-width: 500px;width: 100%;} .dragondrop .comparison {border: 4px solid #dedede;} .dragondrop .comparison .box {width: 25%;border-right: 4px solid #dedede;min-height: 250px;background: #f9f9f9;float: left;position: relative;} .dragondrop .comparison .box.key {background: #f4f4f4;} .dragondrop .comparison .box:nth-child(2) {border-left: 4px solid #dedede;} .dragondrop .comparison .box.key {border-right: none;} .dragondrop .comparison .box.product .data-spec-order-1 {text-align: center;} .dragondrop .comparison .box.product-3 {border-right: none;} .dragondrop .comparison .comparison-inner .placeholder { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: 0.3s all linear; margin: 0; font-size: 18px; color: #999; border: 4px dashed #dedede; padding: 20px; border-radius: 12px; } .dragondrop .comparison .comparison-inner .box.key .placeholder { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: 0.3s all linear; margin: 0; font-size: 18px; color: #999; border: 4px solid #999; padding: 20px; border-radius: 12px; background: #dedede; } .specs-table { display: table;width: 100%; } .specs-table span.table-row { display: table-row;width: 100%; } .specs-table span.table-row > span {display: table-cell;vertical-align: middle; width: 100%; padding: 5px 10px; border-bottom: 1px solid #dedede;font-size: 12px;} .box.key .specs-table span.table-row > span {font-weight: bold; font-size: 16px;} .specs-table span.table-row > span.spec-hovered {box-shadow: 0 0 6px rgba(0,0,0,0.4);background: #fff;} .box.key .specs-table span.table-row > span.spec-hovered {background: #f9f9f9;} #content .dragondrop a.prod-link, #content .dragondrop a.prod-link:visited {margin-right: 2%;} #content .dragondrop a.review-link, #content .dragondrop a.review-link:visited {margin-left: 2%;} /* .all-options */ .dragondrop .all-options { padding: 10px 10px 0; background: #999; } .dragondrop .all-options .inner ul, .dragondrop .all-options .inner ul li { list-style-type: none; margin: 0; padding: 0; } .dragondrop .all-options .inner ul li { float: left; padding: 5px; background: #fff; border-radius: 6px; margin: 0 5px 5px 0; cursor: move; position: relative; font-size: 13px; font-weight: bold; } .dragondrop .all-options .inner ul li .ghost { display:block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.4; padding: 5px; background: #fff; border-radius: 6px; margin: 0 5px 5px 0; font-size: 13px; font-weight: bold; } .dragondrop .all-options .inner ul li:hover { box-shadow: 0 0 6px rgba(0,0,0,0.4); } .dragondrop .all-options .inner ul li.chosen {background: #999999;color: #000;} /* sortable table *****/ section.top-products.table h2 {margin: 0;} .table-outer {max-width: 100%; margin: 0; padding-bottom: 10px;border-radius: 4px;overflow-x: auto;} table.prod-sortable {width: 100%;margin: 0 auto; background: #fff;} table.prod-sortable img {float: left; margin: 0 10px 0 0;max-width: 75px!important;} .prod-sortable a.slide-link, .prod-sortable a.slide-link:visited {display:block; padding: 10px; width: 100%; float: none; text-align: center;margin: 0 0 10px 0;} .prod-sortable a.prod-link {} .prod-sortable a.prod-link:hover {} .prod-sortable a.review-link {} .prod-sortable a.review-link:hover {} th.header {padding: 5px 15px 5px 25px;position:relative;} th.header:after { position:absolute; font-family: FontAwesome; top:5px; left:10px; content: "\f07d"; } th.headerSortDown:after {position:absolute; font-family: FontAwesome; top:5px; right:10px; content: "\f175"; } th.headerSortUp:after {position:absolute; font-family: FontAwesome; top:5px; right:10px; content: "\f176"; } th.table-prod-name {width: 250px;} table.prod-sortable td { vertical-align: middle; } table.prod-sortable th { vertical-align: top; cursor:pointer; } .rating-txt {display:none;} /* home page ****/ /* sidebar */ aside#sidebar {width: 30%; float:right;} div.widget {margin: 0 0 25px 0;list-style-type: none;padding: 10px;/*background: #f1f1f1;*/} div.widget ul {list-style-type: none; padding: 0; margin: 0;} div.widget h2 {padding: 5px 10px; margin: 0 0 12px 0;width 100%; display: inline-block; font-weight: bold;} footer div.widget h2 {margin: 0 0 20px 0; padding: 0;} h2.widgettitle i.fa {float:right;padding-top: 3px;} footer h2.widgettitle i.fa {float:none;padding: 0 10px 0 0;} #sidebar ul li, footer ul li { margin: 0 0 12px 0; } main#homepage-main, article.single-blog, article.related-products-1, article.related-products-2, main.single-review-content, main.twocolumn {float:left; width: 70%;margin:0;padding-right: 10px;} #content article.type-main_product .top h2 {margin: 0 0 10px 0;} /* single review */ #review-quick-stats {} #review-quick-stats p { margin: 0 0 5px 0;} #review-quick-stats .col_1 { float: left; width: 50%;padding: 0 20px 0 0;} #review-quick-stats .col_2 { float: right; width: 50%;} .stat span{ font-weight: bold;} .main-img-single-review {box-shadow: 0 0 10px rgba(0,0,0,0.3);float: right;max-width: 331px!important;} .main-review {margin: 0 0 30px 0; padding: 20px 0 0 0;} a.single_review_bar, a.single_review_bar:visited {display:block; width: 100%; padding: 15px 40px; font-weight: bold;text-align:center;margin: 0 0 20px 0;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} a.single_review_bar:hover {} aside#sidebar {width: 30%;margin:0;padding-left: 20px;float: right;} li.widget {} li.widget h2.widgettitle {} footer li.widget h2.widgettitle {} /* product reviews */ article.type-main_product {width: 100%; margin: 0 0 50px; padding: 10px;} article.type-main_product:first-child{margin: 0 0 20px;} article.type-main_product h2 {margin: 0;font-size: 14px;} article.type-main_product h2 a {font-size: 14px;line-height: 120%;} article.type-main_product .top {padding: 20px;margin: 0 0 5px 0;} article.type-main_product .bottom ul {list-style-type: none; margin: 0; padding: 0;} .prod-archive-img {float: right; margin: 0 0 5px 10px;max-width: 120px!important;} section.main-products-archive, section.related-products-1, section.related-products-2 {width: 70%; float: left;} .archive-links {float: right; width: 28%;} #content .archive-links .review-link {display:block; width: 100%;padding: 15px; text-align: center;border-radius: 4px; } .archive-specs ul li {padding: 0 0 0 20px;} #content .archive-links .review-link:hover {opacity: 0.8;} .archive-specs {float: left; width: 68%;margin: 10px 0 0 0;} .view-archive-specs { font-size: 18px; line-height: 140%; font-family: Arial, sans-serif; padding: 20px; cursor:pointer; } .quick-stats-inner {display:none;} .quick-stats-inner hr {padding: 10px 0 10px 40px;margin: 10px 0 0 20px;} .quick-stats-inner div {margin: 10px 0 0 20px;} article.type-related_product_1 h2, article.type-related_product_2 h2 {margin: 0 0 10px 0;} article.type-related_product_1, article.type-related_product_2 {margin: 0 0 30px 0;} /* single blog post */ .single-content article {float:left; width: 70%;margin:0;} #pagination { font-size: 120%; font-weight: bold;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; } .view-article {display:block; margin: 10px 0 0 0;} /* single brands */ body.single-brands .main-img-single-review {float: left; margin: 0 20px 10px 0;} .brand-img-archive {float: right; margin: 0 0 10px 10px;} img.wp-post-image {float: right; margin: 0 0 10px 10px;} /* footer */ footer {padding: 50px 0;} footer li.widget h2 { padding: 0 0 10px; } .footer-widgets {padding: 0 0 25px 0;} .footer-widgets .footer-col {width: 25%; float: left;} .footer-widgets .footer-col1 {padding: 0 10px 0 0;} .footer-widgets .footer-col2 {padding: 0 5px} .footer-widgets .footer-col3 {padding: 0 5px;} .footer-widgets .footer-col4 {padding: 0 0 0 10px;} .partner-disclaimer {padding: 20px 0;} /* comments */ div.commentlist {margin-top: 50px!important;} div#comments {margin-top: 75px;} div#comments ul {list-style-type: none;padding-left: 0;} div.comment-author img {float: left;margin: 0 10px 5px 0;} article.knife-reviews div#comments img {border: none;} div#comments li {padding: 15px;background: rgba(0,0,0,0.02);margin-bottom: 15px;} div#comments h2 {margin: 0 0 10px 0;} .commentwrap { margin: 40px 0 20px; padding: 3% 4%; position: relative; clear: both; } .comment-title { font-size: 140%; margin: 0 0 10px; padding: 0; } .next-prev-comment { position: absolute; top: 20px; right: 20px; } .next-prev-comment a { text-decoration: none; font-size: 85%; text-transform: uppercase; } .next-prev-comment .next { margin: 0 0 0 20px; } /* commentlist */ .commentlist { margin: 0; padding: 5px 0 0; list-style: none; } .commentlist li { margin: 0; padding: 15px 0 0; list-style: none; position: relative; } .commentlist .comment-author { margin: 2px 0 5px; padding: 0; } .commentlist .avatar { float: left; margin: -3px 12px 10px 0; } .commentlist cite { font: bold 120%/130% "Lucida Grande", Arial, "Lucida Sans Unicode", sans-serif; } .commentlist cite a { text-decoration: none; } .commentlist .bypostauthor > .comment-author cite { background: url(images/icon-author-comment.png) no-repeat 0 2px; padding-left: 18px; } .commentlist .comment-time { font-size: 75%; text-transform: uppercase; display: block; margin: 2px 0 0; } .commentlist .commententry { position: relative; min-height: 40px; overflow: hidden; padding-bottom: 5px; } .commentlist ul, .commentlist ol { margin: 0 0 0 60px; padding: 0; } .commentlist .reply { position: absolute; right: 0; top: 20px; } .commentlist .comment-reply-link { padding: 3px 8px; display: block; font: 10px/100% Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: .08em; text-decoration: none; } .commentlist .comment-reply-link:hover { text-decoration: none; } /* comment form */ #respond { margin: 0; padding: 10px 0 0; position: relative; clear: both; } p.form-submit { margin: 0; } #respond .cancel-comment-reply a { position: absolute; top: 10px; right: 0; display: block; font-size: 85%; text-decoration: none; padding: 1px 10px; } #respond .cancel-comment-reply a:hover {} #commentform { margin: 15px 0 0; } #commentform input[type=text] { width: 100%; max-width: 300px; margin-right: 5px; display:block; } #commentform label { font-weight: bold; } #commentform label small { font-weight: normal; } #commentform textarea { width: 100%; height: 140px; } /* comment page nav */ .commentwrap .pagenav.top { position: absolute; top: 7px; right: 15px; margin: 0; } .commentwrap .pagenav.bottom { margin-top: 10px; } .comment-meta {margin-bottom: 10px;} .zoom-tip {text-align:right;display:inline-block;margin: 10px 0 0 0;width: 100%;} /* jqZoom plugin */ .zoomPad{ position:relative; float:left; z-index:99; cursor:crosshair; float:right; } .zoomPreload{ -moz-opacity:0.8; opacity: 0.8; filter: alpha(opacity = 80); color: #333; font-size: 12px; font-family: Tahoma; text-decoration: none; border: 1px solid #CCC; background-color: white; padding: 8px; text-align:center; background-image: url(images/zoomloader.gif); background-repeat: no-repeat; background-position: 43px 30px; z-index:110; width:90px; height:43px; position:absolute; top:0px; left:0px; * width:100px; * height:49px; } .zoomPup{ overflow:hidden; background-color: #FFF; -moz-opacity:0.6; opacity: 0.6; filter: alpha(opacity = 60); z-index:120; position:absolute; border:1px solid #CCC; z-index:101; cursor:crosshair; } .zoomOverlay{ position:absolute; left:0px; top:0px; background:#FFF; /*opacity:0.5;*/ z-index:5000; width:100%; height:100%; display:none; z-index:101; } .zoomWindow{ position:absolute; left:110%; top:40px; background:#FFF; z-index:6000; height:auto; z-index:10000; z-index:110; } .zoomWrapper{ position:relative; border:1px solid #999; z-index:110; } .zoomWrapperTitle{ display:block; background:#999; color:#FFF; height:18px; line-height:18px; width:100%; overflow:hidden; text-align:center; font-size:10px; position:absolute; top:0px; left:0px; z-index:120; -moz-opacity:0.6; opacity: 0.6; filter: alpha(opacity = 60); } .zoomWrapperImage{ display:block; position:relative; overflow:hidden; z-index:110; } .zoomWrapperImage img{ border:0px; display:block; position:absolute; z-index:101; max-width: none!important; } .zoomIframe{ z-index: -1; filter:alpha(opacity=0); -moz-opacity: 0.80; opacity: 0.80; position:absolute; display:block; } /********************************************************* / When clicking on thumbs jqzoom will add the class / "zoomThumbActive" on the anchor selected /*********************************************************/ i.fa-star {text-shadow: 1px 1px 0 #fff, 3px 3px 0 #666;} i.fa-star-half-o {text-shadow: 3px 3px 0 #dedede;} section.top-products h2 i.fa-star {text-shadow: none;} /* EasyAzon Support */ a.easyazon-link.single_review_bar { padding: 0; display: inline; } .main-img-single-review {display: block; } #review-quick-stats .col_2 a { display:block; } /* ============================================================================= User Created CSS Fallback - all of this gets overwritten by the user chosen presets ========================================================================== */ hr{color:#666666;border-color:#666666;} body {background: #f1f1f1;color:#666666;font-size:16px;line-height:140%;font-family:'Open Sans', sans-serif;} #shdw_inner{display: none;} #shdw_outer {position:relative; height: 0; overflow: visible;} #shdw_inner{position:absolute; height: 400px; bottom: -400px; width: 100%; z-index: 100;background: -moz-linear-gradient(top, rgba(0,0,0,0.37) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.37)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.37) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0.37) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0.37) 0%,rgba(0,0,0,0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0.37) 0%,rgba(0,0,0,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#5e000000", endColorstr="#00000000",GradientType=0 ); /* IE6-9 */ } header{background: #f1f1f1;} a.text-logo{color:#ffffff;font-size:48px;line-height: 100%;font-family:'Rokkitt', serif;}#content{background:#ffffff;}footer{background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjojMTExMTExOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiMwMDAwMDA7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #111111), color-stop(100%, #000000)); background: -moz-linear-gradient(top,#111111 0%,#000000 100%); background: -webkit-linear-gradient(top,#111111 0%,#000000 100%); background: -o-linear-gradient(top,#111111 0%,#000000 100%); background: -ms-linear-gradient(top,#111111 0%,#000000 100%); background: linear-gradient(top,#111111 0%,#000000 100%);color:#dedede;} nav.main-nav{background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjojOEJCODBFOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiM0RDY2MDI7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8BB80E), color-stop(100%, #4D6602)); background: -moz-linear-gradient(top,#8BB80E 0%,#4D6602 100%); background: -webkit-linear-gradient(top,#8BB80E 0%,#4D6602 100%); background: -o-linear-gradient(top,#8BB80E 0%,#4D6602 100%); background: -ms-linear-gradient(top,#8BB80E 0%,#4D6602 100%); background: linear-gradient(top,#8BB80E 0%,#4D6602 100%);} nav.main-nav a, nav.main-nav a:visited, #view-menu{color:#fff;font-size:14px;line-height:140%;font-family:Arial, sans-serif;}.main-nav a:hover, .main-nav .sub-menu li a, .main-nav li.menu-item-has-children:hover, .main-nav li.current-menu-item:hover a, .main-nav .sub-menu li.current-menu-item a{color:#ffffff;background:#333333;}.main-nav li.current-menu-item a, .main-nav .sub-menu a:hover, .main-nav .sub-menu li.current-menu-item a:hover, .main-nav li.current-menu-item:hover .sub-menu a:hover {background:#444444;color:#fff;}h1{color:#8bb80e;font-size:24px;line-height:120%;font-family:'Arvo', sans-serif;}h2{color:#8bb80e;font-size:24px;line-height:140%;font-family:'Arvo', sans-serif;}h3{color:#8bb80e;font-size:18px;line-height:140%;font-family:'Open Sans', sans-serif;} .tagline{color:#ffffff;font-size:13px;line-height:100%;font-family:'Open Sans', sans-serif;} .partner-disclaimer{color:#999999;border-top: 1px solid #999999;font-size:10px;line-height:140%;} #content a, #content a:visited, body.archive #content article.type-main_product .top h2 a, body.archive #content .archive-links .review-link, .archive-specs ul li span, .view-archive-specs {color:#8bb80e;} #content a:hover{color:#F5B200;} #sidebar li.widget h2{background:#333;color:#fff;font-size:16px;line-height:140%;font-family:'Oswald', serif;} h2.widgettitle i.fa{line-height:140%;} footer a, footer a:visited{color:#8bb80e;} footer a:hover{color:#F5B200;} footer li.widget h2{color:#8bb80e;border-bottom: 2px solid #8bb80e;font-size:16px;line-height:120%;font-family:Arial, sans-serif;} .top-products{background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjojMjIyMjIyOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiMxMTExMTE7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #222222), color-stop(100%, #111111)); background: -moz-linear-gradient(top,#222222 0%,#111111 100%); background: -webkit-linear-gradient(top,#222222 0%,#111111 100%); background: -o-linear-gradient(top,#222222 0%,#111111 100%); background: -ms-linear-gradient(top,#222222 0%,#111111 100%); background: linear-gradient(top,#222222 0%,#111111 100%);border: 1px solid #f0f0f0;}.top-products h2{background:#444444;color:#ffffff;font-size:30px;line-height:140%;font-family:'Arvo', sans-serif;} .top-prod.cycle-pager span{background:#444444;color:#999999;} .cycle-arr i{color:#444444;} .top-prod.cycle-pager span.cycle-pager-active, .top-prod.cycle-pager span.cycle-pager-active:hover{background:#999999;color:#ffffff;} .top-products-slider a.prod-link{display:block;width:48%;float:left;} .top-products-slider a.review-link{display:block;width:48%;float:left;} .prod-sortable a.prod-link{display:block;width:100%;} .prod-sortable a.review-link{display:block;width:100%;} /*.top-products-slider a.prod-link, .prod-sortable a.prod-link{box-shadow: 0 0 6px rgba(0,0,0,0.4);}*/ #content .top-products-slider a.prod-link, #content .top-products-slider a.prod-link:visited, #content .prod-sortable a.prod-link, #content .prod-sortable a.prod-link:visited {background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjojRkZERDAwOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQjgxMDA7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFDD00), color-stop(100%, #EB8100)); background: -moz-linear-gradient(top,#FFDD00 0%,#EB8100 100%); background: -webkit-linear-gradient(top,#FFDD00 0%,#EB8100 100%); background: -o-linear-gradient(top,#FFDD00 0%,#EB8100 100%); background: -ms-linear-gradient(top,#FFDD00 0%,#EB8100 100%); background: linear-gradient(top,#FFDD00 0%,#EB8100 100%);color:#ffffff;border: 1px solid #eb8100;font-size:12px;line-height:100%;font-family:Arial, sans-serif;} #content .single_review_bar, #content .single_review_bar:visited{background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjojRkZERDAwOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNFQjgxMDA7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFDD00), color-stop(100%, #EB8100)); background: -moz-linear-gradient(top,#FFDD00 0%,#EB8100 100%); background: -webkit-linear-gradient(top,#FFDD00 0%,#EB8100 100%); background: -o-linear-gradient(top,#FFDD00 0%,#EB8100 100%); background: -ms-linear-gradient(top,#FFDD00 0%,#EB8100 100%); background: linear-gradient(top,#FFDD00 0%,#EB8100 100%);color:#ffffff;border: 1px solid #eb8100;} #content .top-products-slider a.prod-link:hover, #content .prod-sortable a.prod-link:hover, #content .single_review_bar:hover{background:#F5B200;border: 1px solid #eb8100;color:#fff;} #content .top-products-slider a.review-link, #content .top-products-slider a.review-link:visited, #content .prod-sortable a.review-link, #content .prod-sortable a.review-link:visited{background:#666666;border: 1px solid #666666;color:#ffffff;font-size:12px;line-height:100%;font-family:'Open Sans', sans-serif;} #content .top-products-slider a.review-link:hover, #content .prod-sortable a.review-link:hover{background:#444444;border: 1px solid #444444;color:#ffffff;} .slide-inner .slide-pad{background:#666666;} article.type-main_product .top, #content .archive-links .review-link{background:#f1f1f1;} article.type-main_product{border: 1px solid #f1f1f1;}#content{-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.4);box-shadow: 0 0 20px rgba(0,0,0,0.4);} #content,article.type-main_product .top, #content .archive-links .review-link,li.widget h2.widgettitle,.top-products,.top-products h2,.slide-inner .slide-pad{} .slide-pad, .slide-inner .slide-pad h4{color:#F5B200;font-size:18px;line-height:120%;font-family:'Open Sans', sans-serif;} table.prod-sortable th {color:#dedede;border: 1px solid #222222;} table.prod-sortable {border: 1px solid #dedede;} table.prod-sortable td{border-top: 1px solid #dedede;} table.prod-sortable tr:first-child td{border-top: none;} table.prod-sortable td, a.table-title-link h4, a.table-title-link:visited h4{color:#666666;font-size:12px;line-height:140%;} a.table-title-link h4, a.table-title-link:visited h4{color:#8bb80e;font-size:12px;line-height:140%;} a.table-title-link:hover{opacity: 0.8;} table.prod-sortable th.header{background-color:#666666;font-size:18px;line-height:120%;font-family:'Open Sans', sans-serif;}table.prod-sortable tr{background:#fff;color:#666;}table.prod-sortable tr:hover{background:#fafafa;color:#333;} @media only screen and (max-width: 600px) { body, .tagline{font-size:12px;line-height:140%;} h1{font-size:20px;line-height:140%;} h2{font-size:18px;line-height:140%;} h3{font-size:16px;line-height:140%;} nav.main-nav a, nav.main-nav a:visited, #view-menu{font-size:16px;line-height:140%;} li.widget h2{font-size:14px;line-height:140%;} footer li.widget h2{font-size:14px;line-height:140%;} .top-products h2{font-size:14px;line-height:140%;} #content .top-products-slider a.prod-link, #content .top-products-slider a.prod-link:visited, #content .prod-sortable a.prod-link, #content .prod-sortable a.prod-link:visited{font-size:11px;line-height:120%;} #content .top-products-slider a.review-link, #content .top-products-slider a.review-link:visited, #content .prod-sortable a.review-link, #content .prod-sortable a.review-link:visited{font-size:11px;line-height:120%;} .slide-inner .slide-pad h4{font-size:14px;line-height:120%;} table.prod-sortable th.header{font-size:14px;line-height:120%;} table.prod-sortable td, a.table-title-link h4, a.table-title-link:visited h4{font-size:11px;line-height:120%;} .main-nav a:hover, .main-nav .sub-menu li a:hover, .main-nav .current-menu-item .sub-menu li a:hover {color:#ffffff;background:#333333;} } /* ============================================================================= Media Queries ========================================================================== */ /* 1040px and more */ @media only screen and (min-width: 1040px) { .top-products-slider {height: 100%; max-height: 450px; overflow: hidden;} } /* 1040px and less */ @media only screen and (max-width: 1040px) { .footer-widgets {padding: 0 20px 15px; } .partner-disclaimer {padding: 20px 0;width: auto;margin: 0 20px;} .copyright {padding: 0 20px;} } /* 1026px and less */ @media only screen and (max-width: 1026px) { #content{margin-top: 0;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;} header {padding: 0 20px;} } /* 950px and less */ @media only screen and (max-width: 950px) { .main-img-single-review {max-width: 100%!important;} } /* 768px and less */ @media only screen and (max-width: 768px) { nav a { font-size:15px; } .table-outer {overflow-x: auto;} .mobile-hide {display:none!important;} .mobile-show {display:block!important;} .slide-inner .slide-pad {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;} } /* 651px and more */ @media only screen and (min-width: 651px) { #view-menu {display:none;} /*nav.main-nav ul {display:block!important;} /* makes sure nav shows on screen resize */ } /* 650px and less */ @media only screen and (max-width: 650px) { .mobile-clear {clear: both!important;display: block; height: 0; padding: 0; margin: 0;} section.main-products-archive, section.related-products-1, section.related-products-2, aside#sidebar, main#homepage-main, article.single-blog, article.related-products-1, article.related-products-2, main.single-review-content, main.twocolumn {float:left; width: 100%;margin:0;padding-right: 0;} aside#sidebar {padding-left:0;margin-top: 40px;} #content .archive-links .review-link { padding: 20px; } /* slider */ .slide-inner { width: 50%; float: left; margin-bottom: 10px;} .slider-controls { text-align: center; } .pager-outer { display: inline-block; float: none; } #pagination a, #pagination span {display:inline-block; margin: 0 5px;} #view-menu { cursor: pointer; display: block; text-align: center; text-transform: uppercase; padding: 10px; } nav.main-nav { -moz-box-shadow: inset 0 0 8px #000000; -webkit-box-shadow: inset 0 0 8px #000000; box-shadow: inset 0 0 8px #000000; } nav.main-nav ul {display:none;} nav.main-nav .wrapper {width: 100%;} nav a { float: none; text-align: center; margin: 0; display: block; } .main-nav ul{margin: 0;padding: 0;} .main-nav li{display:inline;margin: 0;float: none;} .main-nav .menu-item-has-children{position:relative;} .main-nav ul li a{font-weight:bold;text-decoration:none;padding:10px 15px;display:block;} .main-nav .sub-menu{display:block;position:static;left:0;padding:0;margin:0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;} .main-nav .menu-item-has-children:hover .sub-menu{display:block} .main-nav .sub-menu li {width: 100%;} .main-nav .sub-menu li a{display:block;width:100%;font-size:13px;text-align:center;padding:15px; background: none;} .main-nav .sub-menu .sub-menu{display:block !important;left:100%;margin-top:0;} .main-nav .sub-menu .menu-item-has-children:hover .sub-menu{display:block !important} .menu-main-menu-3-container{margin-bottom:4px} .main-nav .current-menu-item .sub-menu li a, .main-nav .current-menu-item:hover .sub-menu li a, /*.main-nav .sub-menu li a {background: none!important;}*/ .main-nav a:hover .submenu {background: none;} .top-products {padding: 0;} .top-products h2 {border-radius: 4px 4px 0 0;-webkit-border-radius: 4px 4px 0 0;-moz-border-radius: 4px 4px 0 0; text-align: center;} .slider-controls { text-align: center; } .zoom-tip {text-align:center;} .archive-specs {float: none; width: 100%;margin-top: 20px;} .archive-links {float: none; width: 100%;} #view-archive-specs {text-align:center; width: 100%;display: block;padding: 10px;} .footer-widgets .footer-col { width: 50%; } .view-archive-specs { padding: 0 0 10px; width: 100%; display: block; text-align: center; } .quick-stats-inner div { margin: 10px; } #pagination {text-align: center;} li.widget, .footer-widgets .footer-col {padding: 0;} .footer-widgets .footer-col1,.footer-widgets .footer-col3 {padding-right: 10px;} .footer-widgets .footer-col2,.footer-widgets .footer-col4 {padding-left: 10px;} .slide-pad a.slide-link { width: 100%!important; float: none!important; margin: 0!important; font-size: 14px!important; } .slide-pad a.review-link {margin-bottom: 5px!important;} } /* 490px and less */ @media only screen and (max-width: 490px) { #logo, header .widget {float: none;width: 100%; text-align: center;} #logo img { max-width:100%; } .tagline { margin: 10px 0 0 0; } /* slider */ .slide-inner { width: 100%; float: none; margin-bottom: 10px; padding: 0 10px;} #review-quick-stats .col_1, #review-quick-stats .col_2 { float: none; width: 100%; padding: 0; } #review-quick-stats .col_2 .mobile-show {clear: both; padding-top: 10px;} #review-quick-stats .col_2 img.main-img-single-review {width: 100%;} .zoomPad {width: 100%; margin-top: 15px;} .footer-widgets .footer-col { width: 100%; float: none; } .footer-widgets .footer-col1,.footer-widgets .footer-col3 {padding-right: 0;} .footer-widgets .footer-col2,.footer-widgets .footer-col4 {padding-left: 0;} .rating-stars {font-size: 14px;} } /* 479px and less */ @media only screen and (max-width: 479px) { #content .archive-links .review-link { padding: 20px; } .archive-links { width: 100%; float: none; margin: 0 0 20px 0; } .partner-disclaimer, .copyright {text-align:center;} header {text-align: center;} } /* 320px and less */ @media only screen and (max-width: 320px) { } /* Retina screens */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { }