
/* CSS Document */


html, body {
	padding: 0;
	margin: 0;
	height: 100%;}

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Tahoma, Verdana, sans-serif;
	background: url(../img/global-bg.png) repeat left top;
	color: #000;}

select, input, textarea {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	color: #000;
	font-size: 1.0em;}

a {
	color: #c26152;
	text-decoration: underline;
	outline: none;}

a:hover {
	text-decoration: none;}

a img {
	border: none;}

form {
	padding: 0;
	margin: 0;}

p {
	margin: 0;
	padding: 0 0 1em;}


h1 {
	margin: 0;
	font-size: 2.2em;
	font-weight: normal;
	padding: 0 0 16px 0;}

#header {
	background: url(../img/header/top-bg.gif) repeat-x left top;
	height: 165px;}

#header2 {
	width: 992px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	background: url(../img/top-menu/hh.gif) no-repeat 94px 104px;
	height: 165px;}

#logo {
	position: absolute;
	left: 20px;
	top: 31px;
	width: 187px;
	height: 68px;
	background: url(../img/header/logo-icepack.gif) no-repeat;}
#logo a, #logo strong {
	display: block;
	width: 187px;
	height: 68px;
	text-decoration: none;
	overflow: hidden;
	text-indent: 300px;
	white-space: nowrap;}

#slogan {
	position: absolute;
	left: 224px;
	top: 52px;
	font-size: 1.4em;
	line-height: 1.2;
	font-family: "Trebuchet MS", Arial, Tahoma, Verdana, sans-serif;
	color: #612905;
	width: 500px;}

#top-menu {
	position: absolute;
	left: 220px;
	top: 105px;
	margin: 0;
	padding: 0;
	list-style: none;}
#top-menu li {
	margin: 0 22px 0 0;
	float: left;
	height: 54px;
	overflow: hidden;
	text-indent: 200px;
	white-space: nowrap;
	text-decoration: none;}

#top-menu li a, #top-menu li strong {
	display: block;
	height: 43px;}

.mm1, .mm1-a {
	width: 88px;}
.mm1 {
	background: url(../img/top-menu/mm1.gif) no-repeat left top;}
.mm1-a {
	background: url(../img/top-menu/mm1-a.gif) no-repeat left top;}
.mm2, .mm2-a {
	width: 118px;}
.mm2 {
	background: url(../img/top-menu/mm2.gif) no-repeat left top;}
.mm2-a {
	background: url(../img/top-menu/mm2-a.gif) no-repeat left top;}
.mm3, .mm3-a {
	width: 118px;}
.mm3 {
	background: url(../img/top-menu/mm3.gif) no-repeat left top;}
.mm3-a {
	background: url(../img/top-menu/mm3-a.gif) no-repeat left top;}
.mm4, .mm4-a {
	width: 118px;}
.mm4 {
	background: url(../img/top-menu/mm4.gif) no-repeat left top;}
.mm4-a {
	background: url(../img/top-menu/mm4-a.gif) no-repeat left top;}

#atell {
	position: absolute;
	right: 0;
	top: 38px;
	background: url(../img/header/ico-address.gif) no-repeat left top;
	padding: 2px 12px 0 42px;}

#atell p {
	margin: 0;
	padding: 0;}

#atell .tell {
	padding: 0 0 2px;
	font-size: 2.4em;
	font-family: "Trebuchet MS", Arial, Tahoma, Verdana, sans-serif;
	color: #622a06;
	font-family: "Trebuchet MS", Arial, Tahoma, Verdana, sans-serif;}

#atell .address {
	padding: 0 0 0 5px;
	font-size: 1.2em;
	font-family: "Trebuchet MS", Arial, Tahoma, Verdana, sans-serif;
	color: #622a06;
	line-height: 1.2;}

#top-right {
	position: absolute;
	left: 742px;
	top: 113px;
	z-index: 5;
	width: 247px;
	height: 331px;
	background: url(../img/rojok.png) no-repeat left top;}

#page {
	width: 992px;
	margin: 0 auto;}

#page-top {
	background: url(../img/shad-top.png) no-repeat left top;
	width: 985px;
	height: 15px;}

#foot-bott {
	background: url(../img/shad-bott.png) no-repeat left top;
	width: 985px;
	height: 20px;}

#midd {
	background: url(../img/bg-midd.png) repeat-y left top;
	width: 992px;}

