@import url('reset.css');
@import url('grid.css');

@import url('fonts/fonts.css');

/* ---------------- */
/* General */
/* ---------------- */

* {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-decoration: none;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.align_center {
	text-align: center;
}

.clear {
	clear: both;
	display: block;
}

.hide_text {
	font-size: 0;
	line-height: 0;
	text-indent: -2000px;
}

a {
	cursor: pointer;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.overflow_hidden {
	overflow: hidden;
}

label,
input[type="submit"],
button
{
	cursor: pointer;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}


/* ---------------- */
/* Structure */
/* ---------------- */

body {
	font-family: 'minion_proregular', 'Arial';
}

.content {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
}



#titlebar {
	background: url(img/titlebar.jpg) center center;
	height: 64px;
	line-height: 64px;
}

#titlebar .content {
	padding: 0px 55px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#top {
	background: url(img/top.png) no-repeat center black;
	height: 180px;
}

#top .content {
	position: relative;
}

#content {
	background: url(img/bg.jpg);
}

#footer {
	background: url(img/footer.jpg) center;
	height: 182px;
}

#under_footer {
	background: url(img/under_footer.jpg) center;
	height: 100px;
}





.logo {
	width: 67px;
	height: 46px;
	background: url(img/logo.png);
	display: block;
	margin-right: 60px;
}




#titlebar .logo {
	float: left;
	margin-top: 5px;
}

#titlebar .contact_us {
	color: white;
	font-size: 0.875em;
	text-transform: lowercase;
	float: left;
}

#titlebar .contact_us .number {
	font-size: 1.6em;
	background: url(img/phone_icon.png) no-repeat left center;
	padding-left: 20px;
	margin-left: 3px;
}

#titlebar .menu {
	font-family: 'MyriadProCondensed';
	overflow: hidden;
	float: right;
	font-size: 1.25em;
}

#titlebar .menu li {
	float: left;
	margin-left: 25px;
}

#titlebar .menu li a {
	display: block;
	color: white;
}

#titlebar .menu li a:hover,
#titlebar .menu li.current a
{
	color: #b5b5b5;
	text-decoration: none;
	background: url(img/menu_hover.png) no-repeat center center;
}



#top h2 {
	font-family: 'MyriadProLight';
	color: #545454;
	font-size: 1.750em;
	position: absolute;
	left: 55px;
	top: 115px;
}



.grey_content {
	background: url(img/grey_box_bg.png);
}

.white_content {
	background: white;
}

.grey_separator {
	width: 100%;
	height: 30px;
	background: #7a7a7a;
}

.short_grey_separator {
	width: 100%;
	height: 6px;
	background: #7a7a7a;
}

.page_arrow {
	background: url(img/page_arrow.png) no-repeat 10px 0px white;
	height: 33px;
	line-height: 33px;
	font-family: 'MyriadProLight';
}

.page_arrow h5 {
	padding-left: 80px;
	color: #d0d0d0;
}



.slider {
	height: 206px;
}

.slider .container {
	
}

.slider .side {
	height: 206px;
	width: 26px;
	background: url(img/slider_side_bg.png);
	float: left;
	position: relative;
}

.slider .side .arrow {
	width: 26px;
	height: 27px;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -13px;
	left: 0px;
	
	display: none;
}

.slider .side.side_left {
	
}

.slider .side.side_right {
	
}

.slider .side.side_left .arrow {
	background: url(img/slider_arrow_left.png);
}

.slider .side.side_right .arrow {
	background: url(img/slider_arrow_right.png);
}



.slider .products_wrapper {
	width: 928px;
	float: left;
}

.slider .products_wrapper .products_list_slider {
	
}

.products_list_slider .product {
	float: left;
	width: 309px;
	height: 206px;
	position: relative;
}

.products_list_slider .product a {
	display: block;
}

.products_list_slider .product a:hover {
	text-decoration: none;
}

.products_list_slider .product a .thumbnail {
	display: block;
	margin: 0 auto;
	background: url(img/product_shadow.png) no-repeat 20px 20px;
	text-align: center;
	padding-top: 10px;
}

.products_list_slider .product a .thumbnail img {
	
}

.products_list_slider .product a h5 {
	text-transform: uppercase;
	color: white;
	text-align: center;
	position: absolute;
	bottom: 5px;
	width: 100%;
	font-family: 'MyriadPro-Regular';
}







.product_simple {
	overflow: hidden;
	padding: 35px 0px;
	text-align: justify;
}

.product_simple .thumbnail {
	float: left;
	width: 375px;
	text-align: center;
}

.product_simple .thumbnail img {
	
}

.product_simple .right_content {
	width: 520px;
	float: left;
}



.products_list_2_per_row {
	padding: 15px 90px 50px 90px;
}

