﻿body {
    /*font-size: .85em;*/
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    color: #232323;
    background-color: #F4F2F2;
}

header, footer, nav, section {
    display: block;
}


/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}

a:link
{
    color: #0682B4; /*#034af3;*/
    text-decoration: none;
}
a:visited
{
    color: #0682B4; /*#505abc;*/
    text-decoration: none;
}
a:hover
{
    color: #12eb87;
    text-decoration: none;
}
a:active
{
    color: #12eb87;
}

#footer
{
    color: #999;
    padding: 25px 0 25px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;
}
#body
{
    max-width:1010px;
    margin: 0 auto;
}
.wrapper
{
    min-height:100%;
    width:100%;
    position:relative;
    display:inline-block;
}
.sidebar
{
    width:160px;
    top:0px;
    left:0px;
    bottom:0px;
    position:absolute;
}
.productContent
{
    max-width:84%;
    position:relative;
    float:right;
}
#navMenu
{
    max-width:1010px;
    margin: 0 auto;
    white-space: nowrap;
}
#menu ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

#menu a
{
    display: block;
    width: auto;
    color: white;
    background-color: #53565A;
    text-decoration: none;
    text-align: center;
    font-size: 1.2em;
    padding-left:0.7em;
    padding-right:0.7em;
}

#menu a:hover
{
    background-color: #FBFBEF; /**/
    color: #0682B4;
}
#menu li
{
    float: left;
    margin-right: 0.1em;
}
#navMenu .selected
{
background-color: grey;
color: white;

    border: 1px solid grey;
    border-radius: 4px;
}
.menubar
{
    border-bottom: 2px solid #53565A;
    width: 1010px;
    margin: 0 auto;
}

.pageHeader
{
    max-width: 1080px;
    margin: 0 auto;
    margin-top:1em;margin-bottom:0.5em;
}
.pageHeader .headerTitle
{
    font-size: 1.05em;
    font-weight: bold;
    color: #0682B4;
}
#SearchCategories, #twotabsearchtextbox { height:24px; }
#searchButton { font-size:0.9em; }
#productInfo { width:60%; float:left; padding-bottom:0.5em;}
.vendor { font-weight:bold; color:gray; }
#priceInfor { width:100%; float: left; }
.piceInfo { display: table-row; }
.piceInfo span { display: table-cell; }
.strike-text { text-decoration: line-through!important; }
.color-price { color: #b12704!important; }
.prodImg {margin-right:1em; }
@media only screen and (device-width: 768px) {
    #menu a
    {
        padding-left:0.5em;
        padding-right:0.5em;
    }
}
@media only screen and (max-width: 1024px) {
    .productContent{width:80%;min-height:720px;}
    /*#review { float: left; padding-left:2em; padding-bottom:1em;}
    #prodAd { padding-left:1em; }
    #productInfo { width:100%; }*/
    .piceInfo {font-size: 1.2em;}
}
@media only screen and (min-width: 1000px) {
    .hotdeal
    {
        float:right !important;
        padding-left:1.5em;
    }
    #review, #prodAd { float: right; }
    #prodImg { margin-left:2em; }
    .vendor { float:right; }
    #productInfo { margin-left:2em; }
    /*#priceInfor { margin-left: 80px; }*/
    #prodAd { padding-top:5em;}
    .popularcoupon { margin-left: 200px; }
    #search-paging { margin-left:170px; }
    .iframe-holder { height:1320px; }
    .prodImg img {max-height:175px;}
    .piceInfo {font-size: 1.2em;}
    .productContent { min-height:720px; }
}
@media only screen and (min-width: 767px) {
    .productContent.searResult { min-height:720px; }
}
@media only screen and (max-width: 1001px) {
    #review, #prodAd { padding-left:2em; padding-bottom:1em;}
    #prodAd { padding-top:2em; }
    #productInfo { width:95%; margin-left:2em; }
    .popularcoupon { margin-left: 20px; }
    .iframe-holder { height:1320px; }
}
@media only screen and (max-width: 768px) {
    .productContent
    {
        width:80%;
    }
    .hotdeal
    {
        float:left !important;
    }
    /*#prodImg img { width:100%; }*/
    #prodImg { margin-left:0.5em; }
    #productInfo { margin-left:1em; }
    .dealbar { padding-left:2em; }
    .iframe-holder {
      /*position: fixed;*/ 
      right: 0; 
      bottom: 0; 
      left: 0;
      top: 0;
      -webkit-overflow-scrolling: touch;
      overflow-y: scroll;
      overflow-x: scroll;
      height:1320px;
    }

    .iframe-holder iframe {
      height: 100%;
      width: 100%;
    }
    /*#search-paging { margin-left:120px; }*/
}
@media only screen and (max-width: 568px) {
    #prodAdSquare { margin-left:-25px;}
    #similarProd { margin-left: -15px; }
    .container-fluid.productContent { max-width:98%; }
    .iframe-holder.productContent { float:left; margin-left:30px; padding-left:0;}
    .iframe-holder { height:100%; }
    #iframe-holder { margin-left:-30px; }
    body { background-color:white;}
    .prodImg img {max-height:140px;}
    /*#search-paging { margin-left:20px; }*/
}
@media only screen and (max-width: 320px) {
    #similarProd { margin-left: -25px; }
    .popularcoupon { margin-left: 50px; }
    .container-fluid.productContent { max-width:100%; }
    .rightImage img { width:95%; }
    #iframe-holder { margin-left:-70px; }
    .prodImg img {max-width:140px; margin-left: -15px;}
    .piceInfo {font-size: 1em;}
}
#menu ul ul
{
    background:#ddd;
    display:none;
	position:absolute;
	top:auto;
	left:0;
	float:left;
	right:auto;
	width:auto;
    border-bottom:1px solid #ddd;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    min-width:150px;
    z-index: 10;
}

#menu ul ul li
{
    left:auto;
    margin:0;
    background:#FBFBEF; /**/
    clear:left;
    float:left;
    width:100%;
    padding:0.3em 0;
    text-align: left;
}

#menu ul li:hover ul,
#menu ul li.hover ul {
    display:block;
    left:auto;
}

