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

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

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

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

/* GENERAL */
#wrapper            { background: #bec8e3 url(../images/BKGmodelsGrad.gif) top left repeat-x; margin-right: 10px; float: left; }
#wrapper .BKGright  { background: url(../images/BKGmodelsShadow.gif) top right repeat-y; float: left; }
#wrapper .BKGtop    { background: url(../images/BKGmodelsTop.gif) top left no-repeat; float: left; }
#wrapper .BKGbottom { background: url(../images/BKGmodelsBottom.gif) bottom left no-repeat; float: left; width: 1094px; height: 425px; padding: 0 15px 10px 0; }

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

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

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

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

.sidebar        { width: 214px; float: left; margin-top: -58px; padding-left: 11px; }
.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; }

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

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

.contScroller { overflow: hidden; }

.contWrapper  { height: 427px; overflow: hidden; }
.content  { width: 860px; float: right; padding: 27px 0 0 0; height: 400px; overflow: hidden; }

.content .imgLeft { display: block; float: left; }
.content .text    { padding: 20px 40px 0px 15px; overflow: hidden; }
.content .text h2 { margin-bottom: 20px; }

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

.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; }
.modelsButt b  { display: block; }