@import 'reset.css';
@import 'typography.css';
@import 'grid.css';
@import 'forms.css';

body { background: #FFF url(../images/layout/site-bg.gif) repeat-x; margin: 0; }

a { color: #000; cursor:pointer; }


.cleaner { clear: both; }
.cursor { cursor: pointer;}

.info { width:100%; text-align:center; padding:5px 0; font-weight:bold; }
.ok { color:#348738; border:solid 1px #99d79c; background-color:#dbf0dc; }
.err { color:#bd1730; border:solid 1px #ef7a8c; background-color:#fbdbe0; }

#container { width: 959px; margin: 0 auto; padding: 0; }

#wap { font-size:12px; font-weight:normal; margin-top:5px; }

/* ~~~~ HEADER ~~~~ */
#header-wrapper { width: 959px; height: 213px; margin: 0 auto; padding: 0; overflow: hidden; }
#header-wrapper .top { width: 959px; height: 29px; overflow: hidden; }
#header-wrapper .header-left { width: 639px; height: 184px; float: left; margin: 0; padding: 0; background: #FFF url(../images/layout/header-02.jpg) no-repeat; }
#header-wrapper .header-left img { float: left; }
#header-wrapper .header-left .text { width: 400px; float: left; padding: 35px 0 0 0; }
#header-wrapper .header-right { width: 320px; height: 184px; float: right; margin: 0; padding: 0; } 

#body-wrapper { width: 959px; margin: 0 auto; padding: 0; background: #FFF url(../images/layout/body-bg.gif) no-repeat; }

/* ~~~~ LEFT SIDE ~~~~ */
#body-wrapper #left-side { width: 188px; float: left; }
#body-wrapper #left-side .navigation-box { width: 188px; margin: 0 0 10px 0; background: #FFF url(../images/navigation/nav-left-bg.gif) repeat-y; }
#body-wrapper #left-side .navigation-box .top { width: 155px; height: 30px; padding: 16px 0 0 33px; background: #FFF url(../images/navigation/nav-left-top.gif) no-repeat; }
#body-wrapper #left-side .navigation-box .top h3 { text-align: left; }
#body-wrapper #left-side .navigation-box .bottom { width: 188px; height: 12px; background: #FFF url(../images/navigation/nav-left-bottom.gif) no-repeat; }
#body-wrapper #left-side .navigation-box .center { width: 188px; background: #FFF url(../images/navigation/nav-left-bg.gif)  repeat-y;}

/* ~~~~ LEFT NAVIGATION BOXES ~~~~ */
#body-wrapper #left-side .navigation-box .center ul.left-navigation { width: 188px; list-style: none; margin: 0 0 3px 0; padding: 0; font-size: 1.1em; }
#body-wrapper #left-side .navigation-box .center ul.left-navigation a { padding: 5px 15px 5px 30px; margin: 0; display: block; color: #000; text-decoration: none; text-align: left; }
#body-wrapper #left-side .navigation-box .center ul.left-navigation li { padding: 0; margin: 0; display: inline; text-align: left; }
#body-wrapper #left-side .navigation-box .center ul.left-navigation li a {  margin: 0; display: block; color: #000; }
#body-wrapper #left-side .navigation-box .center ul.left-navigation li a:hover { color: #000; background: #ffecb6;}

#body-wrapper #left-side .navigation-box .center ul.left-navigation li a.active { color: #000; background: #ffecb6; font-weight: bold; }

#body-wrapper #left-side .navigation-box .center ul.subitems { width: 188px; list-style: none; margin: 0 0 3px 0; padding: 0; font-size: 0.9em; background: #fff2ce; }
#body-wrapper #left-side .navigation-box .center ul.subitems a { padding: 2px 15px 2px 40px; margin: 0; display: block; color: #000; text-decoration: none; text-align: left; }
#body-wrapper #left-side .navigation-box .center ul.subitems li { padding: 0; margin: 0; display: inline; text-align: left; }
#body-wrapper #left-side .navigation-box .center ul.subitems li a {  margin: 0; display: block; color: #000; }
#body-wrapper #left-side .navigation-box .center ul.subitems li a:hover { color: #000; background: #ffecb6;}

/* ~~~~ CENTER CONTENT AREA ~~~~ */
#center-area { width: 559px; float: left; margin: 0 19px 0 19px; border: none; }
#center-area .search { width: 559px; padding: 10px 0; }
#center-area .search table.searching { margin: 0; padding: 0; font-size: 1.2em; color: #000; }
#center-area .search table.searching td { padding: 4px; }

#center-area .content-box { width: 559px; margin: 0 auto 10px auto; text-align: left; }
#center-area .content-box p { margin: 10px 0 0 0;}
#center-area .content-box a { color: #e53f03; text-decoration: underline; font-weight: bold; }
#center-area .content-box a:hover { background-color: #e53f03; color: #FFF; text-decoration: none; }
#center-area .content-box span { color: #e53f03; font-weight: bold; letter-spacing: -0.02em; }
#center-area .content-box .header-polifon { width: 539px; height: 36px; padding: 10px 0 0 20px; margin-right:15px; background: #FFF url(../images/navigation/bg-polifon-top.gif) no-repeat; overflow: hidden; }
#center-area .content-box .header-realtone { width: 539px; height: 36px; padding: 10px 0 0 20px; background: #FFF url(../images/navigation/bg-realtone-top.gif) no-repeat; overflow: hidden; }
#center-area .content-box .header-tapety { width: 539px; height: 36px; padding: 10px 0 0 20px; background: #FFF url(../images/navigation/bg-tapety-top.gif) no-repeat; overflow: hidden; }
#center-area .content-box .header-setrice { width: 539px; height: 36px; padding: 10px 0 0 20px; background: #FFF url(../images/navigation/bg-setrice-top.gif) no-repeat; overflow: hidden; }
#center-area .content-box .bottom { width: 559px; height: 12px; background: #FFF url(../images/navigation/nav-center-bottom.gif) no-repeat; }
#center-area .content-box .content { width: 519px; padding: 10px 20px; color: #000; background: #FFF url(../images/navigation/nav-center-bg.gif) repeat-y; }

#center-area .content-box table.tones {margin: 0; padding: 0; font-size: 1.1em; color: #000; }
#center-area .content-box table.tones td { border-top: 1px solid #f1f1f1; padding-top: 5px; padding-bottom: 5px; }
#center-area .content-box table.tones a { color: #e53f03; font-weight: bold; text-decoration: underline;}
#center-area .content-box table.tones a:hover { color: #FFF; background: #e53f03; font-weight: bold; text-decoration: none;}
#center-area .content-box table.tones tr:hover { background: #f7f7f7; }
#center-area .content-box table.tones td.toneid { width: 70px; color: #e53f03; font-weight: bold; }
#center-area .content-box table.tones td.name { width: 300px; }
#center-area .content-box table.tones td.songname { width: 250px; }
#center-area .content-box table.tones td.play { width: 30px; text-align: right; }

#center-area .content-box .content .thumbnails { width: 123px; float: left; margin: 0 5px 0 0; text-align: center; }
#center-area .content-box .content .thumbnails a { color: #e53f03; font-weight: bold; text-decoration: underline;}
#center-area .content-box .content .thumbnails a:hover { color: #FFF; background: #e53f03; font-weight: bold; text-decoration: none;}

/* ~~~~ RIGHT SIDE ~~~~ */
#right-side { width: 172px; float: left; }
#right-side .navigation-box { width: 172px; margin: 9px 0 10px 0; }
#right-side .navigation-box .header-first { width: 150px; height: 38px; padding: 16px 0 0 22px; text-align: left; background: #FFF url(../images/navigation/nav-right-top-first.gif) no-repeat; }
#right-side .navigation-box .header { width: 150px; height: 38px; padding: 16px 0 0 22px; text-align: left; background: #FFF url(../images/navigation/nav-right-top.gif) no-repeat; }

#right-side .navigation-box .content .thumbnails { width: 75px; float: left; margin: 0 7px 5px 0; text-align: center; }
#right-side .navigation-box .content .thumbnails img { border: 2px solid #e53f03; }
#right-side .navigation-box .content .thumbnails a { color: #e53f03; font-weight: bold; text-decoration: underline;}
#right-side .navigation-box .content .thumbnails a:hover { color: #FFF; background: #e53f03; font-weight: bold; text-decoration: none;}

/* ~~~~~ FOOTER ~~~~~ */
#footer { width: 919px; margin: 10px auto 25px auto; padding: 10px 15px 0 15px; border-top: 1px solid #F5F5F5; font-size: 0.9em; text-align: center; color: #a5a5a5; }
#footer a { color: #a5a5a5; text-decoration: none; }
#footer a:hover { color: #FFF; background: #e53f03; text-decoration: none; }

/* ~~~~~~~~~~~~~~~~~~~ SUBPAGE LAYOUTS ~~~~~~~~~~~~~~~~~~~ */

#content-body { width: 751px; float: left; margin: 0; }
#content-body p { margin: 20px 20px 0 35px;}

#content-body .search { width: 735px; padding: 10px 0; }
#content-body .search table.searching { margin: 0; padding: 0; font-size: 1.2em; color: #000; }
#content-body .search table.searching td { padding: 4px; }

#content-body .content-box { width: 729px; margin: 0 auto 10px auto; text-align: left; }
#content-body .content-box span { color: #e53f03; font-weight: bold; letter-spacing: -0.02em; }
#content-body .content-box .header { width: 709px; height: 36px; padding: 10px 0 0 20px; background: #FFF url(../images/navigation/nav-center-top-wide.gif) no-repeat; overflow: hidden; }
#content-body .content-box .bottom { width: 729px; height: 12px; background: #FFF url(../images/navigation/nav-center-bottom-wide.gif) no-repeat; }
#content-body .content-box .content { width: 689px; padding: 10px 20px; color: #000; background: #FFF url(../images/navigation/nav-center-bg-wide.gif) repeat-y; }

#content-body .content-box .content .thumbnails { width: 123px; float: left; margin: 0 14px 8px 0; text-align: center; }
#content-body .content-box .content .thumbnails a { color: #e53f03; font-weight: bold; text-decoration: underline;}
#content-body .content-box .content .thumbnails a:hover { color: #FFF; background: #e53f03; font-weight: bold; text-decoration: none;}
#content-body .content-box .content p { padding: 0; margin: 0 0 1em 0;}
#content-body .content-box .content ul.bullets { list-style: disc; }

#content-body .content-box table.tones {margin: 0 0 15px 0; padding: 0; font-size: 1.1em; color: #000; }
#content-body .content-box table.tones td { border-top: 1px solid #f1f1f1; padding-top: 5px; padding-bottom: 5px; }
#content-body .content-box table.tones a { color: #e53f03; font-weight: bold; text-decoration: underline;}
#content-body .content-box table.tones a:hover { color: #FFF; background: #e53f03; font-weight: bold; text-decoration: none;}
#content-body .content-box table.tones tr:hover { background: #f7f7f7; }

#content-body .content-box table.tones td.first { padding-left: 0px; }
#content-body .content-box table.tones tr.firstrow { background-color: #f6f6f6; color: #5c5c5c; font-size: 1em; }
#content-body .content-box table.tones td.toneidfirst { color: #5c5c5c; font-size: 1em; font-weight: normal; }
#content-body .content-box table.tones td.toneid { width: 80px; color: #e53f03; font-weight: bold; }
#content-body .content-box table.tones td.name { width: 300px; }
#content-body .content-box table.tones td.songname { width: 250px; }
#content-body .content-box table.tones td.play { width: 80px; text-align: center; }

/* pagination */
#content-body .content-box .pagination { width: 671px; margin: 0 0 15px 0; padding: 0; color: #000; background-color: #f6f6f6;border-top: 1px solid #f1f1f1; padding: 5px 0; text-align: center; }
#content-body .content-box .pagination a { color: #e53f03; font-weight: bold; text-decoration: underline; padding: 0px 3px;}
#content-body .content-box .pagination a:hover { color: #FFF; background: #e53f03; font-weight: bold; text-decoration: none;}
#content-body .content-box .pagination ul.pagenumbers { margin: 0 auto; overflow: hidden; text-align: center;}
#content-body .content-box .pagination ul.pagenumbers li { list-style: none; display: inline; margin: 0 10px; }

#content-body .content-box .pagination-full { margin: 0 0 20px 0; padding: 0; color: #000; background-color: #f6f6f6;border-top: 1px solid #f1f1f1; padding: 5px 0; text-align: center; }
#content-body .content-box .pagination-full a { color: #e53f03; font-weight: bold; text-decoration: underline; padding: 0px 3px;}
#content-body .content-box .pagination-full a:hover { color: #FFF; background: #e53f03; font-weight: bold; text-decoration: none;}
#content-body .content-box .pagination-full ul.pagenumbers { margin: 0 auto; overflow: hidden; text-align: center;}
#content-body .content-box .pagination-full ul.pagenumbers li { list-style: none; display: inline; margin: 0 10px; }

.pagination-full-bottom { margin: 0; padding: 0; color: #000; background-color: #f6f6f6;border-top: 1px solid #f1f1f1; padding: 5px 0; text-align: center; }
.pagination-full-bottom a { color: #e53f03; font-weight: bold; text-decoration: underline; padding: 0px 3px;}
.pagination-full-bottom a:hover { color: #FFF; background: #e53f03; font-weight: bold; text-decoration: none;}
.pagination-full-bottom ul.pagenumbers { margin: 0 auto; overflow: hidden; text-align: center;}
.pagination-full-bottom ul.pagenumbers li { list-style: none; display: inline; margin: 0 10px; }

/* Java games layout */
#content-body .content-box .content .left-box { width: 322px; height: 170px; float: left; padding: 0 20px 0 0; margin: 0 0 20px 0; }
#content-body .content-box .content .left-box img { float: left; margin: 0 10px 0 0; }
#content-body .content-box .content .left-box a { color: #e53f03; font-weight: bold; text-decoration: underline; }
#content-body .content-box .content .left-box a:hover { color: #FFF; background: #e53f03; font-weight: bold; text-decoration: none; }
#content-body .content-box .content .left-box span { font-weight: bold; color: #000;}

#content-body .content-box .content .right-box { width: 322px; height: 183px; float: left; padding: 0 0 0 20px; border-bottom: 1px solid #f1f1f1; }
#content-body .content-box .content .right-box img { float: left; margin: 0 10px 0 0; }
#content-body .content-box .content .right-box a { color: #e53f03; font-weight: bold; text-decoration: underline; }
#content-body .content-box .content .right-box a:hover { color: #FFF; background: #e53f03; font-weight: bold; text-decoration: none; }
#content-body .content-box .content .right-box span { font-weight: bold; color: #000;}


/* ~~~~~~~~~~~~~~~~~~~ POPUPS ~~~~~~~~~~~~~~~~~~~ */

#popup-container { margin: 0 auto; padding: 0; background-color: #FFF; }