.products_list_2_per_row .products_list {
	overflow: hidden;
	padding-top: 20px;
}

.products_list_2_per_row .products_list li {
	width: 400px;
	height: 230px;
	float: left;
}

.products_list_2_per_row .products_list li .thumbnail {
	width: 200px;
	text-align: center;
	float: left;
}

.products_list_2_per_row .products_list li .thumbnail img {
	
}

.products_list_2_per_row .products_list li .right_content {
	float: right;
	width: 200px;
	padding-top: 50px;
}

.products_list li .title {
	
}

.products_list li .more {
	width: 176px;
	height: 27px;
	line-height: 27px;
	display: block;
	background: url(img/more_info_button.png);
	margin-top: 5px;
}

.products_list li .more .text {
	padding-left: 35px;
}





.single_big_product {
	overflow: hidden;
	padding: 40px 0px 80px 0px;
	text-align: justify;
}

.single_big_product h2 {
	text-align: right;
	padding-bottom: 10px;
}

.single_big_product .left_content {
	width: 500px;
	float: left;
	text-align: center;
	padding-top: 40px;
}

.single_big_product .right_content {
	width: 410px;
	float: left;
}

.single_big_product .left_content img {
	display: block;
	margin: 0 auto;
}

.single_big_product .left_content .back {
	margin-top: 100px;
}













#bottom_menu {
	overflow: hidden;
	padding: 30px 0px 20px 0px;
	font-family: Arial;
	font-size: 0.75em;
}

#bottom_menu ul {
	
}

#bottom_menu ul li {
	float: left;
	padding-left: 8px;
	margin-left: 8px;
	border-left: 1px solid black;
	height: 12px;
	line-height: 12px;
}

#bottom_menu ul li:first-child {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

#bottom_menu ul li a {
	color: black;
}

#bottom_menu ul li a:hover,
#bottom_menu ul li.current a
{
	text-decoration: underline;
}





#footer .content {
	font-size: 0.75em;
	color: white;
}

#footer .content p {
	padding-bottom: 10px;
}

#footer .content a {
	color: white;
}

#footer .content .grey {
	color: #605f5f;
}

#footer .logo {
	margin-right: 40px;
	margin-top: 40px;
}

#footer .content_left {
	float: left;
	width: 400px;
	padding-top: 30px;
}

#footer .content_right {
	float: right;
	width: 400px;
	text-align: right;
	padding-top: 30px;
}



/* ---------------- */
/* Content text */
/* ---------------- */

.content_text h1 {
	
}

.content_text h2 {
	font-size: 1.75em;
}

.content_text h3 {
	font-size: 1.5em;
	padding-bottom: 25px;
}

.content_text h4 {
	font-size: 1.25em;
}

.content_text h5 {
	font-size: 1.125em;
}

.content_text h6 {
	
}

.content_text p {
	font-size: 0.875em;
	padding-bottom: 15px;
}

.content_text ul.list {
	font-size: 0.875em;
	padding-bottom: 15px;
	margin-left: 25px;
}

.content_text ul.list li {
	background: url(img/li_arrow_bg.png) no-repeat 0px 3px;
	padding-left: 25px;
}

.content_text .white_content {
	color: #4a4545;
}

.content_text .white_content a {
	color: #4a4545;
}

.content_text .grey_content {
	color: white;
}

.content_text .grey_content a {
	color: white;
}

.content_text .back {
	background: #f3f3f3;
	height: 37px;
	width: 255px;
	line-height: 37px;
	display: block;
	margin: 0 auto;
}

.content_text .back .text {
	background: url(img/back_button_arrow.png) no-repeat left;
	display: block;
	padding-left: 20px;
}

.content_text .tabs_menu {
	
}

.content_text .tabs_menu li {
	float: left;
}

.content_text .tabs_menu li a {
	display: block;
	border-bottom: 2px solid #dfdfdf;
	position: relative;
	bottom: -2px;
	text-align: center;
}

.content_text .tabs_menu li a .arrow {
	display: none;
	width: 8px;
	height: 8px;
	background: url(img/tabs_menu_active.png);
	left: 50%;
	margin-left: -4px;
	position: absolute;
}

.content_text .tabs_menu li a:hover,
.content_text .tabs_menu li.current a 
{
	border-color: #8c8c8c;
	text-decoration: none;
}

.content_text .tabs_menu li a:hover .arrow,
.content_text .tabs_menu li.current a .arrow
{
	display: block;
}

.content_text .tabs_contents {
	padding-top: 10px;
}

.content_text .gallery {
	overflow: hidden;
}

.content_text .gallery li {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.content_text .gallery li:nth-child(3n) {
	margin-right: 0px;
}

.content_text .gallery li a {
	
}