* {
	margin: 0;
	padding: 0;
}


html {
	width: 100%;
	min-height: 100%;
}


body {
	top: 0;
	left: 0;
	background: #132029 url('images/Grad.gif') bottom repeat-x;
	min-height: 700px;
}


p, a, dfn, ul, ol, li, textarea, fieldset, legend, label, input[type=text], input[type=password], select, h1, h2, h3, h4, h5, h6, table caption {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
	color: #bae5f2;
	margin: 20px 0;
	outline: none;
}

a {
	margin: 0;
	color: #fff;
	text-decoration: none;
}

p a {
	border-bottom: 1px dotted #fff;
}

p a:hover {
	border-bottom-style: solid;
}

ul {
	list-style-type: none;
	margin-top: 5px;
}

li {
	padding-left: 10px;
	margin: 0;
}

hr {
	clear: both;
	color: #006a93;
	background-color: #006a93;
	border: none;
	height: 1px;
}

hr.white {
	color: #fff;
	background-color: #fff;
}

div {
	overflow: hidden;
}

.fancybox-skin, .fancybox-title {
	overflow: visible;
}

input[type=text], input[type=password] {
	position: relative;
	float: right;
	margin: 0 10px;
	display: block;
	background-color: #cdd7de;
	border: 1px solid #7f9fae;
	width: 300px;
	height: 30px;
	color: #000;
	font-weight: bold;
	text-align: center;
}

textarea {
	margin: 10px 0;
	padding: 5px;
	width: 300px;
	background-color: #ddf1ff;
	border: 1px dotted #2b8c9d;
	outline: none;
	resize: none;
	overflow: auto;
}

.red {
	color: #c00;
	font-weight: bold;
}

.green {
	color: #070;
}

.tactile {
	cursor: pointer;
/*	opacity: 0.8;
}

.tactile:hover {
	opacity: 1;*/
}

.disabled, .disabled:hover {
	cursor: default;
	opacity: 0.5 !important;
}



/*--------------------------------IMAGES--------------------------------*/


img {
	border: 0;
}



/*--------------------------------TABLES--------------------------------*/

table {
	border: 0;
	border-collapse: collapse;
}

table td, table th {
	padding: 0;
	border-bottom: 1px dotted #006a93;
}

table th {
	background-color: #0c4155;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}

table p {
	font-size: 13px;
	margin: 10px 30px;
}

table th p {
	font-weight: bold;
}


/*-----------------------------TOP MENU-----------------------------*/


#header {
	width: 100%;
	height: 42px;
	background: url('images/Top.gif') top repeat-x;
}

#home {
	width: 323px;
	height: 42px;
	background-image: url('images/Logo.gif');
	display: block;
	float: right;
	margin: 0;
}

#topmenu {
	float: right;
	margin-top: 20px;
}

#topmenu a {
	display: block;
	overflow: hidden;
	float: right;
	margin: 0;
	padding: 10px 30px;
	color: #0590bc;
	text-transform: uppercase;
	letter-spacing: 12px;
	font-size: 9px;
}

.current {
	cursor: default;
	color: #fff !important;
}

#logo {
	width: 98px;
	height: 112px;
	float: left;
	margin: -8px 0 20px 20px;
	background-image: url('images/Left-Logo.gif');
}


/*---------------------------MAIN PAGE---------------------------*/


#mainpagecontent {
	width: 50%;
	clear: both;
	float: right;
	margin-top: 50px;
}

#pagecontent {
	clear: both;
	margin: 0 0 20px 20px;
}

#mainpagecontent #pagetext {
	clear: right;
}

#pagetext {
	padding: 50px 50px 20px 0;
}

#pagetext > p {
	line-height: 28px;
	margin-top: 32px;
}

#horse {
	width: 686px;
	height: 758px;
	background-image: url('images/Big.png');
	position: absolute;
	left: 0;
	bottom: 0;
}

#ru, #phone {
	width: 295px;
	height: 37px;
	float: right;
}

#ru {
	background-image: url('images/Ru.gif');
}

#phone {
	background-image: url('images/Phone.gif');
	position: absolute;
	right: 0;
	bottom: 0;
}

#newsline {
	width: 100%;
	height: 140px;
}

#newsline .item {
	float: left;
	width: 110px;
	height: 140px;
	background: url('images/723.gif') 30px 20px no-repeat;
}

#newsline .item img {
	width: 100px;
	height: 75px;
	border: 1px solid #045;
}

#newsline .item p {
	margin: 0 10px 0 0;
}

