/*
	 *  @2010
	 * Screen CSS
	 *
	 *
	 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


a span { cursor: pointer; }
form legend { display: none; }



html { }
body { color: #000; background: url(../images/christmas.png) repeat 0 0; }
body, input, select, textarea { font: 11px/18px Verdana, Arial, Helvetica, sans-serif; }


.aural { position: absolute; left: -1000em; }

a { color: #f1851b; text-decoration: underline; }
a:focus, a:hover { color: #a1a1a1; text-decoration: underline; }

#page:after, #wrapper:after, #wrapper-popup:after,.mod:after { display: block; height: 0; clear: both; visibility: hidden; content: '.' } /* 6, 7 */

/* main */
#page { width: 993px; margin: 0 auto; }

#page-popup { width: 730px; margin: 0 auto; }
.mod-p1 { width: 350px; float: left; }
.mod-p2 { width: 350px; float: right; }
#wrapper-popup { padding: 10px;background: #fff; }

#basic-modal-content {display:none;}
#simplemodal-overlay {background-color:#000;}
#simplemodal-container {/*height:515px; width:765px;*/  border:2px solid #444; background: #fff;}
#simplemodal-container a.modalCloseImg {background:url(../images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}



/* top */
#top { padding: 10px 15px 0 8px; background: url(../images/bg-top.png) repeat 0 0; }
#top #logo { position: relative; width: 257px; height: 188px; float: left; margin: 0 0 -57px; }
#top #logo img { display: block; }
#top .user-bar { float: right; font-size: 12px; }
#top .user-bar li { float: left; padding: 0 5px; color: #2b2b2b; background: url(../images/icon-divider.png) no-repeat -1px 50%; }
#top .user-bar li:first-child { background: none }
#top .user-bar li a { color: #ce0f3a; text-decoration: none; }
#top .user-bar li a:focus,
#top .user-bar li a:hover { text-decoration: underline; }
#top .user-bar li small { font-weight: bold; font-size: 1em; }
#top p { float: right; margin: 0 0 0 -15px; padding: 0 15px 0 0; color: #4e4e4e; font-size: 10px; }
#top p a { color: #4e4e4e; text-decoration: none; }
#top #nav { float: right; padding: 50px 0 0; }
#top #nav { padding: 50px 0 0; }
#top #nav li { position: relative; height: 50px; line-height: 50px; float: left; margin: 0 0 0 39px; z-index: 1 }
#top #nav li:first-child { margin: 0; }
#top #nav li a { display: block; width: 115px; height: 50px; line-height: 41px; color: #010101; font-size: 16px; font-weight: bold; text-align: center; text-decoration: none; }
#top #nav li.i0 a { background: url(../images/nav-item-0.png) no-repeat 0 0; }
#top #nav li.i1 a { background: url(../images/nav-item-1.png) no-repeat 0 0; }
#top #nav li.i2 a { background: url(../images/nav-item-2.png) no-repeat 0 0; }
#top #nav li.i3 a { width: 229px; background: url(../images/nav-item-3.png) no-repeat 0 0; }
#top #nav li.act { z-index: 20 }
#top #nav li.act a,
#top #nav li a:hover {  background-position: 0 100%; }
#top #nav li:hover { z-index: 30 }
#top #nav li:hover div { display: block; }
#top #nav li div { display: none; position: absolute; left: 0; top: 42px; min-width: 260px; padding: 10px 0 0; border-style: solid; border-width: 0 1px 1px; background: url(../images/bg-subnav.png) no-repeat 0 0; z-index: 40; }
#top #nav li div ul { padding: 0 5px 10px; background: #fff; overflow: hidden; }
#top #nav li div ul li { width: 115px; height: auto; line-height: 14px; float: left; margin: 0 5px !important; }
#top #nav li div ul li h5 { margin: 0 0 5px; font-size: 12px; }
#top #nav li div ul li li { float: none; margin: 0; }
#top #nav li div ul li li a { display: inline; width: auto; height: auto; line-height: 14px; color: #000; background: none !important; font-size: 12px; font-weight: normal; text-align: left; }
#top #nav li.i0 div { border-color: #e9c097 }
#top #nav li.i0 h5 { color: #f1851b }
#top #nav li.i1 div { border-color: #c8e2a4 }
#top #nav li.i1 h5 { color: #8bd813 }
#top #nav li.i2 div { border-color: #d8d56d }
#top #nav li.i2 h5 { color: #ffe400 }
#top #search-mod { height: 43px; clear: both; margin: 0 -15px 0 -8px; padding: 14px 15px 0 298px; background: #fff; overflow: hidden; }
#top #search-mod h4 { line-height: 26px; float: left; margin: 0 14px 0 0; padding: 0 20px 0 0; color: #69322d; background: url(../images/icon-arrows.png) no-repeat 100% -84px; font-size: 16px; font-weight: bold; }
#top #search-mod input[type=text] { width: 275px; height: 21px; float: left; padding: 6px 10px 0; border: 1px solid #f9cc9f; }
#top #search-mod input[type=submit] { width: 136px; height: 29px; float: left; margin: 0 0 0 -1px; padding: 0 10px 3px; border: 1px solid #f9cc9f; background: url(../images/bg-btn-search.png) repeat-x 0 0; font-size: 14px; font-weight: bold; cursor: pointer }




