/*******************/
/*                 */
/*  Common styles  */
/*                 */
/*******************/

@font-face {
	font-family: "MyriadPro";
	src: url("../font/myriadprod41d.eot?") format("eot"), url("../font/myriadpro.ttf") format("truetype");
}

html, body {
    margin: 0;
    padding: 0;
	background: #8acde7 url(../img/bg_top.jpg) no-repeat center top;
}

html {
    height: 100%;
}

body {
    position: relative;
    width: 100%;
    min-height: 1200px;
    min-width: 1000px;
    font-family: Arial, sans-serif;
    font-size: 10pt;
	background: url(../img/bg_bottom.jpg) no-repeat center bottom;
}

* html body {
    height: 1200px;
}

/******************/
/*                */
/*     Header     */
/*                */
/******************/

#header {
	position: relative;
	width: 90%;
	height: 220px;
	margin: 0 auto;
}

#header .logo {
	position: absolute;
	left: 20px;
	top: 20px;
	width: 400px;
	height: 140px;
}

#header address {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 300px;
	height: 40px;
	font: 43px MyriadPro,Tahoma,sans-serif;
	text-align: right;
	color: #4a4a4a;
}

#header .code {
	font: 30px MyriadPro,Tahoma,sans-serif;
}

/****************/
/*              */
/*     Menu     */
/*              */
/****************/

#header .menu {
	position: absolute;
	top: 80px;
	right: 20px;
	width: 50%;
	min-width: 500px;
	height: 100px;
}

#header .menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
}

#header .menu ul li {
	display: -moz-inline-stack;
	display: inline-block;
	*display: inline;
	margin: 0 0 0 40px;
	padding: 0;
	background: none;
	*zoom: 1;
}

#header .menu ul li a {
	font: bold 13px Arial,sans-serif;
	text-transform: uppercase;
}

#header .menu ul li.active a {
	text-decoration: none;
	color: #4a4a4a;
}

/*****************/
/*               */
/*    Layout     */
/*               */
/*****************/

#layout {
	width: 90%;
	margin: 0 auto;
	padding: 20px 0 240px 0;
}

#leftcol {
	width: 33%;
	float: left;
}

#rightcol {
	margin: 0 20px 0 34%;
	color: #4a4a4a;
}

#centercol {
	margin: 0 20px 0 30px;
	color: #4a4a4a;
}

/******************/
/*                */
/*     Footer     */
/*                */
/******************/

#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 150px;
}

#footer_inner {
	position: relative;
	width: 90%;
	height: 150px;
	margin: 0 auto;
}

#footer .bottom_menu {
}

#footer .bottom_menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

#footer .bottom_menu ul li {
	display: -moz-inline-stack;
	display: inline-block;
	*display: inline;
	margin: 0 0 0 40px;
	padding: 5px;
	background: none;
	*zoom: 1;
}

#footer .bottom_menu ul li a {
	font: bold 11px Arial,sans-serif;
	text-transform: uppercase;
}

#footer .bottom_menu ul li.active a {
	text-decoration: none;
	color: #4a4a4a;
}

#footer address {
	position: absolute;
	bottom: 36px;
	right: 20px;
	width: 300px;
	height: 40px;
	font: 43px MyriadPro,Tahoma,sans-serif;
	text-align: right;
	color: #4a4a4a;
}

#footer .code {
	font: 30px MyriadPro,Tahoma,sans-serif;
}

#footer .copyright {
	position: absolute;
	bottom: 10px;
	left: 30px;
	width: 50%;
	height: 40px;
	font: 11px Arial,sans-serif;
}

/******************/
/*                */
/*     Content    */
/*                */
/******************/

h1 {
	margin: 0 0 30px 0;
	padding: 0;
	font: 40px MyriadPro,Tahoma,sans-serif;
	line-height: 30px;
	text-transform: uppercase;
	color: #4a4a4a;
	background: url(../img/white_line.png) no-repeat left bottom;
}

