@font-face {
   font-family : uo;
   src         : url('/fonts/uo.ttf'), url('/fonts/uo.eot');
   }


#floattop {
    width: 100%;
    margin-left:auto;
    margin-right: auto;
    height: 45px;
    color: #222222;
    background-color: #fdfeff;
    border-bottom: solid 4px #83a2bd;

}
#floattopinside {
    width: 1020px;
    margin-left: auto;
    margin-right: auto;
}
.vendorcashprice {
    color: #2688f5;
    font-weight:bold;
}
.vendoritemname {
    color: #17487e;
    font-weight:bold;
    font-size: 14px;
}
.vendoritemprops {
    color: #2e2e2e;
}
#floattoplogo {
    float:left;
    padding-top: 6px;

}
#floattoplogo a {


    font-size: 26px;
    font-weight: bold;
    color: #83a2bd;
}
#floattoplinks {
    float:left;
    padding-top: 14px;
    padding-left: 20px;
    font-size: 14px;
    color: #888;
}
#floattoplinks a {
    font-weight: bold;
}

#floattopnavlinks a {
    font-weight: bold;
}


#floattopnavlinks {
    float:right;
    padding-top: 14px;
    padding-right: 20px;
    font-size: 14px;
    color: #888;

}

.floathead {
    width: 100%;
    font-size: 14px;
    height: 54px;
    color: #83a2bd;
    background-color: #f8f8f8;
    border-bottom: solid 1px #83a2bd;
}
.floathead a {
    color: #111;
}
.floatheadright {
    float: left;
    padding-top: 0px;
    padding-left: 10px;
    color: #83a2bd;
}
.floatheadrightsubmit {
    float: left;
    padding-top: 0px;
    padding-left: 4px;
}
.floatheadright-right {
    float: right;
    padding-top: 5px;
    color: #83a2bd;
}
.floatheadright-cart {
    float: right;
    color: #83a2bd;
    padding-top: 12px;
}
.floatheadprop {
    float: left;
    color: #ffd57e;
    padding-top: 18px;

}
.floatheadlc {
    float: left;
    color: #ffd57e;
    padding-left: 16px;
    padding-top: 8px;

}
#loginbutton {
    padding: 5px;
    border: solid 1px #83a2bd;
    background: #efefef;
}
#subcat {
    background: url('/images/subcatbg.png') no-repeat;
    height: 32px;
    width: 220px;
    padding-left: 10px;
}
#subcat:hover {
    background: url('/images/subcatbghover.png') no-repeat;
}
#subcat a {
    padding-top: 10px;
    display: block;
    height: 32px;
    color: #fff;
}
#catmenuli {
    padding: 4px;
}
#footercontainer {

    color: #dedede;
    background-color: #333333; 
    margin: auto; 
    padding-top: 20px;

}
#footermiddle {
    padding-left: 20px;
    width: 1020px; 
    margin-left:auto; 
    margin-right: auto;
}
#footersection {
    width: 250px; float: left;
}
#footersection a {
    color: #a4a4a4;
    font-weight: normal;
    text-decoration: none;
}
.bottomfooter {
    color: #555;
}
#footertitle {
    font-size: 14px;
    font-weight: bold;
}
#catrow {
    border:solid 1px #c2c2c2; 
    width: 260px;
    height: 380px;
    float: left;
    margin: 5px;
    position: relative;
    padding-bottom: 40px;
}
#catrowimage {
    margin-left: auto; 
    margin-right: auto; 
    text-align: center; 
    padding-top: 10px;
    min-height: 90px;
}
#catrowdetails {
    padding: 5px; 
    font-size: 13px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;

}
#catrowdetails a {
    color: #83a2bd;
    font-weight: bold;
    font-size: 16px;

}
#catrowdetails #more {
    font-size: 12px;
    color:#000;

} 
#catrowdetails a:hover {
    color: #9fc5ec;


}
#catrowdetails a.related {
    color: #165fa3;
    font-size: 12px;

}
#catrowdetails a.related:hover {
    color: #000;
    font-size: 12px;

}
#catrowprice {
    height: 40px;
    background-color: #eeeeee;
    padding-top: 12px;
    padding-left: 5px;
    width: 105px;
    position: absolute;
    bottom: 0px;
    left: 0px;
}
#catrowaddcart {
    background-color: #eeeeee;
    padding:  0px;
    padding-top: 4px;
    padding-right: 5px;
    width: 156px;
    height: 40px;
    text-align: right;
    position: absolute;
    bottom: 0px;
    right: 0px;
    margin: 0px;

}
#searchrowone {
    border:solid 1px #a2a2a2; 
    width: 100%;
}
#searchrowtwo {
    background-color: #f2f9ff;
    border: solid 1px #a2a2a2; 
    width: 100%;

}
#searchrowimage {
    margin-left: auto; 
    margin-right: auto; 
    text-align: center; 
    max-width: 230px; 
    min-width: 80px;
    float: left;
    padding-top: 10px;
}

