/* Product Recommendation Box */

.productbox {margin-top:25px !important; border: 4px solid #0c65b6; ox-shadow:0 0 15px -4px rgba(0,0,0,.25);   width:550px; padding:20px 20px 0px 20px; margin: 0 auto; color:#0a0a0a; font-family: "Gotham SSm A", "Gotham SSm B"; margin-bottom:50px;}

.productbox-left {float:left; width:210px; margin-top:10px;}
.productbox-right {float:right;  width:340px; margin-top:10px;}

.productbox-topleft {background-color:#0c65b6; color:#fff; width:80px; position: absolute; padding: 0px 10px; margin-top: -20px; margin-left:-20px; text-align:center;}

.productbox-title {font-weight:bold; line-height:22px; padding-bottom:10px; border-bottom: 2px solid #ccc;}
.productbox-features {}
.productbox-reviews {width:200px; text-align:center; font-size:12px; line-height:18px;}

.productbox-features ul {margin-left: 0; margin-top:10px;}

.productbox-features li {
    background: url('/product_images/uploaded_images/circle-check2.png') no-repeat center left;    
    margin: 0 0 0 5px;
    padding: 4px 0 5px 29px;
    list-style: none;
    line-height:25px !important;
    
}

.product-list-header {width:100% - 40px !important; color:#fff !important; background-color:#1369b9; padding:8px 8px 8px 20px !important; font-size:18px !important; font-weight:bold !important;}



/* Post Date */

.original-post-date {font-size: 14px !important; font-style:italic; text-align:right; color:#b5b5b5 !important;}

.linebreak {border-top: 1px solid #e5e5e5; height:1px;}

.PostBody p, .PostBody li {font-size:16px; color:#262626; font-family: "Gotham SSm A", "Gotham SSm B"; xxfont-family: "HCoGotham SSm, Arial,sans-serif"; font-weight:400 !important; line-height:34px; font-style: normal;}




/* Imported */


.newsbottom {border-top: 1px solid #ececec; padding-top:25px;}

.newsright li {color: #0c62b0;}
.newsright li:hover {color:#fff !important;}

.BlogRight {display:block; color:#1c6db6; padding:5px 8px; text-decoration:none; border: 1px solid #e1e1e1; margin-left:-5px;}
.BlogRight:hover {background-color:#0c62b0; color:#fff !important;}}
.BloggingPagination .PagingList, .CategoryPagination .PagingList, .BlogRight li {
    list-style: none;
    padding: 0;
    margin: 0;

}
.BloggingPagination {
    padding: 5px;
    text-align: center;
}

.BloggingPagination .PagingList li {
display: inline;
margin: 0 3px;
}
.BloggingPagination .PagingList li:first-child {
margin:0;
}

.BloggingPagination .PagingList li:last-child {
margin:0;
}

.BloggingPagination .PagingList li a {
color:#1c6db6;
display: inline;
padding:5px 8px;
text-decoration:none;
border: 1px solid #e1e1e1;
}

.BloggingPagination .PagingList  li a:hover {
color:#fff;
background-color:#1c6db6 !important;
border: 1px solid #1c6db6;
text-decoration:none;
}

.BloggingPagination .PagingList .ActivePage {
background-color:#1c6db6 !important;
border: 1px solid #1c6db6;
color:#fff;
padding:5px 8px;
text-decoration:none;
}




.blog-tags {border-top: 1px dotted #dedede; padding:15px 0;}
.blog-tags a:hover {border-bottom:none !important;}

#XXNewsContent {border-bottom:1px dotted #ccc;}

.BlogPostContent {padding-top:30px; border-top:1px dotted #ccc;}


/* 2022 New Blog Styles */

#LayoutColumn2 .PostTitle {font-family:'Roboto'; font-size:20px !important; font-weight:600;}


.PostBody h3 {font-family:'Roboto'; font-size:20px; color:#0c65b6 !important; font-style:normal; font-weight:500; margin-top:30px;}
.PostBody h2 {font-family:'Roboto'; font-size:20px; color:#0c65b6 !important; font-style:normal; font-weight:500; margin-top:30px;}
.Postbody a {color:#0c65b6;}
.PostBody {line-height:30px; color:#2a2a2a; font-size:16px;}
.PostBody a {color:#0c65b6 !important;}
.PostBody a:visited {color:#0c65b6 !important;}
.PostBody a:hover {opacity:.7;}
.PostBody p {padding-bottom:0px;}
.blogdate {padding-top:-15px !important;}


/* Adjust blog title to accomodate date */

#LayoutColumn2 #NewsContent h1 {margin-top:20px;}

/* Style Blog Post date */
.blogdate {position:absolute; margin-top:-97px; background-color:#0c65b6; color:#fff !important; padding:0px 10px !important; font-family: 'Arial' !important; }
.blogmonth {font-size:12px;}
.blogday {font-size:16px; font-weight:bold;}

/* Recent Post Sidebar Styles */
.recentposts li {padding:10px 0; border-bottom: 1px dotted #dedede;}
.recentposts a {color:#0c65b6 !important; font-weight:normal; font-size:12px;}
.recentposts a:hover {color:#0c65b6 !important; opacity:.7;}
.recentposts li:last-child {border-bottom:0px;}
.recentposts {border: 1px solid #dcdcdc; box-shadow:0 0 15px -4px rgba(0,0,0,.65); margin-top:20px; width:240px;}

.BlogPostContent a {text-decoration:none; color:#0c65b6;}
.PostTitle {font-size:42px !important; text-decoration:none; line-height:22px;}
.PostTitle {color:#0c65b6; font-family:'Roboto'; font-weight:500;}
.PostTitle a {text-decoration:none; color:#0c65b6; font-size:20px !important; font-style:normal;}
.PostTitle a:hover {color:#0c65b6; opacity:.8;}

/* Style Blog Content Post Links */
#NewsContent a {text-decoration:none;}
#NewsContent a:hover {border-bottom: 1px dotted #0c65b6;}
#NewsContent .PostBody a {border-bottom: 1px dotted #0c65b6;}


/* BLOG */

.top10 li {background: url('https://www.spygeargadgets.com/content/blog/check2.png') no-repeat center left;    
    margin: 1px 0 0 5px;
    padding: 3px 0 5px 20px;
    list-style: none;
}

.top102 li {background: url('https://www.spygeargadgets.com/content/blog/check2.png') no-repeat center left;    
    margin: 1px 0 0 5px;
    padding: 3px 0 5px 20px;
    list-style: none;
}

.popli li {background: url('https://www.spygeargadgets.com/content/blog/popli.png') no-repeat center left;    
    margin: 1px 0 0 5px;
    padding: 3px 0 5px 20px;
    list-style: none;
}

.numberCircle {
  border-radius: 50%;
  behavior: url(PIE.htc);
  /* remove if you don't care about IE8 */
  width: 28px;
  height: 24px;
  padding: 14px 10px 10px 10px;
  background: #fff;
  border: 3px solid #03568d;
  color: #03568d;
  text-align: center;
  font: 32px Arial, sans-serif;
}


/* Unsure */

.blink::after {display:none !important;}

/* New Font and Layout Styling */

.fig {font-size:16px !important; color:#0a0a0a; font-family: "Gotham SSm A", "Gotham SSm B";
 font-weight:300 !important; line-height:34px !important; font-style: normal;}
        
        .fig-header {font-size:22px !important; color:#0a0a0a; font-family: "Gotham SSm A", "Gotham SSm B"; font-weight:800 !important; line-height:34px !important; margin-top:30px; background-image: url("/product_images/uploaded_images/bottom-line.png");  background-repeat: no-repeat; background-position: left 0px bottom 0px; height:45px;}
        
        .blog-caption {text-align:center; font-size:12px !important; margin-top:-15px; font-family: "Gotham SSm A", "Gotham SSm B"; color:#0a0a0a; font-weight:300; }
        
        .blog-image {text-align:center; margin-top:30px;}
        
        .tipbox {margin-top:25px !important; border: 1px solid #ebebeb; box-shadow:0 0 15px -4px rgba(0,0,0,.25);  background-image: url("/product_images/uploaded_images/tip-icon.jpg"); background-repeat: no-repeat; background-position: left 25px top 20px; background-size: 75px 75px;  width:400px; padding:15px; margin: 0 auto; padding-left:120px; color:#0a0a0a; font-family: "Gotham SSm A", "Gotham SSm B"; padding-bottom:15px !important; margin-bottom:25px;}


/* Blog Post Box Styling */

.BlogPostBox {float:left; width:680px !important; border: 1px solid #dcdcdc; box-shadow:0 0 15px -4px rgba(0,0,0,.65); margin-top:20px; width:680px; padding:20px;}


/* Read Time Styling */

.blog-read-time {float:right; font-size:.9em; margin-top:-35px;}




/* Link stuff */

.productbox-viewproduct {background-color:#319904; font-size:22px; font-weight:bold; color:#fff; text-align:center; padding-top:20px; height:50px; margin-top:30px;}


.productbox-viewproduct a {color:#fff !important; text-decoration:none !important; border-bottom: 0px !important;}
.productbox-viewproduct a:hover {text-decoration:underline !important; opacity:1 !important;}
.productbox-viewproduct a:visited {text-decoration:none; color:#fff !important;}