* { margin: 0; padding: 0; }

body {
  font: normal 12px "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif !important;
	background: #F7F9F9;
  /*font-family: arial;
  font-size: 12px;*/
  color: #707173;
}
		
img {
  border: 0;
}

.imgFrame {
  padding: 5px;
  margin: 0 5px 5px 5px;
  border: 1px solid #aaa;
}
  
a:link, a:visited, a:active {
  color: #707173;
  text-decoration: none;
}

a:hover {
  color: #707173;
  /*text-decoration: underline;*/
}

.clearme {
  clear: both;
}

.container {
  position: relative;
  width: 1024px;
  margin: 20px auto;
  position: relative;
  background: #fff;
}

.detailWrap {
  float:left;
  width: 750px;
}

.detailWrapHome {
  float:left;
  width: 750px;
  height: 700px;
  background: #FCE304;
}

.curveBR {
  position: absolute;
  right: 0;
  bottom: 0;
  background: url(../images/new/br.jpg) no-repeat;
  width: 58px;
  height: 52px;
  z-index: 100;
}

.curveTR {
  position: absolute;
  right: 0;
  top: 0;
  background: url(../images/new/tr.jpg) no-repeat;
  width: 58px;
  height: 52px;
  z-index: 100;
}

.logoMain {
  position: absolute;
  right: 50px;
  top: 35px;
  background: url(../images/new/24hundred.jpg) no-repeat;
  width: 193px;
  height: 188px;
  z-index: 9999;
}

.menuWrap {
  position: relative;
  float:left;
  width: 270px;
  height: 700px;
  background: #FCE304;
}

.menuCont {
  /*border: 1px solid #000;*/
  position: relative;
  float: right;
  width: 224px;
  margin: 270px 0 0 0;
  font-size: 20px;
}

.menuCont li {
  list-style: none;
  margin: 10px 0 0 0;
  padding: 0 0 0 10px;
  width: 100%;
  height: 23px;
}

.menuCont a {
  color: #fff;
}

.menuActive, .menuNotActive {
  overflow: visible;
  height: 23px;
  position: relative;
}

.menuActive {
  background: #fff;
}

.menuActive a {
  color: #1F275A;
}

.menuNotActive .leftArrow {
  display: none;
}

.menuActive .leftArrow {
  display: block;
  position: absolute;
  left: -17px;
  top: 0px;
  width: 18px;
  height: 23px;
  background: url(../images/new/menu_end.jpg) no-repeat;
}

.submenu {
  display: none;
  position: absolute;
  background: #fff;
  padding: 20px;
  left: -583px;
  bottom: -51px;
  font-size: 13px;
  border: 1px solid #999;
}