#footer {
	padding: 18px 250px 14px 20px;
	position: relative;
	height: 1%;}

.copy {
	float: left;
	width: 300px;
	padding: 0 10px 0 16px;
	font-size: 1.2em;
	color: #666052;}
.copy a {
	color: #666052;}

.foot-menu {
	width: 380px;
	float: left;}
.foot-menu a, .foot-menu strong {
	display: block;
	float: left;
	margin-right: 6px;
	height: 28px;
	text-decoration: none;
	text-indent: 200px;
	white-space: nowrap;
	overflow: hidden;}

strong.fm-home {
	background: url(../img/footer_menu/home-a.gif) no-repeat left top;
	width: 71px;}
a.fm-home {
	background: url(../img/footer_menu/home.gif) no-repeat left top;
	width: 71px;}
a.fm-product {
	width: 91px;
	background: url(../img/footer_menu/ptoduct.gif) no-repeat left top;}
strong.fm-product {
	width: 91px;
	background: url(../img/footer_menu/ptoduct-a.gif) no-repeat left top;}
a.fm-about {
	width: 91px;
	background: url(../img/footer_menu/about.gif) no-repeat left top;}
strong.fm-about {
	width: 91px;
	background: url(../img/footer_menu/about-a.gif) no-repeat left top;}
a.fm-contact {
	width: 82px;
	background: url(../img/footer_menu/contact.gif) no-repeat left top;}
strong.fm-contact {
	width: 91px;
	background: url(../img/footer_menu/contact-a.gif) no-repeat left top;}

#foot-address {
	position: absolute;
	left: 742px;
	top: -12px;
	width: 251px;
	height: 74px;
	background: url(../img/address.png) no-repeat left top;}

#foot-address .tell {
	padding: 4px 12px 0 30px;
	font-size: 2.0em;
	font-family: "Trebuchet MS", Arial, Tahoma, Verdana, sans-serif;
	color: #622a06;
	font-family: "Trebuchet MS", Arial, Tahoma, Verdana, sans-serif;}
.tell span {
	color: #af813e;}

#foot-address p {
	margin: 0;
	padding: 0;}

#foot-address .address {
	padding: 0 12px 0 35px;
	font-size: 1.2em;
	font-family: "Trebuchet MS", Arial, Tahoma, Verdana, sans-serif;
	color: #622a06;
	line-height: 1.2;}

#content {
	width: 100%;
	overflow: hidden;
	background: url(../img/midd/bg-top.jpg) no-repeat 10px 0;}


#rightcoll {
	width: 220px;
	padding: 265px 10px 40px 0;
	float: right;}

.nn {
	width: 170px;
	padding: 0 0 0 26px;}

.nn h2 {
	font-size: 3.0em;
	font-family: "Trebuchet MS", Arial, Tahoma, Verdana, sans-serif;
	font-weight: normal;
	color: #612905;
	margin: 0;
	line-height: 1.2;
	padding: 0 0 5px;}

.news {
	font-size: 1.2em;}
.news p {
	padding: 0 0 1.2em;}
.news a {
	color: #990000;}

.ss-menu {
	margin: 0;
	padding: 8px 0 0 2px;
	list-style: none;}
.ss-menu li {
	padding: 0 0 12px 25px;
	background: url(../img/prod/plist.gif) no-repeat left 1px;
	line-height: 1.0;
	font-size: 1.6em;
	font-family: "Trebuchet MS", Arial, Tahoma, Verdana, sans-serif;}
.ss-menu li a {
	color: #774d37;
	text-decoration: none;}
.ss-menu li a:hover {
	text-decoration: underline;}

.logos table {
	border-collapse: collapse;}
.logos table td {
	vertical-align: middle;
	text-align: center;
	padding: 6px 12px 2px 0;}

#leftcoll {
	width: 732px;
	padding: 0 0 0 10px;
	float: left;}

.iprod-bg {
	width: 698px;
	background: #fff url(../img/midd/iprod-left.gif) repeat-y left top;
	margin: 0 0 0 10px;}
.iprod-top {
	background: url(../img/midd/iprod-top.gif) repeat-x left top;}
.iprod-top div {
	background: url(../img/midd/iprod-top-left.gif) no-repeat left top;
	height: 18px;}
.iprod-top div div {
	background: url(../img/midd/iprod-top-right.gif) no-repeat right top;
	height: 18px;}
