@charset "utf-8";
/* CSS Document */

body{ margin:4px 0 0 0; font-family:Geneva, Arial, Helvetica, sans-serif; background-color:#f8f9f4; font-size:13px;}

.clear{ clear:both; }
a img{ border:none; }

.container{ width:999px; margin:0 auto 0 auto; height:auto; }

.header{ width:100%; height:auto; }

.topmenu{}

.topmenu-lft{ width:3px; height:42px; float:left; background:url(/images/uisynth/skin1/top-left-bg.jpg) no-repeat; }
.topmenu-mid{ width:99%; background:url(/images/uisynth/skin1/top-menu-bg.jpg) repeat-x; float:left; }
.topmenu-rgt{ width:3px; height:42px; float:left; background:url(/images/uisynth/skin1/top-right-bg.jpg) no-repeat;  }

.menu1{ width:700px; float:left;}
.pop{ float:left; color:#363535; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; margin:14px 0 0 10px; }
.menu1 ul{ margin:0; padding:0; list-style:none; }
.menu1 ul li{ float:left; font-size:11px;}
.menu1 ul li a{ color:#FFFFFF; text-decoration:none; display:block; padding:14px 14px 14px 14px; } 
.menu1 ul li a:hover{ color:#036ea6; text-decoration:underline; }

.user{ width:210px; float:right;}
.join{ float:left;}
.user ul{ margin:0; padding:0; list-style:none; }
.user ul li{ float:left; font-size:12px; padding:14px 0 0 0; }
.user ul li a{ color:#FFFFFF; text-decoration:none; display:block; padding:0px 5px 14px 5px; margin:0 10px 0 10px;}
.user ul li a:hover{color:#036ea6; text-decoration:underline;}

.banner{ width:100%; height:auto;  }
.logo{ float:left; font-size:9px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; margin:15px 10px 10px 00px; text-wrap:wrap;word-wrap:wrap;overflow:hidden;width:20em;overflow:hidden;}
.banner-lft{ float:right; width:80%; float:right;  }

.ad{ width:728px; height:90px; margin:5px auto 0 auto; }

.menu2{ height:33px; background:url(/images/uisynth/skin1/menu-brdr.jpg) repeat-x; width:100%; margin:30px 0 0 0;  }

.search-box{ width:210px; height:22px; border:#cccbcb solid 1px; background:#FFFFFF; float:right; margin:30px 0 0 0; }
.search{ float:left;   }
.search input{ color:#424242; font-size:12px; text-align:left; margin:3px 0 0 0; width:170px; background:transparent; border:none }
.search-button{ width:32px; height:22px; float:right;  }
.search-button input{ width:32px; margin:1px 0 0 0; }

.blue-cont{ padding:15px 0 0 0; }
.blu-lft{ background:url(/images/uisynth/skin1/blue-lft.jpg) no-repeat; width:2px; height:39px; float:left; }
.blu-bg{ background:url(/images/uisynth/skin1/blue-bg.jpg) repeat-x; width:97.5%; height:29px; float:left; padding:10px 10px 0 10px; margin-bottom:5px;}

.blu-bg .lft{ float:left; width:45%; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; letter-spacing:1px; color:#FFFFFF; }
.blu-bg .rgt{ float:right;  }
.blu-bg .rgt span{ color:#FFFFFF; letter-spacing:3px; }
.blu-bg .rgt span a{color:#FFFFFF; text-decoration:none;}
.blu-bg .rgt span a:hover { text-decoration:underline;  }
.blu-rgt{ background:url(/images/uisynth/skin1/blue-rgt.jpg) no-repeat; width:2px; height:39px; float:right }

.wrap{ width:100%; height:auto;  }
.lftcol{ width:100%; float:left; }
.wrap .rgtcol{ width:330px; float:right; }

.paging{text-align:right;float:right; margin:10px 0 10px 0;padding-right:1em;}
.parrow-lft{ width:11px; height:11px; float:left; margin:8px 10px 0 0;}
.pager{ float:left;   }
.pager ul{ margin:0; padding:0; list-style:none; }
.pager ul li{ float:left; }
.pager ul li a, .pager ul li span{ color:#000000; text-decoration:none; display:block; padding:5px 8px 5px 8px; }
.pager ul li span{background-color:#121212;color:#fff;}
.pager ul li a:hover{ color:#7b7b7b; text-decoration:underline; }
.parrow-rgt{ width:11px; height:11px; float:left; margin:8px 0 0 10px; }

.lftcol-content{ width:644px; }
.lftcol-content-bg{ background:url(/images/uisynth/skin1/lftcol-bg.jpg) repeat-y; width:620px; height:auto; padding:0 12px 12px 12px; }

.oodjaobject{ background:url(/images/uisynth/skin1/wine-brdr.jpg) repeat-x bottom; padding:20px 0 20px 0; width:100%;}
.oodjaobject-img{ background:url(/images/uisynth/skin1/frame.jpg) no-repeat; width:130px; height:122px; padding:15px 8px 8px 8px; float:left; margin: 0 0 0 5px;}
.oodjaobject-img img{margin:auto;position:static;top:-50%;}
.oodjaobject-text{float:left; margin-left:0em;overflow:hidden;width:70%;}
.oodjaobject-text div{ margin:1px 0 1px 0;}
.date, .blue{ color:#1890cc; }
.date a, .blue a{color:#1890cc; text-decoration:none;}
.date a:hover, .blue a:hover{ text-decoration:underline; }

.oodjaobject-text h1, .oodjaobject-text h1 a{ margin:0; padding:0; font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; color:#fea200;  }
.oodjaobject-text h1 a {text-decoration:none;}
.oodjaobject-text h1 a:hover {text-decoration:underline;}
.oodjaobject-text div, .oodjaobject-text h1{padding-left:1em;overflow:hidden;}

.interest{ }
.rgt-head-bg{ background:url(/images/uisynth/skin1/head-bg.jpg) no-repeat; width:80%; height:34px; margin:23px 0 0 0; padding:22px 0 0 15px; }
.rgt-head-bg h1{ font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; color:#FFFFFF; margin:0; padding:0; }
.rgtcol-bg{ background:url(/images/uisynth/skin1/rgtcol-bg.jpg) repeat-y; width:94%; border-right:1px solid #ccc;height:auto; margin:0 0 0 5px;  }
.rgtcol-bottom{ background:url(/images/uisynth/skin1/rgtcol-bottom-bg.jpg) no-repeat; width:94%; height:4px; margin:0 0 0 5px;  }

.pro-main{ padding:0px 10px 10px 10px; }

.paging1{ width:140px; float:right; margin:10px 0 10px 0 }
.parrow-lft1{ width:11px; height:11px; float:left; margin:8px 10px 0 0;}
.pager1{ float:left;   }
.pager1 ul{ margin:0; padding:0; list-style:none; }
.pager1 ul li{ float:left; }
.pager1 ul li a{ color:#000000; text-decoration:none; display:block; padding:5px 8px 5px 8px; }
.pager1 ul li a:hover{ color:#7b7b7b; text-decoration:underline; }
.parrow-rgt1{ width:11px; height:11px; float:left; margin:8px 0 0 10px; }


.product{ background:url(/images/uisynth/skin1/wine-brdr.jpg) repeat-x bottom; padding:13px 0 13px 0; }
.product-img{ background:url(/images/uisynth/skin1/frame1.jpg) no-repeat; width:82px; height:137px; padding:1px 5px 5px 1px ; float:left; margin: 0 0 0 5px;}
.product-text{ width:200px;  float:right; }
.product-text div{ margin:1px 0 1px 0; }
.product-text h1{ margin:0; padding:0; font-size:13px; font-family: Geneva, Arial, Helvetica, sans-serif; color:#177eb5; height:40px; text-transform:uppercase; }

.g-ad{margin:9px 0 0 5px;}
.g-ad-top{ background:url(/images/uisynth/skin1/rgtcol-top.jpg) no-repeat; width:322px; height:3px; }
.g-ad-bg{ background:url(/images/uisynth/skin1/rgtcol-bg.jpg) repeat-y; width:322px; height:auto; }
.g-ad-botttom{ background:url(/images/uisynth/skin1/rgtcol-bottom-bg.jpg) no-repeat; height:4px; width:322px; }

.popular{ background:url(/images/uisynth/skin1/popular-bg.jpg) no-repeat; width:198px; height:28px; padding:10px 0 0 10px;margin-top:0.5em; }
.popular h1{ font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; margin:0; padding:0; font-weight:normal; }
.pop-cate{}
.pop-top{ background:url(/images/uisynth/skin1/popular-top.jpg) no-repeat; width:100%; height:3px; }
.pop-mid{ background:url(/images/uisynth/skin1/popular-mid.jpg) repeat-y; width:95.4%; height:auto; padding:15px 15px 15px 15px; border-right:1px solid #ccc;}
.pop-bot{background:url(/images/uisynth/skin1/popular-bottol.jpg) repeat-x; height:4px; width:100%; }

.pop-col{ width:96%;  /*background:url(/images/uisynth/skin1/logo-brdr.jpg) repeat-y right;*/ float:left;}

.pop-col ul{ margin:0; padding:0; list-style:none;}
.pop-col ul li{ /*background:url(/images/uisynth/skin1/li.jpg) no-repeat left; */padding:0 0 0 0px; line-height:1.8em; margin:0 0 0 0px; }
.pop-col ul li.label{ background:none; padding:0 0 0 0px; line-height:30px; margin:15 0 10 0px; font-weight:bold;border-bottom:1px solid #f9ab09;}
.pop-col ul li a{ color:#198adc; text-decoration:none; }
.pop-col ul li a:hover{ text-decoration:underline; }
.pop-col ul.pop-col-values, .pop-col ul.pop-col-values li {margin-left:0;}
.pop-col ul.pop-col-values li{width:33%;padding:0 0 0 0px; float:left;}
.pop-col ul.pop-col-values li a{text-decoration:underline;}
.pop-col ul li .expandcategory a{text-decoration:underline;font-weight:normal;padding-right:3px;}
.expandcategory {margin-left:1em;}
#expanded-categories .pop-col ul.pop-col-values li{width:45%}

.footer{ background:url(/images/uisynth/skin1/footer-bg.jpg) repeat-x; width:100%; height:36px; margin:15px 0 0 0; padding:25px 0 0 0; }
.footerlink{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:13px; }
.footerlink a{ color:#fff; font-weight:bold;text-decoration:none;}
.footerlink a:hover{ text-decoration:underline; }



/*inner page*/

.comment, .save{ float:left; width:100px; margin:3px 0 0 15px; color:#FFFFFF; font-weight:bold; font-size:12px; letter-spacing:1px; }
.comment a, .save a{ text-decoration:none; color:#FFFFFF; }
.comment a:hover, .save a:hover{ text-decoration:underline; }
.comment img, .save img{ margin:0 10px 0 0px; }
.tell{ float:left; }


.lftcol-inner-content{ width:644px; margin:20px 0 0 0; }
.lftcol-inner-content-bg{ background:url(/images/uisynth/skin1/lftcol-bg.jpg) repeat-y; width:620px; height:auto; padding:15px 15px 15px 15px ; }

.detail{}
.detail h1{ margin:0; padding:0; color:#fea200; font-size:20px; text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif; }
.detail-lft{ float:left; width:130px; margin:15px 0 0 0;}
.detail-img{ background:url(/images/uisynth/skin1/frame2.jpg) no-repeat; width:119px; height:206px; padding:2px 5px 5px 5px; }
.detail-rgt{ float:right; width:450px; margin:15px 0 0 0;}
.detail-txt{ line-height:18px;}
.detail-txt a{ color:#6f6f6f;  }
.detail-txt a:hover{ text-decoration:none; }
.google-ad{ margin:10px 0 0 0; }
#detailcard{margin-top:1em;width:100%;}
#recommended .oodjaobject-text, #savedobjects .oodjaobject-text, #detailcard .oodjaobject-text{width:60%}

.fresh{ margin:15px 0 0 0;  }
.fresh-top{ background:url(/images/uisynth/skin1/fresh-top.jpg) no-repeat; width:644px; height:5px; }
.fresh-bg{ background:url(/images/uisynth/skin1/fresh-bg.jpg) repeat-y; width:620px; height:auto; padding:0 12px 12px 12px; }
.fresh-bottom{ background:url(/images/uisynth/skin1/fresh-bottom.jpg) no-repeat; height:5px; width:644px; }

.fresh-web{ background:url(/images/uisynth/skin1/wine-brdr.jpg) repeat-x bottom; padding:26px 0 26px 0; }
.fresh-web-img{ background:url(/images/uisynth/skin1/frame.jpg) no-repeat; width:130px; height:122px; padding:5px 8px 8px 8px; float:left; margin: 0 0 0 18px;}
.fresh-web-text{ width:430px;  float:right; }
.fresh-web-text div{ margin:1px 0 1px 0; }

.fresh-web h1{ margin:0; padding:0; font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; color:#fea200; height:40px; }
/*inner page end*/


/*search*/

.search-show{}

.show-result{ float:left; color:#4c4b4b; font-size:12px; margin:8px 0 0 0; }

.paging2{ width:170px; float:right; margin:3px 0 0px 0 }
.parrow-lft2{ width:11px; height:11px; float:left; margin:8px 10px 0 0;}
.pager2{ float:left;   }
.pager2 ul{ margin:0; padding:0; list-style:none; }
.pager2 ul li{ float:left; }
.pager2 ul li a{ color:#000000; text-decoration:none; display:block; padding:5px 8px 5px 8px; }
.pager2 ul li a:hover{ color:#7b7b7b; text-decoration:underline; }
.parrow-rgt2{ width:11px; height:11px; float:left; margin:8px 0 0 10px; }

.search-content{ width:644px; margin:5px 0 0 0; }
.search-content-bg{ background:url(/images/uisynth/skin1/lftcol-bg.jpg) repeat-y; width:620px; height:auto; padding:15px 15px 15px 15px ; }

.filter-by{ margin:34px 0 0 0; }
.filter-gap{ padding:15px 0 0 0; }
.filter-box{ width:100%; height:22px; border:#cccbcb solid 1px; background:#FFFFFF;margin-top:5px;margin-bottom:5px;}
.filter{ float:left;   }
.filter input{ color:#424242; text-align:left; margin:3px 0 0 0; background:transparent; border:none }
.filter-button{ width:32px; height:22px; float:right;  }
.filter-button input{ width:34px; margin:1px 0 0 0; }

.filter-type{}
.filter-type ul{ margin:15px 0 0 0; padding:0; list-style:url(/images/uisynth/skin1/li.jpg); }
.filter-type ul li{ margin:0px 0 0px 40px; font-size:14px; line-height:28px;  }
.filter-type ul li a{ color:#333333; text-decoration:none; }
.filter-type ul li a:hover{ text-decoration:underline; }

.rgt-head-grey{ background:url(/images/uisynth/skin1/head-bg-grey.jpg) no-repeat; width:313px; height:34px; margin:10px 0 0 0; padding:22px 0 0 15px; }
.rgt-head-grey h1{ font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; color:#FFFFFF; margin:0; padding:0; }

.scroller{ float:right; padding:10px 10px 0 0; }
.scroller img{ margin:3px; }

.previous{ }
.previous h1{ margin:10px 0 0 0; padding:0; color:#3d9ed1; font-size:14px; font-weight:bold;  }
.previous .lft{ float:left; width:160px; margin:8px 0 0 0; }
.previous .rgt{ float:right; width:112px; margin:8px 0 0 0; }
.previous .img{ background:url(/images/uisynth/skin1/frame3.jpg) no-repeat; width:97px; height:80px; padding:2px 9px 9px 2px;}


.detail1{ padding:10px 0 10px 0; background:url(/images/uisynth/skin1/wine-brdr.jpg) repeat-x bottom; }
.detail1 h1{ margin:0; padding:0; color:#fea200; font-size:20px; text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif; }
.detail1-lft{ float:left; width:130px; margin:15px 0 0 0;}
.detail1-img{ background:url(/images/uisynth/skin1/frame4.jpg) no-repeat; width:122px; height:146px; padding:2px 5px 5px 2px; }
.detail1-rgt{ float:right; width:450px; margin:15px 0 0 0;}
.detail1-txt{ line-height:18px;}
.detail1-txt a{ color:#6f6f6f;  }
.detail1-txt a:hover{ text-decoration:none; }
.google-ad{ margin:10px 0 0 0; }

of{font-size:1.2em}
.hidden{display:none;visibility:hidden}
/*search end*/

.app .box-header h1, .box-header h2{ font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; margin:0; padding:0; font-weight:normal; }
.box-header, .shadow-container .box-header .shadow-container-inner, .box-header .shadow1, .box-header .shadow2, .box-header .shadow3,  .box-header .shadow-container-inner{
    border-bottom:none;
}

.box-header {
    width:99%;
    margin-bottom:0px;
    margin-top:5px;
}

.app .rgt-head-bg{margin-left:-15px;margin-top:-11px;width:80%;}
.app h1 {font-size:12px;padding-top:5px;}
.app a{color:#000;text-decoration:none;}
.app li {margin-bottom:0.5em;}
.app a:hover{color:#000;text-decoration:underline}
.app .oodjaobject-text a{color:#00f;font-weight:normal;}
.app .oodjaobject-text h1 a{color:#fea200;font-weight:normal;  }

#carouselcontainer {width:100%;margin-left:0px;}
#carouselcontainer {border:none;}
#carouselcontainer .item {width: 300px;}
li {border:none;}
#lastviewed{padding:0px;}
#lastviewed .oodjaobject{background-image:none;}

#lastCreatedOT h1 a, #lastCreatedOT div{font-size:0.9em;}
#lastviewed .oodjaobject, #lastCreatedOT .oodjaobject, #related .oodjaobject{padding:5px 0 5px 0}
#lastviewed .oodjaobject-text div, #lastviewed .oodjaobject-text h1, #lastCreatedOT .oodjaobject-text div, #lastCreatedOT .oodjaobject-text h1{padding-left:1em;}
#related .oodjaobject-text h1, #related .oodjaobject-text h1 a, #related h1 a, #related div{font-size:12px;}
#lastviewed .oodjaobject-text h1, #lastviewed .oodjaobject-text h1 a, #lastviewed h1 a, #lastviewed div{font-size:10px;}
#lastviewed .oodjaobject-text h1, #lastviewed .oodjaobject-text h1 a, #lastviewed h1 a, #lastviewed div{font-size:10px;}

#related .mi_img_loading{margin-top:5px;}
#lastCreatedSmall .mi_img_loading{margin-top:30px;}
#detailcard .mi_img_loading{margin-top:75px;}
#lastviewed .mi_img_loading{margin-top:5px;}
#lastCreated .mi_img_loading{margin-top:25px;}
#profiles-list .mi_img_loading{margin-top:30px;}

.expand a, .collapse a, .expand a:hover, .collapse a:hover{color:blue;}
#results_message{width:50%;float:left;}
#results_message h1{font-size:1.1em;font-weight:bold;margin-left:0px;color:#fff;}
.create_date_refine{float:right;color:#000; margin-top:-20px;}
.create_date_refine a{color:#fff;text-decoration:none;}
.create_date_refine a:hover{text-decoration:underline;}
.create_date_refine a.showall{color:#fff}
.create_date_refine .navigate{margin-left:5px;}
#results_message #numMatches{font-size:1.2em;font-weight:bold;margin-left:0px;color:#fff;}

.create_date_refine {float:right;clear:both;}
.refineCount {color:blue}

/* Login / Register */
ul#tabnav { /* general settings */
    text-align: left; /* set to left, right or center */
    margin: 2em 0 0em 0; /* set margins as desired */    
    list-style-type: none;
    padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}
 
ul#tabnav li { /* do not change */
    display: inline;
}
 
ul#tabnav li a, ul#tabnav li span { /* settings for all tab links */
    padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
    border: 1px solid #335bbc; /* set border COLOR as desired; usually matches border color specified in #tabnav */
    background-color: #454239; /* set unselected tab background color as desired */
    color: #fff; /* set unselected tab link color as desired */
    margin-right: 0px; /* set additional spacing between tabs as desired */
    text-decoration: none;
    border-bottom: none;
}
#loginregister {
    background-color:#666;
}
div.row {margin-top:1em;}
div.row span.label {
    display:block;
    margin-top:1em;
}
#register ul#tabnav li.register span,
#register ul#tabnav li.register a,
#register ul#tabnav li.login span, 
#register ul#tabnav li.login a,
#login ul#tabnav li.register span,
#login ul#tabnav li.register a,
#login ul#tabnav li.login span, 
#login ul#tabnav li.login a {
    background-color: #fff; /* set selected tab background color as desired */
    color: #000; /* set selected tab link color as desired */
    position: relative;
    top: 1px;
    padding-top: 4px; /* must change with respect to padding (X) above and below */
}
#register ul#tabnav li.register span,
#register ul#tabnav li.register a,
#login ul#tabnav li.login span, 
#login ul#tabnav li.login a {
    background-color:#666;
    color:#fff;
}
#register_div, #login_div{
    padding:2em;
    color:#fff;
    
}

#register_div a, #login_div a {
    color:#fff;
}
#login #register_div {
    display:none;
    visibility:hidden;
}
#register #login_div {
    display:none;
    visibility:hidden;
}

.ellipsis {float:left;}