h2 {
}

/* LINK */

a {
	color: #0a64af;
}

a:visited {
}

a:hover {
}

a img {
	border: none;
}

ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

ul li {
	padding-left: 15px;
	background: url(../img/bullet.png) no-repeat 0 5px;
}

/* PAGES CATALOG */

#leftcol ul {
	margin: 0 0 0 35px;
	padding: 0;
	list-style: none;
}

#leftcol ul li {
	margin: 0 0 10px 0;
	padding: 0 40px 0 90px;
	background: none;
	*zoom: 1;
}

#leftcol ul li a {
	display: table-cell;
	*display: block;
	height: 77px;
	font: 20px MyriadPro,Tahoma,sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	vertical-align: middle;
}

#leftcol ul li.gears {
	background: url(../img/gears_small.png) no-repeat left center;
}

#leftcol ul li.tools {
	background: url(../img/tools_small.png) no-repeat left center;
}

#leftcol ul li.cup {
	background: url(../img/cup_small.png) no-repeat left center;
}

#leftcol ul li.box {
	background: url(../img/box_small.png) no-repeat left center;
}

#leftcol ul li a.active {
	text-decoration: none;
	color: #4a4a4a;
}

/* PAGES CATALOG */

.pages_catalog_main ul {
	margin: 70px 0;
	padding: 0;
	list-style: none;
	text-align: justify;
}

.pages_catalog_main ul:after {
	display: -moz-inline-stack;
	display: inline-block;
	width: 100%;
	content: "";
	visibility: none;
}

.pages_catalog_main ul li {
	width: 23%;
	display: -moz-inline-stack;
	display: inline-block;
	*display: inline;
	margin: 0;
	padding: 0;
	vertical-align: top;
	text-align: left;
	background: none;
	*zoom: 1;
}

.pages_catalog_main ul li h2 {
	margin: 0;
	padding: 0;
}

.pages_catalog_main ul li h2 a {
	display: block;
	height: 180px;
	font: 20px MyriadPro,Tahoma,sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	text-align: left;
}

.pages_catalog_main ul li.gears h2 a {
	background: url(../img/gears.png) no-repeat 33% bottom;
}

.pages_catalog_main ul li.tools h2 a {
	background: url(../img/tools.png) no-repeat 33% bottom;
}

.pages_catalog_main ul li.cup h2 a {
	background: url(../img/cup.png) no-repeat 33% bottom;
}

.pages_catalog_main ul li.box h2 a {
	background: url(../img/box.png) no-repeat 33% bottom;
}

.pages_catalog_main ul li p {
	padding: 0 0 20px 0;
	margin: 0;
}

.pages_catalog_main ul li a.button_details {
	display: block;
	position: relative;
	width: 77px;
	height: 26px;
	text-indent: -200px;
	overflow: hidden;
	background: url(../img/button.png) no-repeat;
}

/* CATALOG */

ul.catalog_top_level {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.catalog_top_level li {
	display: -moz-inline-stack;
	display: inline-block;
	*display: inline;
	margin: 10px;
	padding: 0;
	background: none;
	vertical-align: top;
	*zoom: 1;
}

ul.catalog_top_level li a {
	display: block;
	position: relative;
	height: 150px;
	text-align: center;
	width: 160px;
}

ul.catalog_top_level li a img {
	display: block;
	width: 120px;
	height: 90px;
	margin: 0 auto;
}

ul.catalog_classes {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.catalog_classes li {
	margin: 0;
	padding: 0 0 0 20px;
	background: url(../img/folder.gif) no-repeat;
}

ul.catalog_classes li a {
}

ul.catalog_items {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.catalog_items li {
	margin: 0;
	padding: 0 0 0 20px;
	background: url(../img/label.gif) no-repeat;
}

ul.catalog_items li a {
}

.catalog_item_photos a {
	margin: 10px 10px 0 0;
}