.iprod-bott {
	background: url(../img/midd/iprod-bott.gif) repeat-x left bottom;}
.iprod-bott div {
	background: url(../img/midd/iprod-bott-left.gif) no-repeat left top;
	height: 18px;}
.iprod-bott div div {
	background: url(../img/midd/iprod-bott-right.gif) no-repeat right top;
	height: 18px;}
.iprod-midd {
	background: url(../img/midd/iprod-right.gif) repeat-y right top;
	padding: 0 10px;}

.ipod-tb {
	border-collapse: collapse;
	margin: 0 auto;}

.ipod-pix {
	vertical-align: middle;
	text-align: center;
	padding: 0 0 12px;
	width: 210px;
	height: 160px;
	}

.bgpi {
	background: #fef7e4;
	padding: 0;
	vertical-align: top;}

.bgpi-top {
	background: #fef7e4 url(../img/midd/ipsm-1.gif) no-repeat left top;}
.bgpi-top div {
	background: url(../img/midd/ipsm-2.gif) no-repeat right top;}

.bgpi-bott {
	vertical-align: top;
	padding: 0;
	background: #fef7e4 url(../img/midd/ipsm-4.gif) no-repeat left top;}
.bgpi-bott div {
	background: url(../img/midd/ipsm-4.gif) no-repeat right top;
	height: 4px;
	overflow: hidden;
	font-size: 0px;
	line-height: 0px;}

.pi-rzd {
	padding: 0;
	width: 14px;
	font-size: 0px;
	line-height: 0px;}

.pi-dett {
	padding: 0 14px 6px;
	color: #331400;
	height: 230px;
	}
.pi-dett h4 {
	font-size: 2.4em;
	font-weight: normal;
	line-height: 0.85;
	font-family: "Trebuchet MS", Arial, Tahoma, Verdana, sans-serif;
	color: #a17b57;
	padding: 14px 0 11px;
	margin: 0;}
.pi-dett p {
	font-size: 1.2em;
	padding: 0 0 10px;}

.itt {
	margin: 0;
	padding: 0 30px 14px;
	font-size: 2.4em;
	font-weight: normal;
	color: #8c6d4a;
	line-height: 1.0;
	font-family: "Trebuchet MS", Arial, Tahoma, Verdana, sans-serif;}

.igh {
	margin: 0;
	padding: 11px 0 16px 30px;
	height: 62px;
	width: 555px;
	background: url(../img/midd/index-head.gif) no-repeat 30px 11px;
	overflow: hidden;
	text-indent: 600px;
	white-space: nowrap;}

.itxt {
	width: 640px;
	padding: 0 30px 14px;
	font-size: 1.2em;}
.itxt p {
	padding: 0 0 1.2em;}

.cont {
	padding: 13px 20px 0px 20px;}

.cont h1 {
	font-size: 3.0em;
	line-height: 1.0;
	font-weight: normal;
	color: #bb7d38;
	font-family: "Trebuchet MS", Arial, Tahoma, Verdana, sans-serif;
	margin: 0;
	padding: 0 2px 25px 2px;}

.txt {
	font-size: 1.2em;}

.txt h3 {
	font-size: 2.4em;
	font-family: "Trebuchet MS", Arial, Tahoma, Verdana, sans-serif;
	line-height: 1.0;
	font-weight: normal;
	color: #8c6d4a;
	margin: 0;
	padding: 0 0 8px;}

.txt img {
	border: 4px solid #cfaf7f;
	margin-bottom: 11px;}

.pleft {
	float: left;
	margin-right: 12px;
	margin-top: 3px;}

.pright {
	float: right;
	margin-left: 12px;
	margin-right: 12px;
	margin-top: 3px;}

.plist {
	padding: 0 10px;}

.pl-top {
	background: #fff url(../img/prod/bg-up.gif) repeat-x left top;}
.pl-top div {
	background: url(../img/prod/up-1.gif) no-repeat left top;
	height: 15px;
	overflow: hidden;
	font-size: 0;
	line-height: 0;}
.pl-top div div {
	background: url(../img/prod/up-2.gif) no-repeat right top;}

.pl-bott {
	background: #fff url(../img/prod/bg-up.gif) repeat-x left bottom;}
.pl-bott div {
	background: url(../img/prod/up-3.gif) no-repeat right bottom;
	height: 15px;
	overflow: hidden;
	font-size: 0;
	line-height: 0;}
.pl-bott div div {
	background: url(../img/prod/up-4.gif) no-repeat left bottom;}

.pl-midd {
	background: #fff;
	text-align: center;
	border-left: 2px solid #cfaf7f;
	border-right: 2px solid #cfaf7f;
	height: 1%;}

.pl-td {
	vertical-align: top;
	padding: 0 0 14px;
	width: 198px;}

.pl-td2 {
	vertical-align: top;
	padding: 0 0 14px;
	width: 198px;}

.tb {
	border-collapse: collapse;
	width: 100%;}

.pl-dett {
	vertical-align: top;
	padding: 11px 16px 14px;}
.pl-dett h2 {
	font-size: 2.2em;
	line-height: 1.0;
	font-weight: normal;
	color: #a17b57;
	font-family: "Trebuchet MS", Arial, Tahoma, Verdana, sans-serif;
	margin: 0;
	padding: 0 0 8px;}

.zoom {
	margin: 0 12px;
	background: #fcf2dd url(../img/zoom-left.gif) no-repeat left top;}
.zoom div {
	background: url(../img/zoom-right.gif) no-repeat right top;
	height: 22px;
	line-height: 20px;
	font-size: 1.1em;
	padding: 0 8px 0 28px;
	text-align: left;}
.zoom a {
	color: #a17b57;}

.prod-sm {
	border-collapse: separate;
	margin: -8px auto;}
.prod-sm td {
	padding: 0;
	border: 1px solid #ebdcc7;}

.prod-param {
	width: 100%;
	border-collapse: separate;}
.prod-param th, .prod-param td {
	font-weight: normal;
	font-size: 1.1em;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #a17b57;
	text-align: center;
	vertical-align: top;
	padding: 6px;}
.prod-param th {
	background: #f8dca0;}
.prod-param td {
	background: #fff;}

.caddress {
	position: relative;
	padding: 0 330px 0 25px;} 

.cc-tb {
	border-collapse: collapse;}
.cc-tb th {
	padding: 4px 9px 4px 0;
	vertical-align: top;
	font-weight: normal;
	font-size: 1.6em;
	font-family: "Trebuchet MS", Arial, Tahoma, Verdana, sans-serif;
	color: #8c6d4a;
	line-height: 1.2;
	text-align: left;}

.ca {
	padding: 4px 0 4px 9px;
	vertical-align: top;
	font-size: 1.6em;
	font-family: "Trebuchet MS", Arial, Tahoma, Verdana, sans-serif;
	color: #612905;
	line-height: 1.2;}

.ca2 {
	padding: 6px 0 6px 9px;
	vertical-align: top;
	font-size: 1.2em;
	color: #612905;
	line-height: 1.4;}
.ca2 a {
	text-decoration: none;
	color: #990000;}
.ca2 a:hover {
	text-decoration: underline;}

.map {
	position: absolute;
	right: 8px;
	top: -43px;
	width: 288px;}

.map h2 {
	font-size: 1.6em;
	font-weight: normal;
	font-family: "Trebuchet MS", Arial, Tahoma, Verdana, sans-serif;
	color: #8c6d4a;
	line-height: 1.0;
	margin: 0;
	padding: 0 0 18px 26px;}

.maps {
	border: 4px solid #cfaf7f;
	background: #fff;
	padding: 4px;}

.zm {
	padding: 4px 0 0;
	width: 182px;
	margin: 0 auto;}

.cform {
	padding: 16px 0 0;}
.cform h2 {
	font-size: 2.4em;
	font-weight: normal;
	line-height: 0.85;
	font-family: "Trebuchet MS", Arial, Tahoma, Verdana, sans-serif;
	color: #a17b57;
	padding: 0 0 16px;
	margin: 0;}

.cform-tb {
	margin: 0 auto;
	border-collapse: collapse;}
.cform-tb td {
	padding: 6px;
	font-size: 1.2em;}
.cform-tb td label {
	color: #8c6d4a;}

.afrm {
	display: block;
	padding: 0 0 4px;}

.frm, .frm2 {
	border: 1px solid #cfaf7f;
	background: #fff;
	text-indent: 3px;
	width: 350px;}
.frm2 {
	width: 444px;}

.broun {
	color: #612905;}

.tx-r {
	text-align: right;}

.wcr {
	width: 100%;
	overflow: hidden;}