#searchrowdetails {
    padding: 5px; 
    font-size: 14px;
    float: left;
    min-width: 200px;
    max-width: 60%;

}
#searchrowaddcart {
    width: 120px;
    padding-top: 15px; 

    float:right;
}
#searchrowdetails a {
    color: #83a2bd;
    font-size: 16px;

}

#searchrowdetails a.related {
    color: #165fa3;
    font-size: 12px;

}
#searchrowdetails a.related:hover {
    color: #000;
    font-size: 12px;

}
#searchrowdetails a:hover {
    color: #165fa3;
    font-size: 16px;

}

#productdesc {
    font-size: 14px;
}
#pageheader {
    padding-left: 5px;
}
#storesearchfield {

    background-color: #efefef; 
    padding: 4px; 
    padding-left: 10px;
    height: 24px; 
    width: 200px; 
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
}
#pagecontainer {
    padding-top: 20px;
    padding-left: 5px;
}
#storesearchtext {
    font-size: 16px; 
    font-weight: bold;
}

#searchrowprice {
    color: #4f9f2c;
}
#performingsearch {
    color: #2b303b;
    font-size: 14px;
    height: 30px;
    padding-top: 5px;
    padding-left: 5px;
}


.container-4{
    overflow: hidden;
    width: 300px;
    vertical-align: middle;
    white-space: nowrap;
}

.container-4 input#search{
    width: 300px;
    height: 40px;
    background: #2b303b;
    border: none;
    font-size: 10pt;
    float: left;
    color: #fff;
    padding-left: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.container-4 input#search::-webkit-input-placeholder {
    color: #b2c6d7;
}

.container-4 input#search:-moz-placeholder { /* Firefox 18- */
    color: #b2c6d7;  
}

.container-4 input#search::-moz-placeholder {  /* Firefox 19+ */
    color: #b2c6d7;  
}

.container-4 input#search:-ms-input-placeholder {  
    color: #b2c6d7;  
}

.container-4 button.icon{
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;

    border: none;
    background: #4e5972;
    height: 40px;
    width: 50px;
    color: #000000;
    opacity: 0;
    font-size: 10pt;

    -webkit-transition: all .55s ease;
    -moz-transition: all .55s ease;
    -ms-transition: all .55s ease;
    -o-transition: all .55s ease;
    transition: all .55s ease;
}

.container-4:hover button.icon, .container-4:active button.icon, .container-4:focus button.icon{
    outline: none;
    opacity: 1;
    margin-left: -50px;
}

.container-4:hover button.icon:hover{
    background: #ededed;
    cursor: pointer;
}

.container-5 {
    padding: 4px;
}

.container-5 input#search{
    width: 160px;
    height: 30px;
    background: #c4cee6;
    border: none;
    font-size: 10pt;
    float: left;
    color: #000;
    padding-left: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: solid 1px #000;
}

.container-5 input#search::-webkit-input-placeholder {
    color: #65737e;
}

.container-5 input#search:-moz-placeholder { /* Firefox 18- */
    color: #65737e;  
}

.container-5 input#search::-moz-placeholder {  /* Firefox 19+ */
    color: #65737e;  
}

.container-5 input#search:-ms-input-placeholder {  
    color: #65737e;  
}

.container-5 button.icon{
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;

    border: none;
    background: #232833;
    height: 30px;
    width: 30px;
    color: #4f5b66;
    opacity: 0;
    font-size: 10pt;
    margin-left: -30px;
    -webkit-transition: all .55s ease;
    -moz-transition: all .55s ease;
    -ms-transition: all .55s ease;
    -o-transition: all .55s ease;
    transition: all .55s ease;
}

.container-5:hover button.icon, .container-4:active button.icon, .container-4:focus button.icon{
    outline: none;
    opacity: 1;
    margin-left: -30px;
}

.container-5:hover button.icon:hover{
    background: #ededed;
    cursor: pointer;
}

