﻿html, body {
	width:100%;
	margin:0;
	padding:0;
}
body {
	background:#fff;	
}
#main-container {
	margin: 0 auto;
	width:980px;
	padding:10px 0 0;
	font:12px Arial, Helvetica, sans-serif;
}


.header-banner{
	float:right;
	width:400px;
	padding:10px 0 0 24px;
}
.header-banner img{
	float:left;
	margin:0;
	border:none;
}

/* header */
#header {
	float:left;	
	width:980px;
	height:80px;
	padding:0 0 6px;
	background:url(../images/header.jpg) no-repeat;
}
#header h2 {
	float:left;
	width:430px;
	margin:0;
	padding:23px 0 0; 
}
#header h2 a {
	float:right;
	width:415px;
	height:34px;
	text-indent:-9999px;
	overflow:hidden;
}

/* container */
#container {
	float:left;
	width:762px;
	overflow:hidden;
}

/* content */
#div-content-books {
	/*float:right;
	width:595px;
	padding:0 0 0 6px;
	overflow:hidden;*/
}
#div-content-books a img {
	float:left;
	border:none;
}
#div-content-books .goods {
	float:left;
	width:600px;
	display:inline;
	margin: 0 0 6px -5px;
}
#div-content-books .goods .box  {
	float:left;
	width:287px;
	position:relative;
	display:inline;
	overflow:hidden;
	padding:0 0 0 5px;
	margin:0 0 0 5px;
	background:url(../images/box-bg.gif) repeat-x 0 100%;
}
#div-content-books .goods .border  {
	float:left;
	min-height:202px;
	width:285px;
	padding:8px 0 0 2px;
	background:url(../images/box-border.gif) no-repeat 100% 0;
}

* html #div-content-books .goods .border  { height:202px;}
#div-content-books .goods img { display:inline; margin: 0 17px 0 0;}

#div-content-books .goods .text { display:table; padding:0 0 35px; }
* html #div-content-books .goods .text { height:0; }
*+html #div-content-books .goods .text { height:0; }

#div-content-books .goods .text p {
	margin:0;
	padding:5px 0 7px;
	line-height:16px;
}
#div-content-books .goods .text p span { color:#316c9f;}
#div-content-books .goods .text p.orange { color:#e2993c; font-weight:bold;}
#div-content-books .goods .text p.price {padding:0 0 7px;}
#div-content-books .goods .links {
	position:absolute;
	left:7px;
	bottom:13px;
	width:278px;
	height:24px;
}
* html #div-content-books .goods .links { bottom:2px;}
#div-content-books .goods .links div { float:left; width:100%; padding:0 0 5px;}
#div-content-books .goods .links a { 
	float:left; 
	color:#fff; 
	font-size:11px;
	text-decoration:none; 
	padding:0 22px 0 0; 
	background:url(../images/link-arrow2.gif) no-repeat 100% 5px;
}
#div-content-books .goods .links div a { float:left; color:#334d8a; background:url(../images/link-arrow.gif) no-repeat 100% 5px;}
#div-content-books .goods .links a.button {
	text-indent:-9999px;
	overflow:hidden;
	background: url(../images/button.gif) no-repeat;
	width:38px;
	height:20px;
	float:right;
	position:relative;
	margin:-5px 0 0 0;
}

/* left-block */
#left-block {
	float:left;
	width:161px;
	vertical-align:top;
}
#left-block img {
	float:left;
	border:none;
	display:inline;
	margin:1px 0 0 5px;
}
#left-block h4 {
	margin:0;
	float:left;
	color:#cc2128;
	font-size:20px;
	font-weight:100;
	width:151px;
	padding:3px 5px 0;
	text-align:center;
	text-transform:uppercase;
}
#left-block p {
	margin:0;
	text-align:center;
	padding:0 0 5px;
}
#left-block ul {
	float:left;
	width:161px;
	list-style:none;
	padding:0 0 6px;
	margin:0;
}
#left-block ul li {
	float:left;
	padding:0 0 1px;
}
#left-block ul a {
	float:left;
	width:134px;
	padding:0 10px 0 17px;
	line-height:27px;
	background:#dae6f4;
	text-decoration:none;
	color:#2a6495;
}
#left-block ul a:hover, #left-block ul a.active { background:#bed3ec; font-weight:bold;}

#left-block .blue-box {
	float:left;
	width:161px;
	background:#f9ebd7;
	margin:0 0 6px;
}
#left-block .blue-box h3 {
	margin:0;
	font-size:12px;
	color:#fff;
	width:161px;
	height:21px;
	padding:6px 0 0;
	text-align:center;
	background:url(../images/left-blue-box-bg.jpg) no-repeat;
}
/*orange-box*/
#left-block .orange-box {
	float:left;
	width:161px;
	background:#f0cc9c;
	padding:0 0 8px;
	margin:0 0 6px;
}
#left-block .orange-box h3 {
	float:left;
	width:161px;
	text-align:center;
	height:21px;
	padding:6px 0 0;
	margin:0;
	font-size:13px;
	color:#fff;
	text-transform:uppercase;
	background:url(../images/left-orange-box-bg.jpg) no-repeat;
}
#left-block ol {
	padding:16px 0 16px 42px;
	float:left;
	width:119px;
	margin:0;
	list-style:decimal;
}
#left-block ol li { padding:1px 0; }
#left-block ol a {
	color:#000;
	text-decoration:none;
}
#left-block ol a:hover { text-decoration:underline;}

/* right-block */
#right-block {
	float:right;
	width:218px;
	overflow:hidden;
}