#newsline .item p a {
	font-size: 10px;
	color: #045;
	border: none;
}


/*--------------------------LEFT MENU---------------------------*/


#leftmenu {
	width: 280px;
	float: right;
	margin-bottom: 30px;
}


#leftmenu ul li {
	margin: 0;
	padding: 0;
}


#leftmenu ul li a {
	height: 20px;
	margin: 0;
	display: block;
	font-size: 11px;
	border: none;
	color: #20778d;
}



/*----------------------------CATALOG-----------------------------*/



#catalog {
	float: left;
	margin-top: 30px;
}

#catalog .item {
	float: left;
	width: 220px;
	height: 220px;
	background: url('images/ajax-loader.gif') 80px 70px no-repeat;
}

#catalog .item img {
	width: 200px;
	height: 150px;
	border: 1px solid #045;
}

#catalog .item img:hover {
	border-color: #1c6e82;
}

#catalog .item p {
	margin: 0 20px 0 0;
}

#catalog .item p a {
	color: #20778d;
	border: none;
}


#title {
	width: 100%;
	white-space: nowrap;
	color: #003947;
	margin: 0 0 20px;
	font-size: 42px;
	font-weight: bold;
}


/*----------------------------PREVIEW-----------------------------*/


#detail {
	margin-top: 20px;
}

#detail #picsline {
	height: 230px;
	margin-bottom: 20px;
}

#detail #picsline img {
	width: 300px;
	height: 225px;
	margin: 0 30px 10px 0;
	border: 1px solid #999;
	float: left;
}

#detail table tr td {
	padding: 20px 0;
}

#detail table tr td p {
	color: #000;
}

#detail table tr td p span {
	color: #666;
}

#detail .nophoto {
	background: #eee url('images/No-Photo-Small.gif');
	border: 1px solid #999;
}

.ordertile {
	width: 200px;
	height: 35px;
}

.ordertile input[type=text] {
	width: 60px;
	height: 22px;
	margin: 6px 36px;
	background-color: #1d333b;
	border: 1px solid #e3e3e3;
	text-align: right;
	font-weight: bold;
	padding: 0 5px;
	color: #fff;
	opacity: 0.8;
}

.meters {
	background-image: url('images/meters.gif');
}

.pieces {
	background-image: url('images/pieces.gif');
}

.light {
	width: 24px;
	height: 33px;
	margin: 0 20px;
	background: url('images/lights.gif') 100px 0 no-repeat;
}

/*-----------------------------REGISTER-----------------------------*/


.button {
	text-align: center;
	font-weight: bold;
	background-color: #7ac;
	border: 1px solid #195c7f;
	color: #003;
	width: 150px;
	margin: 10px 0;
	padding: 10px;
	cursor: pointer;
}

.disabled, .disabled:hover {
	background-color: #aaa;
	border-color: #555;
	color: #555;
	cursor: default;
	opacity: 0.8;
}

#register, #logined {
	float: right;
	margin: 5px -1px 5px 0;
	display: none;
	width: 134px;
	height: 33px;
	line-height: 32px;
	text-indent: 10px;
	border: 1px solid #ccd9df;
}

#register {
	background-image: url('images/auth_button.gif');
}

#cabchoise {
	position: absolute;
	right: 0;
	list-style-type: none;
	display: none;
}

#cabchoise li {
	margin: 0;
	padding: 0;
	background-color: #fff;
	border: 1px solid #ccd9df;
	border-right: none;
	display: block;
}

#cabchoise li:hover {
	background-color: #eef9ff;
}

#cabchoise li a {
	color: #0f5174;
	font-weight: bold;
	display: block;
	width: 134px;
	height: 33px;
	line-height: 32px;
	text-indent: 10px;
}

#mask {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #fff;
	display: none;
}

#registerform {
	position: absolute;
	width: 475px;
	height: 340px;
	border: 1px solid #ccd9df;
	background: url('images/form_back.png') top repeat-x;
	display: none;
}

#registerform #close {
	width: 19px;
	height: 19px;
	float: right;
	margin: 6px;
	background-image: url('images/close.png');
}

#registerform form {
	width: 475px;
	margin: 60px 0 10px;
}

#registerform form div {
	width: 475px;
	margin: 30px 0;
}

#registerform p {
	float: left;
	color: #003f5e;
	text-align: center;
	margin: 10px 0 0 55px;
	margin-bottom: 5px;
}

#registerform input[type=text], #registerform input[type=password] {
	width: 237px;
	float: right;
	margin-right: 108px;
}

