html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-size : 100%;
vertical-align : baseline;
background : transparent;
}
body {
line-height : 1;
}
ol, ul {
list-style : none;
}
blockquote, q {
quotes : none;
}
blockquote:before, blockquote:after, q:before, q:after {
content : '';
content : none;
}
:focus {
outline : 0;
}
ins {
text-decoration : none;
}
del {
text-decoration : line-through;
}
table {
border-collapse : collapse;
border-spacing : 0;
}
a {
text-decoration: none;
}

/* General */

body {
	background: url(img/main_back.jpg) repeat-x 0 160px;
}
* {
	font-family:Trebuchet MS, sans-serif;
}
.hidden {
	display: none;
}

/* Wrapper */

#wrapper {
	width:950px;
	margin:15px auto 0;
}

/* Header */

#header {
	height:145px;
}
	#header .logo h1 a {
		display:block;
		overflow:hidden;
		width:244px;
		height:128px;
		text-indent:-9999px;
		float:left;
		position:relative;
		background:url(img/main_logo.gif) no-repeat;
	}

/* Navigation */

	#header ul.navigation {
		float:right;
	}
	#header ul.navigation li {
		float:left;
		margin:55px 10px 0 0;
	}
		#header ul.navigation li a {
			color:#000;
			font-weight:bold;
			padding:5px 10px;
			
		}
		#header ul.navigation li a:hover,
		#header ul.navigation li.current a {
			background:#000;
			color:#fff;
		}

/* Intro */

#intro {
	background:url(img/intro_back.jpg) no-repeat right top;
	height:300px;
	padding:40px 470px 0 0;
	text-align:right;
}
	#intro h2 {
		font-size:40px;
		font-weight:bold;
		margin:0 0 20px 0;
	}
		#intro p {
			font-size:20px;
			color:#333;
			line-height:30px;
			margin: 0 0 20px 0;
		}
			#intro p span {
				text-transform:uppercase;
				font-weight:bold;
				font-size:22px;
				color:#000;
			}
	#intro ul.contacts {
		background:url('img/intro_contacts_back.gif') no-repeat;
		height:61px;
		padding:10px 10px 0;
		width:431px;
		float:right;
		margin:10px 0 0 0;
	}
		#intro ul.contacts li {
			float:left;
			text-align:left;
			height:42px;
		}
		*html #intro ul.contacts li {
			overflow:hidden;
		}
		#intro ul.contacts li.phone {
			padding:0 15px 0 40px;
			border-right:1px solid #dbdbdb;
			background:url('img/phone.gif') no-repeat left top;
		}
			#intro ul.contacts li.phone h3,
			#intro ul.contacts li.email h3 {
				color:#333;
				font-size:10px;
				margin:4px 0 0 0;
				text-transform: uppercase;
			}
			#intro ul.contacts li.phone p,
			#intro ul.contacts li.email p {
				color:#333;
				font-size:24px;
				font-weight:bold;
				line-height:24px;
			}
				#intro ul.contacts li.email p a {
					color:#333;
					font-size:18px;
					font-weight:bold;
					line-height:24px;
				}
		#intro ul.contacts li.email {
			padding:0 0 0 68px;
			border-left:1px solid #c3c3c3;
			background:url('img/email.gif') no-repeat 15px 7px;
		}
		
		
/* Main */

#main {
	margin:20px 0 0;
}
	#main h2 {
		font-size:36px;
		border-bottom:1px solid #ccc;
		font-weight:normal;
		padding:0 0 10px 0;
	}
		#main table {
			margin: 0 0 10px 0;
		}
			#main table, #main table thead tr th {
				border-bottom:3px solid #000;
			}
				#main table thead tr {
					height:30px;
				}
					#main table thead tr th {
						font-size:18px;
					}
					#main table tr th, #main table tr td  {
						padding:15px 10px;
						vertical-align: middle;
					}
				#main table tbody tr td {
					border-bottom: 1px solid #ccc;
				}
						#main table tbody tr td.photo a {
							background: url('img/photo.png') no-repeat;
							margin: 0 auto;
						}
						#main table tbody tr td.photo a.upload {
							background: url('img/upload.png') no-repeat;
						}
				#main table tbody tr td.description {
					width: 750px;
				}
						#main table tr td h3 {
							font-size: 14px;
							margin: 0 0 10px;
						}
						#main table tr td p {
							font-size: 12px;
							line-height: 16px;
							margin: 0 0 10px 0;
						}
						#main table tr td p.code {
							width: 500px;
							float: left;
						}
						#main table tr td p.package {
							float: right;
						}
					#main table tr td.price {
						width: 100px;
					}
						#main table tr td.price p {
							line-height: auto;
							margin: 0;
							font-weight: bold;
						}
						#main table tr td.price p.discount_price_title,
						#main table tr td.price p.normal_price_title {
							font-size: 8px;
							text-transform: uppercase;
							font-weight: bold;
						}
						#main table tr td.price p.discount_price {
							font-size: 24px;
							margin:0 0 5px 0;
						}
							#main table tr td.price p.discount_price span {
								font-size: 12px
							}
						#main table tr td.price p.normal_price_title {
							color:#ccc;
							line-height: 8px;
						}
						#main table tr td.price p.normal_price {
							font-size: 14px;
							color:#ccc;
						}
						#main table tr td.price .buy_it {
							float: right;
							position: relative;
							margin: 10px 0 0 0;
						}
							#main table tr td.price .buy_it p a {
								display: block;
								text-indent: -9999px;
								width: 24px;
								height: 24px;
								background:  url('img/add.gif') no-repeat left top;
							}
							#main table tr td.price .buy_it p a.remove {
								background-position: right top;
							}
							#main table tr td.price .buy_it input {
								float:right;
								margin:-24px 0 0;
								position:relative;
								width:24px;
								border: none;
								color:#333333;
								font-size:14px;
								font-style:italic;
								padding:4px 8px 0;
								background: url('img/input_quantity.gif') no-repeat;
								height: 20px;
							}
				
		#main table.total {
			border: none;
			width: 100%;
			margin: 0 0 30px 0;
		}
			#main table.total td.label {
				text-align: right;
				font-size: 24px;
				font-weight: bold;
				text-transform: uppercase;
				font-weight: bold;
			}
			#main table.total tr td {
				border: none;
			}

