body {
	font-family: Verdana;
	background-color: #0d0d0d;
	font-size: 10px;
}
#container {
	width: 960px;
	margin: 0 auto;
}
#title {
	height: 160px;
	background-image: url(../images/top.png);
	background-repeat: no-repeat;
}
h1 {
	text-indent: -9999px;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: 16px 50%;
	height: 160px;
	position: relative;
}
#title img {
	margin-top: 35px;
	margin-right: 16px;
	float: right;
	position: relative;
}
#nav {
	height: 51px;
	background-color: #151515;
}
#nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#nav ul li {
	float: left;
	position: relative;
}
#nav ul li a {
	height: 51px;
	display: block;
	text-indent: -9999px;
	position: relative;
}
#nav #a { width: 127px; background: url(../images/nav.png) no-repeat 0 0; }
#nav #b { width: 144px; background: url(../images/nav.png) no-repeat -127px 0; }
#nav #c { width: 147px; background: url(../images/nav.png) no-repeat -271px 0; }
#nav #d { width: 167px; background: url(../images/nav.png) no-repeat -418px 0; }
#nav #e { width: 191px; background: url(../images/nav.png) no-repeat -585px 0; }
#nav #f { width: 184px; background: url(../images/nav.png) no-repeat -776px 0; }
#nav #aa { width: 127px; background: url(../images/nav.png) no-repeat 0 -51px; }
#nav #ba { width: 144px; background: url(../images/nav.png) no-repeat -127px -51px; }
#nav #ca { width: 147px; background: url(../images/nav.png) no-repeat -271px -51px; }
#nav #da { width: 167px; background: url(../images/nav.png) no-repeat -418px -51px; }
#nav #ea { width: 191px; background: url(../images/nav.png) no-repeat -585px -51px; }
#nav #fa { width: 184px; background: url(../images/nav.png) no-repeat -776px -51px; }

#mid {
	height: 203px;
	background: url(../images/mid.png) no-repeat 0 0;
	padding-right: 200px;
}
#mid #cats {
	width: 265px;
	height: 155px;
	float: left;
	padding-top: 45px;
	text-align: center;
	margin-right: 40px;
}
#mid #cats .select {
	cursor: pointer;
	margin: 0 auto;
	width: 219px;
	height: 44px;
	line-height: 44px;
	font-size: 1.5em;
	text-align: center;
	background: url(../images/box.png) no-repeat 0 0;
	color: #fff;
	margin-bottom: 6px;
}
#mid #cats select {
	display: none;
}
#mid #cats .search {
	cursor: pointer;
	width: 95px;
	height: 28px;
	line-height: 27px;
	text-indent: -9999px;
	border: none;
	background: url(../images/etsi.png) no-repeat 0 0;
}
#mid #cats .search:active {
	background-position: 1px 1px;
}
#mid #info {
	padding: 5px;
	color: #fff;
	height: 193px;
}
#mid #info h2 {
	color: #fff;
	margin: 10px 0;
	font-family: "Scream Real";
}
#mid #info #info_content {
	padding: 5px;
}
#mid #info #sel {
	width: 640px;
	height: 30px;
}
#mid #info #sel ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#mid #info #sel ul li {
	float: left;
	position: relative;
	margin-right: 5px;
}
#mid #info #sel ul li a {
	text-decoration: none;
	font-size: 1.9em;
	color: #a3beed;
	display: block;
	position: relative;
	text-align: center;
	width: 27px;
	height: 27px;
	line-height: 27px;
	background: url(../images/num.png) no-repeat 0 0;
}
#mid #info #sel ul li a.active {
	color: #fff;
}
#content {
	margin-top: 24px;
	padding-top: 6px;
	background: #fff url(../images/bodytop.png) no-repeat 0 0;
}
#content #options {
	text-align: center;
	width: 460px;
	height: 440px;
	padding: 20px;
	float: left;
}
#content #options select {
	display: none;
}
#content #options button {
	border: none;
	background-color: #FFF;
	text-indent: -9999px;
	margin-right: 40px;
	position: relative;
}

#br { width: 91px; height: 400px; background: url(../images/br.png) no-repeat 0 0; }
#rm { width: 110px; height: 400px; background: url(../images/rm.png) no-repeat 0 0; }
#er { width: 127px; height: 400px; background: url(../images/er.png) no-repeat 0 0; }
#br.active { cursor: pointer; width: 91px; height: 400px; background: url(../images/br.png) no-repeat -91px 0; }
#rm.active { cursor: pointer; width: 110px; height: 400px; background: url(../images/rm.png) no-repeat -110px 0; }
#er.active { cursor: pointer; width: 127px; height: 400px; background: url(../images/er.png) no-repeat -127px 0; }

#content #prod {
	padding: 15px;
	line-height: 1.5;
}
#prod hr {
	border: none;
	background: url(http://wex.im/mvc4/images/bar.png) no-repeat 0 0;
	height: 15px;
	margin-bottom: -10px;
	color: #fff;
}
#prod ul {
	margin: 1em 2em;
	font-size: 1.4em;
}
#prod ul li {
	list-style: square;
	line-height: 1.5;
}

#price button {
	cursor: pointer;
	float: left;
	margin-right: 20px;
}

.buy:active, .info:active {
	background-position: 1px 1px;
}

.buy {
	background: url(../images/osta.png) no-repeat 0 0;
	border: none;
	width: 95px;
	height: 28px;
	line-height: 27px;
	text-indent: -9999px;
}

.info {
	background: url(../images/lue.png) no-repeat 0 0;
	border: none;
	width: 112px;
	height: 28px;
	line-height: 27px;
	text-indent: -9999px;
}