.submenu ul {
  float: left;
  width: 510px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.submenu ul li {
  float: left;
  width: 170px;
  margin: 0;
  padding: 0;
}

.submenu a:hover {
  text-decoration: underline;
}

.submenu .rightArrow {
  position: absolute;
  right: -18px;
  bottom: 50px;
  width: 18px;
  height: 23px;
  background: url(../images/new/menu_end2.jpg) no-repeat;
  z-index: 100;
}

.rightStrip {
  position: absolute;
  right: -40px;
  bottom: 0px;
  width: 40px;
  height: 100%;
  z-index: 50;
  /*background: orange;*/
  
}

.welcome {
  position: relative;
  width: 300px;
  height: 32px;
  margin: 200px 0 0 50px;
  padding: 10px;
  background: #1F275A;
  font-size: 22px;
  color: #fff;
}

.welcome strong {
  font-size: 30px;
}

.homeAngle {
  position: absolute;
  right: -42px;
  top: 0px;
  width: 43px;
  height: 52px;
  background: url(../images/new/wel_end.jpg) no-repeat;
}

.homeImg {
  background: url(../images/new/spider_home.jpg) no-repeat;
  width: 600px;
  height: 253px;
}

.homeMsg {
  width: 550px;
  margin: 20px 0 50px 50px;
  font-size: 18px;
  color: #7D7B6F;
}

.detailCont {
  padding: 0 10px 0 0;
}

.detailCont h1 {
  font-size: 28px;
  color: #FCD206;
  margin: 0 0 20px 0;
}

.detailCont h2 {
  margin: 10px 0 0 0;
}


.detailCont p {
  margin: 30px 0 0 0;
  font-size: 14px;
}

.repairsList {
  margin: 0 0 0 50px;
}

.repairsList a {
  text-decoration: underline;
}

.sitemodsDetail {
  margin: 20px 0 0 0;
}

.sitemodsDate {
  font-weight: bold;
  color: #272453;
}

.linksList {
  margin: 0 0 0 20px;
}

.linksList li {
  padding: 10px;
}

.linksList a {
  font-weight: bold;
  color: #272453;
}

.filmWrap {
  width: 245px;
  height: 350px;
  float: left;
}

.filmDesc {
  width: 210px;
  text-align: center;
  padding: 5px;
  vertical-align: top;
}

.filmDesc div {
  font-size: 12px;
}

.filmDesc p {
  color: #272453;
  font-style: italic;
}

.bookWrap {
  width: 270px;
  height: 450px;
  float: left;
  font-size:12px;
}

.bookImg {
  margin: 0 auto;
}

.bookTitle {
  font-weight: bold;
  font-size:14px;
  color: #272453;
}

.bookDesc {
  width: 250px;
  text-align: center;
  padding: 5px;
  vertical-align: top;
}

.cls_technical td {
  color: #fff;
}

.cls_technical .model {
  margin: 30px 0 0 0;
  font-style: italic;
}

.cls_technical table {
  border: 1px solid #272453;
  margin: 0px 0 10px 0;
}

.cls_technical table tbody td {
  padding: 3px;
}

.cls_technical table tbody .sec {
  width: 300px;
}

.cls_technical table tbody .det {
  width: 400px;
}

.cls_technical table tbody .sec2 {
  width: 150px;
}

.cls_technical table tbody .det2 {
  width: 150px;
}

.cls_technical table .row1 {
  /*background: #0032C0;*/
  background: #9B9595;
}

.cls_technical table .row2 {
  /*background: #007FC0;*/
  background: #767070;
}

.colourModel {
  font-size: 16px;
  font-style: italic;
  margin: 0 0 20px 0;
}

.colourTable {
  width: 700px;
  border: 0px;
  color: #fff;
}

.colourTable td {
  padding: 5px;
}

.colourTable thead {
  background: #000;
  font-weight: bold;
}

.colourTable tbody .row1{
  background: #9B9595;
}

.colourTable tbody .row2{
  background: #767070;
}

.coloriWrap {
  width: 740px;
  height: 100px;
  font-size: 12px;
}

.coloriWrapCoupe {
  width: 705px;
  height: 110px;
  font-size: 12px;
}

.coloriBckHead {
  background: #000;
  color: yellow;
  font-size: 13px;
  font-weight: bold;
  height: 60px;
}

.coloriBck1 {
  background: #9B9595;
}

.coloriBck2 {
  background: #767070;
}

.coloriWrap div, .coloriWrapCoupe div {
  float: left;
  padding: 2px;
  color: #fff;
}

.codeFiat {
  width: 80px;
}

.codeItalver {
  width: 100px;
}

.colourBody {
  width: 110px;
}

.codeItalverInterni {
  width: 90px;
}

.colourInterni {
  width: 90px;
}

.colourMoquette {
  width: 70px;
}

.coloriImg {
  width: 130px;
}
.coloriImgSpan {
  float: right;
  margin: 5px 10px 0 0;
}

.colourMoquetteBoot {
  width: 70px;
}

#DOMWindow {
  color: #000;
}

.closeDOMWindow {
  cursor: pointer;
}

.closeX {
  position: absolute;
  top: 0;
  right: 0;
  width: 25px;
  height: 29px;
  z-index: 30000;
  background-image: url('../images/x.png');
}

.closeWritten {
  position: absolute;
  top: 3px;
  right: 35px;
  width: 35px;
  z-index: 30000;
  text-align: left;
}

#prev, #next {
  position: absolute;
  top: 0;
  width: 40px;
  height: 37px;
  cursor: pointer;
}

#prev {
  left: 0;
}

#next {
  right: 0;
}

#multipleImgs {
  height: 37px;
  width: 120px;
  position: relative;
  margin: 10px 0 0 0;
}

#curmaxWrap {
  position: absolute;
  top: 8px;
  left: 45px;
}

.sitemodsDetail a {
  text-decoration: underline;
}

.blogDate {
  margin: 0 0 0 10px;
  font-size: 12px;
  color: #888;
}

.menuNewItem {
  position: absolute;
  right: 17px;
  top: 5px;
  width: 30px;
  height: 15px;
  background: url(../images/new.gif) no-repeat;
}

.nextprevbar {
  height: 30px;
  overflow: visible;
  position: relative;
  background: #ccc;
  margin: 0 0 10px 0;
}

.nextprevbarInner {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 190px;
  height: 20px;
  padding: 0 5px;
}

.nextprevbar h2 {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 20px;
  padding: 0 5px;
  margin: 0;
}

.nextprevbar #restoPrev {
  float:left;
}

.nextprevbar #restoNext {
  float:right;
}

.nextprevbarInner a:hover {
  text-decoration: underline;
}

.captionImg {
  width: 1024px;
  list-style-type: none;
}

.captionImg li {
  margin: 20px 0 0 0;
  width: 1024px;
  border: 1px solid #666;
  background: #ddd;
}