/* wrapper */
#wrapper { padding: 0 15px 10px 8px; border-bottom: 1px solid #f1851b; background: #fff; }

#breadcrumbs { width: 100%; height: 14px; line-height: 14px; margin: 0 -15px 0 -8px; padding: 1px 15px 0 8px; border-top: 1px solid #c5c5c5; }
#breadcrumbs li { float: left; padding: 0 0 0 10px; background: url(../images/icon-arrows.png) no-repeat -1px -110px; font-size: 10px; }
#breadcrumbs li:first-child { padding: 0 0 0 15px; background: none; }
#breadcrumbs li a { color: #afafaf; text-decoration: none; }

/* content */
#content {  }

.mod { margin: 0 0 20px; }
.mod .mod { margin: 0; }
.mod-0 { width: 225px; float: right; }
.mod-1 { width: 720px; float: left; }
.mod-2 { width: 480px; float: left; }
.mod-2 .mod-0 { float: left; margin: 0 0 0 15px; }
.mod-3 { width: 465px; float: right; }
.mod-4 { width: 100%; clear: both; }
.mod-5 { width: 465px; float: left; }
.mod-6 { width: 225px; float: left; }
.mod-7 { width: 920px; float: left; margin-left:27px;}
.mod-8 { width: 150px; float: right; margin-left:27px;}