#authorize {
	clear: both;
	float: right;
	width: 237px;
	height: 33px;
	margin: 0 108px 20px 0;
	background-image: url('images/send_button.jpg');
}

#error {
	display: block;
	height: 30px;
}




/*------------------------USER CABINET------------------------*/


#cab {
	margin-top: 50px;
}

#userdatatitle {
	background-image: url('images/newuserdata.gif');
	margin-bottom: 10px;
}

.personal {
	background-image: url('images/userdata.gif') !important;
}

#userdata, #orders {
	width: 600px;
	margin: 0 0 40px 160px;
	border: 1px solid #ccc;
	clear: left;
}

#userdata form {
	margin: 20px;
}

.newonly {
	clear: both;
	width: 100%;
}

#userdata p {
	float: left;
	clear: both;
	margin: 10px 0;
}

#userdata input[type=text], #userdata input[type=password] {
	text-align: left;
	margin: 5px 10px;
	padding: 0 10px;
}

#orderstitle {
	background-image: url('images/orders.gif');
	margin-bottom: 10px;
}

#orders {
	padding: 10px 0;
}

#orders h4 {
	width: 550px;
	margin: 5px auto;
}

#orders div div {
	width: 550px;
	margin: 5px auto 20px;
	display: none;
}

#orders table {
	width: 100%;
}


/*--------------------------ORDER--------------------------*/



.additem p {
	float: left;
	color: #369;
	font-size: 10px;
	display: compact;
	margin: 10px;
}

.additem input[type=text] {
	margin: 10px !important;
	padding: 0;
}

.add {
	border-bottom: 1px dotted #369;
	cursor: pointer;
}

.added {
	display: block;
	position: absolute;
	width: 198px;
	height: 25px;
	margin: 0;
	padding: 10px 0 0;
	background-color: #fff;
	color: #183540;
	border: 1px solid #777;
	font-size: 12px !important;
	font-weight: bold;
	text-align: center;
	cursor: default;
	z-index: 100;
}

#totalsum {
	width: 134px;
	height: 70px;
	overflow: hidden;
	position: fixed;
	top: 300px;
	right: -155px;
	color: #369;
	background-color: #eee;
	border: 1px solid #ccc;
	border-right-width: 0;
	cursor: pointer;
}

#totalsum p {
	color: #00374b;
	margin: 10px;
	border: none;
	line-height: 24px;
}

#totalsum p span {
	font-size: 20px;
	font-weight: bold;
	clear: both;
}



/*-----------------------ORDER TABLE--------------------------*/


#ordertitle {
	width: 326px;
	height: 40px;
	float: left;
	background-image: url('images/order.gif');
}

#ordertable {
	margin: 50px 0 20px 160px;
}

#ordertable hr {
	margin: 10px 0;
}

#ordertable input[type=text] {
	width: 50px;
	margin-top: -5px;
	float: left;
}

#recalc {
	clear: both;
	width: 237px;
	height: 33px;
	background-image: url('images/recalc_button.jpg');
	margin-top: 20px;
}

#send, #senduserdata {
	clear: both;
	width: 237px;
	height: 33px;
	background-image: url('images/send_button.jpg');
}

#ordertable form {
	margin: 50px 0;
}


.delete {
	text-align: center;
	font-size: 1.5em;
	color: #600;
}

.decimal {
	text-align: right;
	margin-right: 45px;
}

#orderconfirm {
	width: 400px;
	height: 200px;
	margin: 50px auto;
	border: 1px solid #195c7f;
	background-color: #eee;
	display: none;
}

#orderconfirm h2 {
	margin: 50px 0;
	text-align: center;
}

#orderconfirm p {
	font-size: 14px;
	text-align: center;
}

#orderconfirm span {
	font-weight: bold;
}


/*-------------------------------404-------------------------------*/


#div404 {
	width: 680px;
	margin: 0 auto;
}

#div404 p {
	text-align: center;
	margin: 30px 0;
}

#div404 img {
	width: 595px;
	height: 363px;
	float: right;
}


/*-----------------------------FOOTERS-----------------------------*/


#mainfooter {
	clear: both;
	width: 100%;
	height: 220px;
	background: url('images/corner.gif') right no-repeat;
	opacity : 0;
}

#footer {
	clear: both;
	width: 100%;
	height: 62px;
	background: url('images/rainbow_line.gif') top right no-repeat;
	opacity : 0;
}

#mainfooter #phone {
	margin-top: 135px;
}

#footer #phone {
	margin-top: 12px;
}