.newspost {
    padding: 10px;
    padding-top: 2px; 

}
.newstitle {

}
.newstitle h2 {
    font-size: 28px;
    color: #83a2bd;
}
.newsdesc {
    font-size: 15px;
    border-bottom: solid 1px #000;
}

.postedby {
    font-size: 16px;

}









.pagination{height:40px;margin:20px 0}.pagination ul{display:inline-block;*display:inline;margin-bottom:0;margin-left:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;*zoom:1;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.05);box-shadow:0 1px 2px rgba(0,0,0,0.05)}.pagination li{display:inline}.pagination a,.pagination span{float:left;padding:0 14px;line-height:38px;text-decoration:none;background-color:#fff;border:1px solid #ddd;border-left-width:0}.pagination a:hover,.pagination .active a,.pagination .active span{background-color:#f5f5f5}.pagination .active a,.pagination .active span{color:#999;cursor:default}.pagination .disabled span,.pagination .disabled a,.pagination .disabled a:hover{color:#999;cursor:default;background-color:transparent}.pagination li:first-child a,.pagination li:first-child span{border-left-width:1px;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.pagination li:last-child a,.pagination li:last-child span{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.pagination-centered{text-align:center}.pagination-right{text-align:right}.pager{margin:20px 0;text-align:center;list-style:none;*zoom:1}.pager:before,.pager:after{display:table;line-height:0;content:""}.pager:after{clear:both}.pager li{display:inline}.pager a{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}.pager a:hover{text-decoration:none;background-color:#f5f5f5}.pager .next a{float:right}.pager .previous a{float:left}.pager .disabled a,.pager .disabled a:hover{color:#999;cursor:default;background-color:#fff}

/*-----Changes2016-05-25-------------*/
.item_bag ul{
    width: 125px;
    margin: auto;
    position: relative;
    padding: 0px;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.item_bag ul li{
    width: 25px;
    height: 25px;
    position: absolute;    
}
.item_bag_img span.tooltiptext{
    display: none;
    background-image : url('/images/uotooltip.jpg');
    color: #fff;
    font-size: 14px;
    min-height: 80px;
    text-align: center;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    font-family      : uo;
    width: 300px;
    max-width        : 300px;
     padding          : 10px 20px;
     box-shadow       : 0 0 7px #6CA9E5;
     font-weight: normal;
}
.item_bag_img img:hover{
    cursor: pointer;
    border: 1px solid red;
}

.item_bag_img:hover span.tooltiptext{
    display: inline!important;

}
/*.animatedin{
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
}
.animatedout{
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
}*/
.animatedin {
    animation: fadein 10s;
    -moz-animation: fadein 10s; /* Firefox */
    -webkit-animation: fadein 10s; /* Safari and Chrome */
    -o-animation: fadein 10s; /* Opera */
}
.item_bag {
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
#bagItems{
    width: 125px;
    margin: auto;
    float: left;
}
#bagItems li{
    width: 25px;
    height: 25px;
    display: inline-block; 
    margin: 0px;
}
#loader, .loader{
    background:url("../images/loader.gif") no-repeat 50% 50% rgb(249,249,249);
}
#display_bag .modal-dialog{
    width: 260px;
}
span.tooltiptext h1{
   margin: 0;
    color            : yellow;
    border-radius    : 3px;
    font-size: 16px;
    font-family      : uo;
    font-weight: normal;
    text-align       : center;    
}

#imbuheader h3 {
font-size: 16px;
margin: 0px;
padding: 0px;
padding-top: 25px;
}

@-webkit-keyframes jiggle {
0% {-webkit-transform: rotate(-15deg);}
50% {-webkit-transform: rotate(15deg);}
100% {-webkit-transform: rotate(-15deg);}
}

@-webkit-keyframes colorchange {
  0%  { -webkit-filter: drop-shadow(2px 2px 2px rgba(184,134,11,1));}
  50% { -webkit-filter: drop-shadow(0px 0px 0px rgba(184,134,11,1));}
  100% { -webkit-filter: drop-shadow(2px 2px 2px rgba(184,134,11,1));}
}

li.imgRotate img{
   -webkit-animation: colorchange 1s linear infinite, jiggle 1s linear infinite;
}

/*Custom Styles  2016-09-27*/
.finlay-carousel-caption.tooltip-carousel{
    width:100%;
}
#cssmenu .has-sub > ul > .has-sub:after, 
#cssmenu .has-sub:hover:after,
#cssmenu .has-sub:after, 
#cssmenu .has-sub > ul > .has-sub:hover:after{
    background:url(arrow_right.png) no-repeat;
}