.mod .btn-add-recip { display: block; width: 100%; height: 48px; background: url(../images/btn-add-recip.png) no-repeat 0 0; text-indent: -100em; overflow: hidden; }
.mod .link-note { color: #ce0f3a; }
.mod .link-recipcs { color: #f1851b; text-decoration: underline; }
.mod .link-recipcs:hover { color: #a1a1a1; text-decoration: none; }
.mod .link-cmt { color: #63842f; }
.mod .link-cmt:hover { color: #a1a1a1; text-decoration: none; }
.mod .success { display: block; margin: 1em 0; padding: 5px; border: 1px solid #b9cb75; color: #000; background: #a8be52; font-weight: bold; }
.mod .info-msg { display: block; margin: 1em 0; padding: 5px; border: 1px solid #b9cb75; color: #000; background: white; font-weight: bold; }
.mod .error-msg { display: block; margin: 1em 0; padding: 5px; border: 2px solid #CE0F3A; color: #000; background: white; font-weight: bold; }


.mod-similar { padding: 0px;}
.mod-similar h4 { line-height: 25px; color: #010101; padding-left:10px; margin-bottom: 10px; background: #b2f0ff; font-size: 14px; font-weight: bold; }


.mod-new { padding: 0 15px 8px; }
.mod-new h4 { line-height: 25px; margin: 0 -15px 5px; padding: 0 0 0 15px; color: #010101; background: #b2f0ff; font-size: 14px; font-weight: bold; }
.mod-new ul li { padding: 3px 0; }
.mod-new ul li a { color: #010101; text-decoration: none; }
.mod-new .m { float: right; }

.mod-top { padding: 0 15px 11px; }
.mod-top h4 { line-height: 25px; margin: 0 -15px 5px; padding: 0 0 0 15px; color: #010101; background: #e8f8fc; font-size: 14px; font-weight: bold; }
.mod-top ul li { padding: 3px 0; }
.mod-top ul li a { color: #010101; text-decoration: none; }
.mod-top .m { float: right; }

.mod-left { padding: 0 15px 8px; float: left;}
.mod-left h4 { line-height: 25px; margin: 0 -15px 5px; padding: 0 0 0 15px; color: #010101; font-size: 14px; font-weight: bold; }
.mod-left ul li { padding: 3px 0; }
.mod-left ul li a { color: #010101; text-decoration: none; }



.mod-cats {  }
.mod-cats h4 { line-height: 25px; color: #2b2b2b; font-size: 16px; font-weight: bold; }
.mod-cats .i { width: 225px; }
.mod-cats .i-odd { float: left; }
.mod-cats .i-even { float: right; }

.mod-cats .i .c { height: 110px; padding: 10px 0 0; overflow: hidden;}
.mod-cats .i .c .img { float: left; margin: 0 15px 5px 0; }
.mod-cats .i .c p { line-height: 14px; color: #454545; }
.mod-cats .i .c .m { display: inline-block; width: 14px; height: 14px; margin: 0 0 -3px; background: url(../images/icon-arrows.png) no-repeat 0 -28px; text-indent: -100em; overflow: hidden; }
.mod-cats .i .c .link-cmt { display: block; color: #819838; text-decoration: none; }
.mod-cats .i .m { display: block; margin: 0 0 12px; text-decoration: none; }
.mod-cats>.m { float: right; margin: 5px 0 0; font-weight: bold; text-decoration: none; }
.mod-1 .mod-cats .i { width: 340px; padding: 0 0 0 15px; }




.mod-gallery { position: relative; padding: 0 0 18px; }
.mod-gallery h4 { position: absolute; bottom: 0; color: #010101; font-size: 14px; font-weight: bold; }
.mod-gallery h4 a { color: #101f80; font-size: 11px; font-weight: bold; text-decoration: none; }
.mod-gallery li { width: 66px; height: 66px; float: left; margin: 0 0 15px 13px; overflow: hidden; }
.mod-gallery li.i0 { margin-left: 0; }

.mod-form-cmt { padding: 0px; font-size: 12px; }
.mod-form-cmt abbr { cursor: help }
.mod-form-cmt label,
.mod-form-cmt strong { display: block; line-height: 25px; font-weight: bold; }
.mod-form-cmt textarea { width: 440px; margin: 0 10px 8px 0; padding: 5px; border: 1px solid #a1a1a1; }
.mod-form-cmt input[type=button] { height: 24px; float: left; margin: 0px; padding: 0; border: 1px solid #f9cc9f; background: url(../images/bg-btn-search.png) repeat-x 0 0; font-size: 11px; font-weight: bold; text-transform: uppercase; overflow: visible; cursor: pointer }	
.mod-form-cmt h2 { line-height: 25px; margin: 10px 0; color: #2b2b2b; font-size: 12px; font-weight: bold; }

.mod-form { padding: 0 15px; font-size: 12px; }
.mod-form abbr { cursor: help }
.mod-form p {   }
.mod-form ul { padding: 25px 0; }
.mod-form ul li { overflow: hidden; }
.mod-form ul li a { color: #000; text-decoration: none }
.mod-form ul li ul { padding: 0 0 25px; }
.mod-form ul li li label { display: block; font-weight: bold; }
.mod-form label,
.mod-form strong { display: block; line-height: 25px; font-weight: bold; }
.mod-form label.chk { font-weight: normal; }
.mod-form label.chk input { position: relative; top: 3px; }
.mod-form select,
.mod-form textarea,
.mod-form input[type=file],
.mod-form input[type=text],
.mod-form input[type=password] { width: 250px; margin: 0 10px 8px 0; padding: 5px; border: 1px solid #000; }
.mod-form select:focus,
.mod-form textarea:focus,
.mod-form input[type=file]:focus,
.mod-form input[type=text]:focus,
.mod-form input[type=password]:focus { border: 1px solid #a1a1a1; }
.mod-form input.m { width: 390px; }
.mod-form select { width: 150px; float: left; }
.mod-form textarea {width: 435px; }
.mod-form input[type=submit] { height: 24px; float: left; margin: 10px 0 0; padding: 0 15px 2px; border: 1px solid #f9cc9f; background: url(../images/bg-btn-search.png) repeat-x 0 0; font-size: 11px; font-weight: bold; text-transform: uppercase; overflow: visible; cursor: pointer }
.mod-form input[type=button] { height: 24px; float: left; margin: 10px 0 0; padding: 0 15px 2px; border: 1px solid #f9cc9f; background: url(../images/bg-btn-search.png) repeat-x 0 0; font-size: 11px; font-weight: bold; text-transform: uppercase; overflow: visible; cursor: pointer }
.mod-form input.btn-center { display: block; float: none; margin: 10px auto 0; }
.mod-form input.btn2 {float: none;}
.mod-form .error { display: block; border-color: #c00 !important; color: #c00; font-weight: bold; }
.mod-form strong.error { margin: 0 0 1em; line-height: 1.1em; font-size: .9em; }
.mod-form .success { display: block; margin: 1em 0; padding: 5px; border: 1px solid #b9cb75; color: #000; background: #a8be52; font-weight: bold; }
.popup-loader {margin-top:10px;padding-top:2px;display:none;}


.mod-pagination { height: 18px; clear: both; padding: 20px 0; text-align: center; }
.mod-pagination ul { height: 14px; line-height: 14px; padding: 1px 0 0; }
.mod-pagination li { display: inline-block; height: 14px; line-height: 14px; }
.mod-pagination li a { display: inline-block; width: 11px; height: 14px; margin: 0 2px 0; color: #000; font-weight: bold; text-decoration: none; }
.mod-pagination li a[rel=prev],
.mod-pagination li a[rel=next] { position: relative; top: 3px; width: 14px; margin: 0 11px; text-indent: -100em; overflow: hidden; }
.mod-pagination li a[rel=prev]{ background: url(../images/icon-arrows.png) no-repeat 0 -14px; }
.mod-pagination li a[rel=next] { background: url(../images/icon-arrows.png) no-repeat 0 0; }
.mod-pagination .act a,
.mod-pagination li a:hover { text-decoration: underline; }


.quick-list { height: 36px; clear: both; margin: 0 0 10px; padding: 0 0 4px; border-bottom: 1px solid #c5c5c5; }
.quick-list li { float: left; margin: 0 8px 0 0; }
.quick-list li a { color: #010101; font-size: 13px; font-weight: bold; text-decoration: none; }
.quick-list li:last-child { float: right; margin: 0; }
.quick-list li:last-child a { color: #f1851b; font-size: 11px; }
.quick-list li:last-child a:hover { color: #a1a1a1; }


.spec-list {}
.spec-list li { width: 119px; float: left; height: 170px; margin: 0 0 0 30px; }
.spec-list li a { display: block; text-decoration: none; }
.spec-list li a span { position: relative; display: block; width: 119px; height: 119px; margin: 0 auto 5px; overflow: hidden; }
.spec-list li a span span { position: absolute; left: 0; top: 0; width: 119px; height: 119px; margin: 0; background: url(../images/bg-spec-mask.png) no-repeat 0 0; }
.spec-list li a strong { display: block; color: #000; font-size: 14px; font-weight: bold; text-align: center; }

.sort-list { line-height: 25px; padding: 0 15px; border: 1px solid #f9cc9f; color: #fff; background: #f1851b; font-weight: bold; overflow: hidden; }
.sort-list li { float: left; padding: 0 5px; background: url(../images/icon-divider-1.png) no-repeat 100% 50%; white-space: nowrap; }
.sort-list li:first-child,
.sort-list li:last-child { background: none; }
.sort-list li a { color: #fff; font-weight: normal; text-decoration: none;  }
.sort-list li a:hover { color: #000; font-weight: normal; }
.sort-list li.act a { color: #000; font-weight: bold; }
.mod-0 .sort-list { line-height: 22px; padding: 0 10px; font-size: 12px; }
.mod-0 .sort-list li:first-child  { display: block; float: none; }
.mod-0 .sort-list li { margin: 0 5px 0 0; padding: 0 5px 0 0; }

.tags-list { height: 143px; padding: 5px 15px; }
.tags-list li { display: inline; line-height: 1.5em; color: #454545; }
.tags-list li a { color: #454545; text-decoration: none; }
.tags-list li:last-child { font-size: 120%; }
.tags-list .i-5 { font-size: 60%; }
.tags-list .i-4 { font-size: 80%; }
.tags-list .i-3 { font-size: 70%; }
.tags-list .i-2 { font-size: 80%; }
.tags-list .i-1 { font-size: 90%; }
.tags-list .i0 { font-size: 100%; }
.tags-list .i1 { font-size: 110%; }
.tags-list .i2 { font-size: 120%; }
.tags-list .i3 { font-size: 130%; }
.tags-list .i4 { font-size: 140%; }
.tags-list .i5 { font-size: 150%; }
.tags-list .i6 { font-size: 160%; }
.tags-list .i7 { font-size: 170%; }
.tags-list .i8 { font-size: 180%; }
.tags-list .i9 { font-size: 190%; }
.mod-0 .tags-list { height: auto; padding: 5px 0; }


.quick-link { height: 18px; clear: both; margin: 0 0 8px; padding: 4px 5px 4px 15px; color: #010101; border-bottom: 1px solid #c5c5c5; font-size: 12px; white-space: nowrap; }
.quick-link p { float: left; margin: 0 8px 0 0; font-weight: bold; }
.quick-link a { float: right; color: #819838; font-weight: bold; text-decoration: none; }

#banner-mod { position: relative; height: 307px;  }
#banner-mod .slider-img { position: absolute; width: 100%; z-index: 1; }
#banner-mod .slider-img img { display: block; cursor: pointer }
#banner-mod .slider-img .img { position: absolute; top: 0; left: 0; width: 100%; z-index: 1; }
#banner-mod .slider-img .loding { margin: 140px 240px 0; }
#banner-mod .slider-nav { position: absolute; bottom: 10px; right: 0; width: 210px; height: 14px; padding: 0 15px; z-index: 3; }
#banner-mod .slider-nav li { width: 17px; height: 14px; line-height: 14px; float: left; text-align: center; }
#banner-mod .slider-nav li a { color: #fff; font-weight: bold; text-decoration: none; }
#banner-mod .slider-nav li:first-child { margin: 0 11px 0 0; }
#banner-mod .slider-nav li:last-child { margin: 0 0 0 11px; }
#banner-mod .slider-nav li:first-child a,
#banner-mod .slider-nav li:last-child a { display: block; width: 14px; height: 14px; text-indent: -100em; overflow: hidden; }
#banner-mod .slider-nav li:first-child a { background: url(../images/icon-arrows.png) no-repeat 0 -14px; }
#banner-mod .slider-nav li:last-child a { background: url(../images/icon-arrows.png) no-repeat 0 0; }
#banner-mod .slider-nav .act a,
#banner-mod .slider-nav li a:hover { text-decoration: underline; }
#banner-mod h2 { position: absolute; right: 0; width: 210px; padding: 8px 15px 0; color: #fff; font-size: 18px; font-weight: bold; z-index: 3; }
#banner-mod ul .i { position: absolute; right: 0; width: 210px; height: 269px; padding: 38px 15px 0; color: #fff; background: url(../images/bg-banner-item.png) no-repeat 0 0; font-size: 12px; z-index: 2; }
#banner-mod ul .i h5 { font-size: 1em; font-weight: bold; }

#new-recipcs-mod { position: relative; padding: 0 0 17px; background: url(../images/bg-scrollbar.png) no-repeat -1px 100%;  }
#new-recipcs-mod h3 { height: 50px; line-height: 50px; float: left; padding: 0 0 0 90px; color: #63842f; background: url(../images/bg-slider-header.png) no-repeat 0 0; font-size: 24px; font-weight: bold; }
#new-recipcs-mod small { height: 18px; float: left; padding: 21px 6px 0; color: #000; font-size: 11px; font-weight: bold; }
#new-recipcs-mod #slider { height: 95px; clear: both; margin: 0 17px; padding: 17px 0 0; } 
#new-recipcs-mod #slider ul { height: 92px; }
#new-recipcs-mod #slider ul li { width: 160px; height: 68px; line-height: 14px; float: left; }
#new-recipcs-mod li .img { float: left; margin: 0 5px 0 0; }
#new-recipcs-mod li a { color: #010101; text-decoration: none; }
#new-recipcs-mod li strong { display: block; height: 39px; padding: 0 5px 0 0; }
#new-recipcs-mod #slider-scroll { margin: 0 auto; }
#new-recipcs-mod #slider-scroll .ui-handle-helper-parent { position: relative; height: 17px; margin: 0 auto; }
#new-recipcs-mod #slider-scroll .ui-slider-handle { position: absolute; bottom: 1px; display: block; height: 9px; border: 1px solid #cbcbcb; background: url(../images/bg-scroll.png) repeat-x 0 0; cursor: e-resize; }
#new-recipcs-mod #slider-scroll .ui-slider-handle span { display: block; width: 10px; height: 9px; margin: 0 auto; background: url(../images/icon-scroll.png) no-repeat 50% 50%; }
#new-recipcs-mod .btn-slide { position: absolute; display: block; bottom: 1px; width: 14px; height: 16px; text-indent: -100em; overflow: hidden; cursor: pointer; z-index: 2; }
#new-recipcs-mod #slide-backward { left: 1px; background: url(../images/icon-arrows.png) no-repeat 50% -70px; }
#new-recipcs-mod #slide-forward { right: 1px; background: url(../images/icon-arrows.png) no-repeat 50% -56px; }


#profile-mod { padding: 10px 0 0; } 
#profile-mod h2 { line-height: 25px; margin: 0 0 5px; color: #010101; font-size: 18px; font-weight: bold; }
#profile-mod .mod-2 { padding: 0 0 0 15px; }
#profile-mod .mod-profile { padding: 0 0 20px 90px; }
#profile-mod .mod-profile .img { float: left; margin: 0 10px 0 -90px; }
#profile-mod .mod-profile h1 { color: #63842f; font-size: 18px; font-weight: bold; }
#profile-mod .mod-profile .profile-info {  }
#profile-mod .mod-profile .profile-info li { font-weight: bold; font-size: 13px; }
#profile-mod .quick-list li { margin: 0 15px 0 0; padding: 0 0 0 16px; background: url(../images/icon-divider.png) no-repeat 0 50%; }
#profile-mod .quick-list li:first-child { background: none; }
#profile-mod .quick-list li:last-child { float: left;  }
#profile-mod .quick-list li a { color: #010101; font-size: 13px; font-weight: bold; }
#profile-mod .quick-list li .link-recipcs { color: #f1851b; text-decoration: underline; }
#profile-mod .quick-list li .link-cmt { color: #63842f; }


#recip-mod {  }
#recip-mod .mod-recip { width: 298px; float: left; padding: 0 0 15px 15px; }
#recip-mod .mod-recip h1 { line-height: 25px; margin: 0 0 5px; color: #2b2b2b; font-size: 18px; font-weight: bold; }
#recip-mod .mod-recip h2 { line-height: 25px; margin: 10px 0; color: #2b2b2b; font-size: 12px; font-weight: bold; }
#recip-mod .mod-recip small { font-size: 1em; }
#recip-mod .mod-recip small a { color: #63842f; font-size: 1.1em; font-weight: bold; text-decoration: none; }
#recip-mod .mod-rate-recip { width: 145px; float: right; font-size: .9em; }
#recip-mod .mod-rate-recip h6 { font-size: .9em; }
#recip-mod .mod-rate-recip .link-cmt { display: inline-block; margin: 10px 0 0; }
#recip-mod .recip-info { line-height: 16px; padding: 20px 0 15px; font-size: .9em; }
#recip-mod .recip-info a,
#recip-mod .recip-info strong { color: #f1851b; font-weight: normal; text-decoration: none; }
#recip-mod .mod-recip-data { position: relative; padding: 0 0 15px 15px; overflow: hidden }
#recip-mod .mod-recip-data .recip-data { height: 20px; }
#recip-mod .mod-recip-data li { height: 18px; float: left; margin: 0 15px 0 0; padding: 0 0 0 16px; background: url(../images/icon-divider.png) no-repeat 0 50%; font-size: 13px; font-weight: bold; }
#recip-mod .mod-recip-data li:first-child { padding: 0; background: none; }
#recip-mod .mod-recip-data li.act a { color: #010101 }
#recip-mod .mod-recip-data .d { margin: 15px 0 0; }
#recip-mod .star-rating,
#recip-mod .star-rating a:hover,
#recip-mod .star-rating a:focus,
#recip-mod .star-rating .current-rating { background: url(../images/icon-stars.png) no-repeat 0 -1000px; }
#recip-mod .star-rating { position: relative; width: 119px; height: 19px; line-height: 19px; margin: 0 0 5px; overflow: hidden; background-position: 0 -19px !important; }
#recip-mod .star-rating:hover .current-rating { background-position: 0 -19px !important; }
#recip-mod .star-rating li{ display: inline; }
#recip-mod .star-rating a, 
#recip-mod .star-rating .current-rating { display: block; position: absolute; top: 0; left: 0; height: 19px; text-indent: -1000em; overflow: hidden; }
#recip-mod .star-rating a:hover,
#recip-mod .star-rating a:focus { background-position: 0 0; }
#recip-mod .star-rating a.s1{ width: 20%; z-index: 10; }
#recip-mod .star-rating a.s2{ width: 40%; z-index: 8; }
#recip-mod .star-rating a.s3{ width: 60%; z-index: 6; }
#recip-mod .star-rating a.s4{ width: 80%; z-index: 4; }
#recip-mod .star-rating a.s5{ width: 100%; z-index: 2; }
#recip-mod .star-rating .current-rating { background: transparent url(../images/icon-stars.png) no-repeat 0 0 !important; z-index: 1; } 


#cat-mod h1,
#cat-mod h2 { line-height: 25px; margin: 0 0 10px; padding: 0 15px 5px; border-bottom: 1px solid #c5c5c5; color: #2b2b2b; font-size: 18px; font-weight: bold; }
#cat-mod .mod-cats {}

#form-mod h1 { line-height: 25px; margin: 0 0 10px; padding: 0 15px 5px; border-bottom: 1px solid #c5c5c5; color: #2b2b2b; font-size: 18px; font-weight: bold; }
#form-mod .mod-0 { padding: 55px 0 0; } 
#form-mod .mod-add-data { position: relative; padding: 0 0 25px; }
#form-mod .mod-add-data p { font-size: 11px; }
#form-mod .mod-add-data ul { padding: 5px 0; }
#form-mod .mod-add-data li { position: relative; overflow: visible; z-index: 1; }
#form-mod .mod-add-data strong { display: inline; }
#form-mod .mod-add-data .grow-cls-add { position: absolute; left: 270px; top: 19px; height: 24px; line-height: 24px; margin: 10px 0 0; padding: 0 15px; border: 1px solid #b9cb75; color: #000; background: #a8be52; font-size: 11px; font-weight: bold; text-transform: uppercase; text-decoration: none; cursor: pointer; overflow: visible; z-index: 2; }
#form-mod .mod-add-data .grow-cls-remove { position: absolute; left: -10px; top: 3px; cursor: pointer }
#form-mod .mod-text { font-size: 11px; }
#form-mod .mod-text .mod-0 { margin: -4px 0 0; padding: 0; }
#form-mod .mod-text textarea { float: left; }


/* footer */
#footer { width: 937px; height: 35px; margin: 0 auto; padding: 15px 23px 0 ; color: #454545; font-size: 10px; }
#footer a {  color: #454545; text-decoration: none; }
#footer {  }
#footer ul { float: right; font-size: 11px; }
#footer ul li { float: left; padding: 0 5px 0 10px; font-weight: bold; }
#footer ul:first-child { float: left; font-size: 1em; }
#footer ul:first-child li { padding: 0 5px 0 7px; background: url(../images/icon-divider.png) no-repeat -1px 50%; font-weight: normal }
#footer ul:first-child li:first-child { background: none; }
#footer #copy { float: left; padding: 0 0 0 5px; background: url(../images/icon-divider.png) no-repeat -1px 50%; }


.mod .star-rating-list,
.mod .star-rating-list .current-rating-list { background: url(../images/icon-stars.png) no-repeat 0 -1000px; }
.mod .star-rating-list { position: relative; width: 119px; height: 19px; line-height: 19px; margin: 0 0 5px; overflow: hidden; background-position: 0 -19px !important; }
.mod .star-rating-list li{ display: inline; }
.mod .star-rating-list .current-rating-list { display: block; position: absolute; top: 0; left: 0; height: 19px; text-indent: -1000em; overflow: hidden; }
.mod .star-rating-list .current-rating-list { background: transparent url(../images/icon-stars.png) no-repeat 0 0 !important; z-index: 1; } 


.mod .mod-cmt { position: relative; padding: 0 0 15px 15px; overflow: hidden }
.mod .mod-cmt h2 { line-height: 25px; margin: 10px 0; color: #2b2b2b; font-size: 12px; font-weight: bold; }
.mod .mod-cmt small { font-size: 1em; }
.mod .mod-cmt small a { color: #63842f; font-size: 1.1em; font-weight: bold; text-decoration: none; }

.ads  {position: relative; padding: 0px 10px 0px 10px; overflow: hidden;}	
.ads468_60 { height: 60px; line-height: 60px; width: 468px; }
.ads300_250 { height: 250px; line-height: 250px; width: 300px;overflow: hidden;position: relative;float: left;}
.ads728_90 {position: relative; padding: 0px 0px 0px 0px; overflow: hidden; height: 90px; line-height: 90px; width: 728px;}
.ads750_100 {position: relative; padding: 0px 0px 0px 0px; margin-left:-8px; overflow: hidden; height: 100px; line-height: 100px; width: 750px;}

.adm {border:1px solid #444;}
.hide {display: none;}

.sport-nav {overflow:hidden;border:0px solid #444;padding-right:100px;padding-left:100px;padding-top:10px;}
.sport-nav li{border:0px solid red;}

.banner-widget {margin: 20px;}
.banner-widget textarea{margin: 10px;}