/* TYPO */
.smalRes #modelsNav li em  { font-weight: bold; font-size: 12px; font-style: italic; }

.smalRes .sidebar .note        { line-height: 13px; }
.smalRes .sidebar ul li        { font-weight: bold; font-size: 12px; font-family: "Trebuchet MS", arial, sans-serif; }
.smalRes .sidebar ul li.on,
.smalRes .sidebar ul li:hover  { color: #fff; font-weight: bold; font-size: 12px; font-family: "Trebuchet MS", arial, sans-serif; }

.smalRes .content .text h2 { font-size: 22px; font-weight: bold; color: #505f7e; }
.smalRes .content .text    { color: #fff; font-weight: bold; font-size: 12px; }
.smalRes .content .text2   { font-size: 12px; line-height: 18px; }

.smalRes .modelsButt   { color: #fff; font-weight: bold; font-size: 13px; line-height: 16px; font-family: "Trebuchet MS", arial, sans-serif; }
.smalRes .modelsButt b { font-size: 22px; font-size: 22px; }

/* GENERAL */
.smalRes #wrapper            { background: #bec8e3 url(../images/BKGmodelsGrad.gif) top left repeat-x; margin: 0 0 0 5px; float: left; }
.smalRes #wrapper .BKGright  { background: url(../images/BKGmodelsShadow.gif) top right repeat-y; float: left; }
.smalRes #wrapper .BKGtop    { background: url(../images/BKGmodelsTopSmall.gif) top left no-repeat; float: left; }
.smalRes #wrapper .BKGbottom { background: url(../images/BKGmodelsBottomSmall.gif) bottom left no-repeat; float: left; width: 975px; padding: 0 15px 10px 0; }

.smalRes #modelsNav        { width: 765px; list-style: none; float: left; padding-left: 230px; }
.smalRes #modelsNav li     { width: 255px; height: 37px; float: left; text-indent: -9000px; cursor: pointer; margin: 14px 0 21px 0; }
.smalRes #modelsNav li em  { display: none; margin: 37px 15px 0 0; text-align: center; }

.smalRes #bacicMemberNav { background: url(../images/title/memberBasic.jpg) top left no-repeat; }
.smalRes #startMemberNav { background: url(../images/title/memberStart.jpg) top left no-repeat; }
.smalRes #proMemberNav   { background: url(../images/title/memberPro.jpg) top left no-repeat; }

.smalRes #modelsNav li.on,
.smalRes #modelsNav li:hover     { background-position: -255px top; margin: 0; height: 72px; }
.smalRes #modelsNav li.on em,
.smalRes #modelsNav li:hover em  { text-indent: 0px; display: block; }

.smalRes .modelContent   { display: none; }
.smalRes .modelContentON { display: block; position: relative; float: left; }

.smalRes .sidebar        { width: 214px; float: left; margin-top: -58px; padding-left: 11px; }
.smalRes .sidebar .note  { width: 190px; height: 87px; position: relative; background: url(../images/BKGmodelsNote.jpg) top left no-repeat; padding: 10px 15px 0 10px; margin-bottom: 10px; }

.smalRes .sideTop  { height: 16px; width: 209px; background: url(../images/BKGmodelsBox_top.jpg) top left no-repeat; }
.smalRes .sideBottom { height: 16px; width: 209px; background: url(../images/BKGmodelsBox_bottom.gif) bottom left no-repeat; }

.smalRes .sidebar ul       { list-style: none; width: 209px; padding-bottom: 7px; background: url(../images/BKGmodelsBox_grad.jpg) top left repeat-y; }
.smalRes .sidebar ul li    { padding: 3px 10px 11px 10px; width: 189px; margin-bottom: -7px; cursor: pointer; }
.smalRes .sidebar ul li:hover,
.smalRes .sidebar ul li.on { background: url(../images/BKGmodelsTitle.gif) no-repeat; }

.smalRes .contScroller { overflow: hidden; }

.smalRes .contWrapper  { height: 427px; overflow: hidden; }
.smalRes .content  { width: 745px; float: right; padding: 17px 0 0 0; height: 410px; overflow: hidden; }

.smalRes .content .imgLeft { display: block; float: left; }
.smalRes .content .text    { padding: 0px 10px 0px 5px; overflow: hidden; }
.smalRes .content .text h2 { margin-bottom: 5px; }

.smalRes .content .text2 { clear: left; padding: 2px 340px 0px 0; }

.smalRes .modelsButt    { background: url(../images/button/BKGmodelsButton2.gif) top left no-repeat; width: 195px; height: 132px; padding: 23px 12px 0 118px; position: absolute; bottom: 0px; right: 0px; cursor: pointer; text-align: center; }
.smalRes .modelsButt b  { display: block; }