/* right orange-box */
#right-block .orange-box {
	float:left;
	width:218px;
	background:#f9ebd7;
	margin:0 0 6px;
}
#right-block .orange-box h3 {
	margin:0;
	width:178px;
	height:21px;
	font-size:12px;
	text-align:center;
	padding:6px 20px 0;
	color:#fff;
	background:url(../images/right-orange-box-bg.jpg) no-repeat;
}
#right-block .orange-box h3.bg { background:url(../images/right-orange-box-bg2.jpg) no-repeat;}
#right-block p {
	padding:0 5px;
	margin:12px 0;
	text-align:center;
}

/* right blue-box */
#right-block .blue-box {
	float:left;
	border: solid #346ca1;
	border-width:0 1px 1px 1px;
	width:216px;
	margin:27px 0 0;
	overflow:hidden;
}
#right-block .blue-box h3 {
	position:relative;
	width:178px;
	font-size:12px;
	padding:6px 20px 0;
	float:left;
	text-align:center;
	display:inline;
	margin:0 -1px;
	height:21px;
	color:#fff;
	background:url(../images/right-blue-box-bg.jpg) no-repeat;
} 
#right-block .blue-box div {
	float:left;
	width:216px;
	padding:9px 0 6px;
}
#right-block .blue-box div p {
	text-transform:uppercase;
	color:#316b9f;
}
#right-block .blue-box ul {
	float:left;
	width:216px;
	list-style:none;
	padding:0;
	margin:0;
}
#right-block .blue-box ul li {
	float:left;
	width:216px;
	padding:0 0 10px;
	margin:0 0 8px;
	background:url(../images/right-border.gif) no-repeat 0 100%;
}
#right-block .blue-box ul li.last { background:none; margin:0;}
#right-block .blue-box p { margin:0;}
#right-block .blue-box .l { float:left; width:23px;  overflow:hidden;}
#right-block .blue-box .c { float:left; width:98px;  overflow:hidden;}
#right-block .blue-box .r { float:left; width:31px;  overflow:hidden;}
#right-block .blue-box .del { float:left; width:20px;  overflow:hidden;}
#right-block .blue-box div .r { width:36px; }

#right-block .blue-box ul .c { text-align:left; padding:0 0 0 14px; line-height:16px; }

#right-block .blue-box p.price { text-align:right; padding: 1px 12px 12px; color:#e0922e;}
* html #right-block .blue-box p.price { float:right;}

#right-block .blue-box .del img{border:0 !important; }


/* form */
#main-container form { padding:0; margin:0;}
#form {
	float:right;
	width:813px;
	padding:0 0 60px;
}
*+html #form { margin:6px 0 0;}
#form h2 {
	float:left;
	width:549px;
	margin:0;
	padding:6px 20px 0;
	height:21px;
	background:url(../images/form-title-bg.jpg) no-repeat;
	color:#fff;
	text-align:center;
	font-size:14px;
	text-transform:uppercase;
}
#form .form-bg {
	float:left;
	width:575px;
	padding:6px 6px 0;
	border: solid #94b5dc;
	border-width:0 1px 18px;
	min-height:610px;
	background:#dbe7f4 url(../images/form-bg.gif) repeat-x;
}
* html #form .form-bg {height:610px;}
#form div {
	float:left;
	padding:0 0 6px;
}
#form div div { width:100%; padding:0 0 6px;}
#form div div div {
	float:right;
	width:423px;
	padding:0;
}
#form p {
	float:left;
	margin:0;
}
#form div div div p {
	width:100px;
	padding:2px 0 0 10px;
	color:#fe0d0e;
}
#form p.notice {
	float:right;
	width:423px;
	padding:10px 0 20px;
}
#form input.text {
	float:right;
	border:1px solid #94b5dc;
	background:#fff;
	padding:1px 0 1px 3px;
	font:12px Arial, Helvetica, sans-serif;
	width:420px;
} 
#form input.small {
	float:right;
	border:1px solid #94b5dc;
	background:#fff;
	padding:1px 0 1px 3px;
	font:12px Arial, Helvetica, sans-serif;
	width:80px;
} 

#form select {
	float:left;
	border:1px solid #94b5dc;
	background:#fff;
	padding:1px 0 1px 3px;
	font:12px Arial, Helvetica, sans-serif;
	width:151px;
} 
#form select.second { width:112px;}
#form textarea {
	float:right;
	border:1px solid #94b5dc;
	background:#fff;
	height:53px;
	padding:1px 0 2px 3px;
	font:12px Arial, Helvetica, sans-serif;
	width:420px
}

#form p.border {
	float:right;
	border:1px solid #e0922e;
	background:#fff;
	padding:1px 0 2px 3px;
	font: 12px Arial, Helvetica, sans-serif;
	color: red;
	width:420px !important;
	overflow:hidden;
	min-height:53px;
}
* html #form p.border {
	height: 53px;
}
#form label {
	float:right;
	padding:0 6px;
}
#form label.bigest {display:inline; margin:0 0 0 -5px;}
#form label.center {padding:23px 6px 0;}
#form label.rows2 {
	width:135px;
	text-align:right;
	position:relative;
	margin:-7px 0 -2px;
}
#form label span {
	padding:0 7px 0 0;
	background:url(../images/star.gif) no-repeat 100% 2px;
}
#form .button {
	float:right;
	margin:8px 0 18px 0;
}
#form .phone {
	float:left;
	width:200px;
	background:url(../images/telephon-img.jpg) no-repeat 37px 0;
	padding:162px 0 0 15px;
	margin:-12px 0 0;
	line-height:18px;
	text-align:center;
}

/* content */
#div-msg {
	background:#FCF5ED;
	color:#063;
	padding: 5px;
	width:578px;
}
#sub_container{
	float:right;
	width:595px;
	padding:0 0 0 6px;
	overflow:hidden;
}