#navMenu ul ul li a
{
    font-size: 1.0em;
    /*font-weight:bold;*/
    background-color: #FBFBEF; /*#FBFBEF faf5ce*/
    text-align: justify;
    color: #0682B4;
}
#navMenu ul li.active ul li a:hover,
#navMenu ul li:hover ul li a:hover,
#navMenu ul li.hover ul li a:hover
#navMenu ul ul li a:hover
{
    background:#FBFBEF; /**/
    background-color: #53565A;
    padding-top:0.3em;
    padding-bottom:0.3em;
    color:white;
}
#navMenu li:hover > a, .dropdown-menu li a.active{
    background-color: #FBFBEF; /**/
    color: #0682B4;
    border: 1px solid grey;
    border-radius: 4px;
}
.dropdown:hover .dropdown-menu {
    display: block;
    background-color: #FBFBEF; /**/
    color: #0682B4;
}
.dropdown { font-weight:500; }
.nav > li > a
{
    padding:10px 12px;
}
.navbar-nav { margin-top:3px;}

#sideMenu {
    width:160px;margin-bottom:0.5em;border:1px solid lightgray;background-color:white;
}
.container
{
    border: 1px solid lightgray;
    vertical-align : top;
    background-color:white;
}
.container td
{
    max-width:390px;
    width: 50%;
}
.container td:hover 
{
    background-color:#FBFBEF;
}

.productcell
{
    max-width:419px;
    /*width: 50%;*/
    height:210px;
    min-width:320px;
    border:1px solid lightgray;
    overflow:hidden;
    padding:15px 15px;
}

.productcell:hover 
{
    background-color:#FBFBEF;
}
.productcell.bestprod { height: 408px; }
.dealbar { width:100%; }
.title h2 { margin-top: 0px; }
.vmiddle { display: inline-block;vertical-align:middle; }
.dealselect { padding:15px 0; }

.riRssTitle {
    display:block;
    padding-top: 0.5em;
}
.riRssTitle a
{
    color:black;
}
.riRssTitle a:hover
{
    color: #12eb87;
}
.riRssContributor
{
    font-weight:bold;
}
.title
{
    color: darkblue;
    font-weight:normal;
    /*float: right !important;*/
}
#deal_select { color:black; font-weight:normal; font-size:small;}
.riRssReleaseDate
{
    color: green; display:block; margin-top: 0.4em;
}
#frameContent { display: none; }
#info { display: none; }


#info
{
    display: none; position:absolute; margin-left:500px; background-color:whitesmoke; width:200px; padding:0.5em;
}
#content:hover #info
{
    display:block;
}

#aframe
{
    overflow:hidden;margin-top:-4.4em;
}

#selectDeals
{
    float:right; margin-top:-3em; margin-right:2em;
}