#price {
	margin-top: 30px;
	text-align: right;
	color: #2754bf;
	font-size: 3.4em;
	line-height: 0.8em;
	font-weight: bold;
}

h2 {
	color: #2754bf;
	font-size: 2.5em;
	font-weight: bold;
}
h3 {
	font-size: 12px;
	line-height: 1.5em;
}
h4 {
	font-weight: bold;
	font-size: 12px;
	color: #2754bf;
	line-height: 1.5em;
}
p {
	line-height: 1.5em;
	font-size: 1.2em;
	margin-bottom: 1em;
}
strong {
	font-weight: bold;
}
.bar {
	padding-top: 30px;
	clear: both;
	background: url(../images/bar.png) no-repeat 0 0;
	text-align: right;
}
.bar img {
	margin: 10px;
}
#bot {
	padding: 10px;
	background-color: #000;
	border-bottom: 1px solid #f45a09;
	margin-bottom: 40px;
	color: #b7b7b7;
	line-height: 3em;
}

#modalbg {
	background-color: #1c1c1c;
	filter: alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
	position: absolute;
	z-index: 1;
}
#modal {
	position: absolute;
	width: 860px;
	height: 660px;
	background: #fff url(../images/modalbg.png) repeat-x 0 0;
	z-index: 5;
	color: #000;
	padding: 20px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
#modal h2 {
	font-size: 2.5em;
	color: #fff;
	font-family: 'Arial Black';
	padding: 10px;
	margin-bottom: 0.2em;
}
#modal ul li {
	line-height: 2;
}
#modal ul li .select {
	font-size: 1.2em;
}
#modal button.select {
	font-size: 13px;
	line-height: 1.5;
	background-color: #fff;
	border: 1px solid #ccc;
	cursor: pointer;
	position: relative;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	top: 0px;
	left: 0px;
	margin: 3px;
}
#modal button.select:hover {
	border: 1px solid #999;
}
#modal button.select:active {
	top: 1px;
	left: 1px;
}
#modal #close_modal {
	float: right;
	cursor: pointer;
}
#modal .select img {
	width: 100px;
	height: 75px;
	border: none;
}
#modal .cen {
	text-align: center;
}
.make {
	width: 160px;
	height: 120px;
	border: 1px solid #fff;
	background: #fff url(../images/cars/logo_empty.jpg) no-repeat 50% 50%;
	text-align: center;
	vertical-align: bottom;
}
.make:hover {
	border: 1px solid #ccc;
}

.cart .title td {
    font-weight: bold;
    background-color: #bbccdd;
}
.cart {
    width: 100%;
    font-size: 12px;
}
.cart .even td {
    background-color: #ddd;
}
.cart td {
    padding: 5px;
}
.cart .name {
	line-height: 1.5;
}
.cart .amount {
    width: 40px;
    text-align: center;
}
.cart .amount input {
    width: 80%;
    text-align: center;
}
button.std {
	padding: 10px;
	font-size: 1.5em;
}
.cart .var {
	width: 20%;
	background-color: #ddd;
	font-weight: bold;
	padding: 10px;
}
.cart .val input {
	width: 300px;
}
span.req {
	font-size: 1.2em;
	color: #f00;
}
.cart .price {
    width: 15%;
    text-align: right;
}
.cart .total {
    width: 15%;
    text-align: right;
}
.cart .icons {
    width: 32px;
    text-align: right;
}
.cart .sum {
    text-align: right;
    border-top: 1px solid #000;
}
.buttons {
    width: 100%;
    margin-top: 15px;
}
.buttons .left {
    text-align: left;
}
.buttons .right {
    text-align: right;
}
.tocart {
	background: #104598 url(../images/kori.png) no-repeat 0 0;
	display: inline-block;
	border: none;
	width: 95px;
	height: 28px;
	line-height: 27px;
	text-indent: -9999px;
}
p.message {
	margin: 10px 20px;
	border: 1px solid #339933;
	padding: 5px;
	padding-left: 26px;
	background: url(../iconss/ok.png) no-repeat 5px 5px;
	background-color: #CCFFCC;
}
p.notice {
	margin: 10px 20px;
	border: 1px solid #999933;
	padding: 5px;
	padding-left: 26px;
	background: url(../iconss/bell.png) no-repeat 5px 5px;
	background-color: #FFFFCC;
}
button.nappi {
	background: url(../images/nappi.png) no-repeat 0 0;
	border: 0;
	width: 142px;
	height: 28px;
	cursor: pointer;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
}
button.nappi:active {
	background-position: 1px 1px;
	line-height: 28px;
}
.buttons button {
	background: url(../images/nappi.png) no-repeat 0 0;
	border: 0;
	width: 142px;
	height: 28px;
	cursor: pointer;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
}
.buttons button:active {
	background-position: 1px 1px;
	line-height: 28px;
}
p.error {
	margin: 10px 20px;
	border: 1px solid #993333;
	padding: 5px;
	padding-left: 26px;
	background: url(../iconss/error.png) no-repeat 5px 5px;
	background-color: #FFCCCC;
}
.stdtable {
	width: 100%;
	font-size: 1.2em;
}
.stdtable .valign td {
	vertical-align: top;
}
.stdtable .title {
	font-weight: bold;
	font-size: 1.2em;
	padding: 8px;
	background-color: #bbccdd;
}
.stdtable .var {
	padding: 4px;
	width: 200px;
	text-align: right;
	font-weight: bold;
}
.section {
	padding: 10px;
}
tr.discount td {
	font-weight: bold;
	background-color: #bb8800;
}
img.thumb {
	border: 1px solid #000;
}
.section a img {
	border: 1px solid #000;
}