/* Nota bene */

	#main h2.place_order {
		text-align: right;
		margin: 0 0 20px 0;
	}
	#main .notabene {
		width: 400px;
		float: left;
		text-align: right;
		font-size: 14px;
		line-height: 18px;
	}
		#main .notabene h3,
		#main #order_form h3 {
			font-size: 24px;
			margin: 0 0 20px 0;
		}
		#main .notabene p.phone {
			font-size: 24px;
			font-weight: bold;
			margin: 15px 0 0 0;
		}
			#main .notabene p.phone span {
				font-size: 14px;
				font-weight: bold;
				margin: 10px 0 0 0;
			}
		#main .notabene p.email {
				margin: 0 0 15px 0;
		}
			#main .notabene p.email a {
				font-size: 14px;
				font-weight: bold;
				color: #000;
			}
		#main .notabene p.footnote {
			color: #999;
			margin: 10px 0 0 0;
			font-size: 10px;
		}
		
/* Order_form */
		
	#main #order_form {
		margin: 0 0 0 420px;
		text-align: right;
	}
		#main #order_form table {
			border: none;
		}
			#main #order_form table td,
			#main #order_form table tr {
				border: none;
				padding: 0;
			}
			#main #order_form table td {
				padding: 2px 0 2px 10px;
				text-align: left;
			}
			#main #order_form table td.label {
				text-align: right;
				font-weight: bold;
				font-size: 14px;
				width: 115px;
			}
			#main #order_form table td#address_label {
				vertical-align: top;
				padding: 6px 0 0 0;
			}
				#main #order_form table td input {
					border: none;
					color:#333333;
					font-size:14px;
					font-style:italic;
					padding:4px 8px 0;
				}
				#main #order_form table td input.name {
					background: url('img/order_form_input_name.gif') no-repeat;
					width: 294px;
					height: 24px;
				}
				#main #order_form table td input.contacts {
					background: url('img/order_form_input_email.gif') no-repeat;
					width: 184px;
					height: 24px;
				}
				#main #order_form table td input.address {
					background: url('img/order_form_input_address.gif') no-repeat;
					width: 348px;
					height: 24px;
					float: left;
				}
				#main table tr td p.add,
				#main table tr td p.remove {
					float: right;
					width: 24px;
					height:18px;
				}
					#main table tr td p.add a,
					#main table tr td p.remove a {
						display: block;
						text-indent: -9999px;
						width: 24px;
						height: 24px;
						background:  url('img/add.gif') no-repeat left top;
						overflow: hidden;
						position: relative;
					}
					#main table tr td p.remove a {
						background-position: right top;
					}
					#main #order_form table tr td p.footnote {
						color:#CB9F71;
						float:right;
						font-size:10px;
						line-height:12px;
						margin:0;
						text-align:right;
					}
				#main #order_form table tr td.submit {
				}
					#main #order_form table tr td.submit input {
						float: right;
						margin: 15px 0 0 0;
						width: 152px;
						height: 40px;
						background: url('img/order_form_input_submit.gif') no-repeat 0 5px;
						color: #fff;
						font-style: normal;
						text-transform: uppercase;
						font-weight: bold;
						cursor: pointer;
					}
/* Footer */

#footer {
	background: #000;
	height: 40px;
	margin: 40px 0 0 0;
	color: #fff;
	font-size: 10px;
	text-align: center;
}
	#footer .body {
		margin: 0 auto;
		padding: 15px;
		width: 950px;
	}