/*search*/
.item { width:162px; float:left; margin-right:0.2em; position:relative; overflow:hidden; height:300px; margin-bottom:1em; }
#products { width:840px; margin-left:auto; margin-right:auto; padding-top: 2em; margin-bottom:0.5em; padding-bottom:0.5em; overflow:hidden; }
.productContent { background-color: white; padding-left:1.5em; }
#iframe-holder { max-width:100%; height:100%; float: left; min-width:280px; }
.price-color { color:red; }
.item-img { min-height:160px; }
.search-header { padding-bottom:1em; width:90%; color:gray; }
#search-paging { margin-bottom:1em;  margin-left:auto; margin-right:auto; }
#categoryProducts { padding-top:2em; }
.fullwidth-center { width:100%; margin-left:auto;margin-right:auto; }

#ItemSpec {padding-top:1em;padding-left:0.5em;padding-right:0.5em;}
#prodTitle {padding-left:0.5em;}
#similarProd { width:336px; margin-top:0.5em;}
.similarProd { width:162px; float:left; margin-left:3px; position:relative; overflow:hidden; height:270px; margin-top:5px; }
.similarItem {min-height:180px;}
#customerDesc {padding-top:1em;}
.priceLabel {color: gray; font-size:large;}
.simImg {max-width:160px;}
.prodImg.pull-left a img {
    max-width: 200px;
}
iframe#customerDesc {
    width: 100%;
    border: 0;
    height: 300px;
}
/*coupons*/
.a-box.coupon {
    border: 2px dashed rgb(221,221,221);
}
.coupon-shoveler div.button { top: 43%; }
.coupon-shoveler .shoveler-content { margin: 0px; height: 100%; }
.coupon-shoveler .shoveler-main { width: 100%; }
.coupon-shoveler ul { margin: 0 0px 1em; padding-top: 10px;}
.coupon-shoveler ul li { width: 150px; padding: 0px; }
.coupon-box-bl { height:100%; background: url("http://g-ecx.images-amazon.com/images/G/01/ui/boxes/dashed-bottom-left._V192195441_.gif") 0 100% no-repeat; }
.coupon-box-br { height:100%; background: url("http://g-ecx.images-amazon.com/images/G/01/ui/boxes/dashed-bottom-right._V192195441_.gif") 100% 100% no-repeat; }
.coupon-box-tl { height:100%; background: url("http://g-ecx.images-amazon.com/images/G/01/ui/boxes/dashed-top-left._V192195418_.gif") 0 0 no-repeat; }
.coupon-box-tr { height:100%; background: url("http://g-ecx.images-amazon.com/images/G/01/ui/boxes/dashed-top-right._V192195440_.gif") 100% 0 no-repeat; }
.coupon-box-t  { height:100%; background: url("http://g-ecx.images-amazon.com/images/G/01/ui/boxes/horiz-dash._V192195405_.gif") 0 0 repeat-x; }
.coupon-box-b  { height:100%; background: url("http://g-ecx.images-amazon.com/images/G/01/ui/boxes/horiz-dash._V192195405_.gif") 0 100% repeat-x; }
.coupon-box-l  { height:100%; background: url("http://g-ecx.images-amazon.com/images/G/01/ui/boxes/vert-dash._V192556463_.gif") 0 0 repeat-y; }
.coupon-box-r  { height:100%; background: url("http://g-ecx.images-amazon.com/images/G/01/ui/boxes/vert-dash._V192556463_.gif") 100% 0 repeat-y; }
.coupon-item-title { color:#E47911; font-weight: bold; font-size: 14pt; text-align:center; }
.coupon-item-desc {font-size:11px; text-align:center; padding-top:5px;height:30px;overflow:hidden;}
.coupon-item-foot {font-size:10px; text-align:center; color:#666666; padding-bottom:5px;}
.coupon-box-img { text-align:center; }
.coupon-clipbutton:link {font-weight:bold;color:green;text-align:center;}
.coupon-clipbutton:visited {font-weight:bold;color:green;text-align:center;}
.coupon-clipbutton:active {font-weight:bold;color:green;text-align:center;}
.coupon-clipped-text {font-weight:bold;color:green;text-align:center;}
img { border:0;}
.googleLBAd { max-width:1010px; max-height:288px;margin-left:auto;margin-right:auto;margin-top:1em; }
/*menu collapse break point*/
@media only screen and (max-width: 1022px) {
   .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
   .navbar-nav .open .dropdown-menu {
       position: static;
       float: none;
       width: auto;
       margin-top: 0;
       background-color: transparent;
       border: 0;
       -webkit-box-shadow: none;
       box-shadow: none;
    }
}