* { margin:0; padding:0; }

body{
	background: #dcd8d2 url("../images/bgr.jpg") no-repeat top center;
	font: 12px Georgia, "Trebuchet MS", Tahoma, Verdana, Arial;
	color: #6d665a;
	padding-bottom: 15px;
}

a { color:#e40906; text-decoration:none; }
a:hover{ color:#000;}

.align_left{ float: left; margin: 0 20px 8px 0; padding:4px; background-color:#dcd8d2; }
.align_right{ float: right; margin: 0 0px 8px 16px; padding:4px; background-color:#dcd8d2; }

.small{font-size: 10px;}

#container_01 {  width:850px; margin:0 auto; }
#container_02 { background: url("../images/background.jpg") no-repeat center top;width: 850px; float:left; }

/* HEADER */
#header {  width: 850px; float:left;  height:121px; position:relative; background: url("../images/header_bgr.gif") repeat-x left bottom; z-index:100; }
#header h3 a { width:148px; height:140px; display:block; text-indent:-9999px; background: url("../images/karpis_logo.png") no-repeat 0 0; position:absolute; top:0; left:8px; z-index: 100; }
#header .slogan { font-size:24px; font-style:italic; font-weight:normal; color:#5b5345; position:absolute; left:185px; top:35px; line-height:24px; text-shadow:#f6f5f3 1px 1px 0; }
.hdr_links{ position: absolute; right: 10px; top: 42px; }
.hdr_links a { color:#9c968b; text-transform:uppercase; font-size:10px; margin-right:10px; padding-left:15px; }
.hdr_links a:hover{color: #5b5345;}
.hdr_links a.home{background: url("../images/hdr_house.gif") no-repeat 0 1px;}
.hdr_links a.sitemap{background: url("../images/hdr_sitemap.gif") no-repeat 0 1px;}

/* NAVIGATION */
#navigation_content{
	height: 38px;
	position: absolute;
	right: 0;
	bottom: 0;
}
#navigation{
	height: 37px;
	border-top: 1px solid #860201;
	position: relative;
}
#navigation li{
	list-style-type: none;
	float: left;
	background: url("../images/nav_border.gif") no-repeat right top;
	padding-right: 2px; 
	position: relative;
}
#navigation li a{
	height: 25px;
	padding: 12px 20px 0 20px;
	display: inline-block;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	background: #e40906 url("../images/nav_bgr.gif") repeat-x 0 0;
	text-shadow: #840503 1px 1px 1px;
}
#navigation li a:hover{background: #e40906 url("../images/nav_bgr_hover.gif") repeat-x 0 0;}
#navigation li a.active{background: #e40906 url("../images/nav_bgr_active.gif") no-repeat center top;}
#navigation li ul{
	position: absolute;
	display: none;
	left: -1px;
	top: 37px;
	z-index: 100 !important;
	width: 210px;
	overflow: hidden;
	background: url("../images/subnav_bgr.png") repeat 0 0;
	padding: 5px 0;
}
#navigation li ul li{list-style-type: none; background: none;}
#navigation li ul li a{
	width: 185px;
	height: 19px;
	display: block;
	padding: 5px 0 0 25px;
	background: url("../images/subnav_link.gif") no-repeat 7px 9px;
}
#navigation li ul li a:hover, #navigation li ul li a.active{background: url("../images/subnav_link_hover.gif") no-repeat 7px 9px;}

/* BANNER */
#middle{
	float:left;
	width: 820px;
	height: 238px;
	background: url("../images/middle_bgr.jpg") no-repeat 0 0;
	padding: 0 15px;
}
#middle .scrollable{
	width: 820px;
	height: 205px;
	position: relative;
	overflow: hidden;
}
#middle .items{width: 1000em; position: absolute;}
.image{
	width: 820px;
	height: 205px;
	float: left;
}
#dots{
	width: 820px;
	height: 33px;
	position: relative;
}
#dots .banner_nav{
	width: 19px;
	height: 19px;
	display: block;
	text-indent: -9999px;
	position: absolute;
}
#dots #next{
	background: url("../images/banner/next.jpg") no-repeat 0 0;
	right: 15px;
	top: 7px;
}
#dots #prev{
	background: url("../images/banner/prev.jpg") no-repeat 0 0;
	left: 15px;
	top: 7px;
}
#dots #next:hover, #dots #prev:hover{background-position: 0 -19px;}
.navi{width: 102px; height: 23px; padding-top: 10px; margin: 0 auto;}
.navi a{
	width: 12px;
	height: 12px;
	display: block;
	float: left;
	margin-right: 5px;
	text-indent: -9999px;
	background: url("../images/banner/dot.gif") no-repeat 0 0;
	cursor: pointer;
}
.navi a:hover{background: url("../images/banner/dot_hover.gif") no-repeat 0 0 !important; }
.navi a.active{background: url("../images/banner/dot_hover.gif") no-repeat 0 0 !important;}

/* CONTENT */
#main{overflow: hidden; width:850px; float:left; background:#fff url("../images/home_content.gif") repeat-y 0 0;  }
#main2 {overflow: hidden; width:850px; float:left; background:#fff url("../images/home_content2.gif") repeat-y 0 0;  }
#main3 {overflow: hidden; width:850px; float:left; background:#fff url("../images/home_content3.gif") repeat-y 0 0;  }
#main4 {overflow: hidden; width:850px; float:left; background-color:#fff;  }

/* Home */
.home_content{ float:left; }
#h_content{
	width: 570px;
	padding: 0 15px;
	float: left;
	background: url("../images/content_bgr.jpg") no-repeat 0 0;
}
#h_content2{
	width: 570px;
	float:left;
	padding: 0 15px;
	float: left;
	background: url("../images/content_bgr2.jpg") no-repeat 0 0;
}

#h_content p{padding-bottom: 10px;}
.about{
	width: 329px;
	padding: 15px;
	float: left;
}
.links { width:211px; float:left; color:#a09888; }
.links h3{
	font-size:17px;
	font-weight:200;
	color: #fff;
	padding-bottom:6px;
}
.links a{color: #fff; text-decoration: none;}
.links a:hover{text-decoration: underline;}
.links .arrow{
	width: 16px;
	height: 16px;
	display: block;
	text-indent: -9999px;
	background: url("../images/arrow_right.gif") no-repeat 0 0;
	position: absolute;
	right: 14px;
	bottom: 8px;
}
.links .arrow:hover{background-position: 0 -16px;}
.link{
	width: 181px;
	padding: 15px;
	background: url("../images/links_bgr.jpg") no-repeat left bottom;
	position: relative;
}
/* Home - Rightbar */
#right_bar{
	width: 220px;
	float:right;
	padding: 12px 15px 0 15px;
	float: left;
}
#right_bar .title{
	width: 220px;
	height: 31px;
	background: url("../images/right_title.gif") no-repeat 0 0;
	margin-bottom: 4px;
	position: relative;
}
#right_bar .title h3{
	font-size:142%;
	font-weight: normal;
	color: #fff;
	padding: 6px 12px 0 12px;
	text-shadow: #840503 1px 1px 0;
}
#right_bar .title .t_nav{
	width: 16px;
	height: 16px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 8px;
}
#right_bar .title #t_next{
	background: url("../images/arrow_right.gif") no-repeat 0 0;
	right: 6px;
}
#right_bar .title #t_prev{
	background: url("../images/arrow_left.gif") no-repeat 0 0;
	right: 24px;
}
#right_bar .title #t_next:hover, #right_bar .title #t_prev:hover{background-position: 0 -16px;}

/* Top Products - Slideshow */
#right_bar .slideshow{
	width: 220px;
	height: 420px;
	position: relative;
	overflow: hidden;
}
#right_bar .products{width: 1000em; position: absolute;}
.product{
	width: 220px;
	height: 205px;
	float: left;
}
.prod_image{position: relative;}
.prod_image img{
	width: 210px;
	padding: 4px;
	background-color: #fff;
	border: 1px solid #e4e0d6;
}
.prod_image .enlarge{
	width: 19px;
	height: 19px;
	display: block;
	text-indent: -9999px;
	background: url("../images/enlarge.png") no-repeat 0 0;
	position: absolute;
	right: 10px;
	bottom: 10px;
}
.prod_info{
	width: 198px;
	height: 30px;
	border-bottom: 1px solid #e4e0d6;
	border-left: 1px solid #e4e0d6;
	border-right: 1px solid #e4e0d6;
	background: #f1ede3 url("../images/prod_info_bgr.gif") no-repeat center top;
	position: relative;
	padding: 10px;
	margin-bottom: 4px;
	overflow: hidden;
}
.prod_info span{padding-right: 42px; display: block;}
.prod_info .name{color: #565249; font-weight:bold; }
.prod_info .descr{color: #7b7467; font-size: 10px; padding-top:4px; }
.prod_info .more_info{
	width: 38px;
	height: 18px;
	display: block;
	text-indent: -9999px;
	background: url("../images/more_link.jpg") no-repeat 0 0;
	position: absolute;
	right: 8px;
	bottom: 11px;
}
.prod_info .more_info:hover{background-position: 0 -18px;}
#right_bar .facebook{
	width: 142px;
	height: 41px;
	display: block;
	background: url("../images/facebook_home.jpg") no-repeat 0 0;
	overflow: hidden;
	color: #8d867a;
	padding: 10px 16px 0 62px;
	margin-bottom:12px;
}
#right_bar .facebook:hover{color: #565249;}

/* PRODUCT */
.product_content{background: url("../images/prod_content.gif") repeat-y 0 0;}
#p_content{
	width:820px;
	float:left;
	padding: 0 15px;
	background: url("../images/content_p_bgr.jpg") no-repeat 0 0;
}
#p_content2 {
	width:820px;
	float:left;
	padding: 0 15px;
	background: url("../images/content_p_bgr2.jpg") no-repeat 0 0;
}
.left_facebook{
	width: 31px;
	height: 31px;
	display: block;
	text-indent: -9999px;
	background: url("../images/left_facebook.gif") no-repeat 0 0;
	position: absolute;
	left: 30px;
	bottom: 15px;
}
#subnav{padding: 5px 15px 0 15px; height: 20px;}
#subnav .home{
	width: 11px;
	height: 10px;
	display: block;
	float: left;
	text-indent: -9999px;
	background: url("../images/subnav_home.gif") no-repeat 0 0px;
	margin-top: 2px;
	line-height: 0;
}
#subnav .home:hover{background-position: 0 -10px;}
#subnav .arrow{margin: 0 10px 2px 10px;}
#subnav a, #subnav span{
	color: #6b6b6b;
	font-size: 11px;
	text-decoration: none;
	text-transform: uppercase;
}
#subnav a:hover{color: #444;}

#left{width: 185px; float: left; color: #b2a590;}


.left_sbnav { padding-top:2px; }
.left_sbnav li { list-style-type: none; background: url("../images/left_sb_border.gif") no-repeat left bottom; padding-bottom: 2px; }
.left_sbnav li li { background-image:none; padding-bottom:0px; }
.left_sbnav li a { width:160px; height:26px; display:block; font-size:14px; color:#b2a590; text-decoration:none; padding: 10px 0 0 25px; background:url("../images/left_sb_arrow.gif") no-repeat 9px 14px; }
.left_sbnav li li a { letter-spacing:-1px; width:160px; height:16px; display:block; font-size:12px; color:#b2a590; padding: 2px 0 4px 25px; background-image:none; }
.left_sbnav li li a strong { letter-spacing:0px; }
.left_sbnav li a:hover { color:#fff; } 
.left_sbnav li a.active { color:#fff; font-weight:bold; }
.left_sbnav li li a.active { color:#fff; font-weight:200; }

.left_slide{
	height: 178px;
	overflow: hidden;
	background: url("../images/left_slide_bg.jpg") no-repeat bottom center;
	margin-top: -1px;
	margin-bottom: 60px;
	position: relative;
}
.left_slide h3{
	font-size:142%;
	font-weight:200;
	color: #fff;
	text-shadow: #25221d 1px 1px 0;
	padding: 15px 9px 9px 9px;
}
/*Scroll*/
.left_slide .left_scroll{
	width: 145px;
	height: 205px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.left_slide .items{width: 1000em; position: absolute;}
.left_slide a{ text-decoration: none; color: #b2a590; font-size:120%;}
.left_slide a:hover{color: #fff;}
.left_slide .image{
	width: 145px;
	height: 205px;
	float: left;
}
.left_slide .image a img{
	padding: 3px;
	background: #6d6454;
	border: 1px solid #39352b;
}
.left_slide .image a:hover img{
	background: #5d5547;
	border: 1px solid #25221c;
}
.left_slide .image p{font-size: 10px; padding: 5px 0;}
.left_slide .ls_nav{
	width: 9px;
	height: 9px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 83px;
}
.left_slide #ls_prev{background: url("../images/ls_left_arrow.gif") no-repeat 0 0; left: 7px;}
.left_slide #ls_next{background: url("../images/ls_right_arrow.gif") no-repeat 0 0; right: 7px;}

#right { width:634px; float:left; }

/* Product details */
.prod_additionals{ padding:0px 0px 16px 16px; float:left; }
.prod_details, prod_additionals, .prod_sizes, .prod_video, #wrapper{overflow: hidden;}
.prod_gallery{width: 216px; float: left;}
.prod_gallery a img.big_thumb{
	border: 0;
}

.bigPhoto { float:left; width:210px; height:140px; }
.bigPhoto a { background:url(../images/bg02.png); border:1px solid #dddad5; float:left; width:210px; height:140px; }
.bigPhoto a:hover { border:1px solid #e30908; }
.bigPhoto span { display:none; }

.smallPhoto { float:left; width:50px; height:50px; background-position:1px 1px; background-repeat:no-repeat; margin:10px 4px 0px 0px; }
.smallPhoto a { border:1px solid #dddad5; float:left; width:48px; height:48px; }
.smallPhoto a:hover { border:1px solid #e30908; }
.smallPhoto span { display:none; }

.PDFdownload { float:left; margin-top:10px; width:210px; }

.prod_imgdetail{overflow: hidden; padding-top: 4px;}
.prod_imgdetail li{
	list-style-type: none;
	padding: 0 4px 0 0;
	float: left;
}
.prod_imgdetail li.last{padding: 0 0 4px 0 !important;}
.prod_imgdetail a img{border: 1px solid #dddad5;}
.prod_imgdetail a:hover img{border: 1px solid #b1aea9;}
.download_pdf{
	width: 112px;
	height: 22px;
	display: block;
	text-indent: -9999px;
	background: url("../images/download_pdf.jpg") no-repeat 0 0;
}
.download_pdf:hover{background-position: 0 -22px;}

.prod_descr{width: 370px; float: left; padding-left: 15px;}
.prod_descr ul li{
	list-style-type: none;
	background: url("../images/li_bg.gif") no-repeat 0 7px;
	padding: 0 0 10px 15px;
}

.prod_sizes{width: 385px; float: left;}
.table_content{
	width: 373px;
	padding: 5px;
	border: 1px solid #f1eee9;
	background: #fdfbf8;
}
.table_content table{
	width: 371px;
	border-bottom: 1px solid #dddad5;
	text-align: center;
}
.table_content thead th.tb_header{
	font-size: 12px;
	font-weight: bold;
	color: #565249;
	text-align: left;
}
.table_content thead th{padding: 2px 0 6px 0;}
.table_content tbody{background: #f1eee8;}
.table_content tbody td{padding: 5px; border-top: 1px solid #dddad5;}
.table_content tbody td.first{border-left: 1px solid #dddad5; text-align: left; font-weight: bold; }
.table_content tbody td.first span { font-weight:200; font-size:88%; }
.table_content tbody td.last{border-right: 1px solid #dddad5;}
.prod_video{width: 210px; float: left; padding-left: 10px;}
.video_content{
	width: 188px;
	padding: 13px 10px 8px 10px;
	border: 1px solid #f1eee9;
	background: #fdfbf8;
}
.video_content h4{
	font-size: 12px;
	font-weight: bold;
	color: #565249;
}
.video_content span{font-size: 10px;}
.video_content a img{border: 2px solid #d4d0c7; margin: 7px 0;}
.video_content a:hover img{border: 2px solid #aca9a2;}
.play{
	width: 54px;
	height: 18px;
	display: block;
	text-indent: -9999px;
	background: url("../images/play.gif") no-repeat 0 0;
}
.play:hover{background-position: 0 -18px;}

/* FOOTER */
#footer{
	width:850px; float:left;
	color: #aea9a0;
	padding-top: 15px;
	background: url("../images/footer_bgr.jpg") no-repeat 0 0;
	position: relative;
}
#footer a{color: #98938a; text-decoration:underline;}
#footer a:hover{color: #706b62;}
#footer .webdesign{position: absolute; right:16px; top:15px; font-size:92%; }


.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html .clearfix {height: 1%;}

ul.ul01 { list-style-type:square; padding-left:32px; }
ul.ul01 li { color:#e30908; padding-bottom:6px; }
ul.ul01 li.li01 { padding-bottom:16px; }
ul.ul01 span { color: #6d665a; }

ul.ul02 { list-style-type:none; float:left; padding:0; margin:16px 0px 20px 0px; width:620px; position:relative; left:16px; }
ul.ul02 li { float:left; padding:0; margin:0 12px 8px 0; width:192px; height:165px; background-position:top center; }
ul.ul02 li a { float:left; margin:0; width:182px; height:25px; padding:140px 0px 0px 10px; background:url(../images/bg01.png) no-repeat; color:#6d665a; border:1px solid #dddad5; }
ul.ul02 li a:hover { color:#e30908; border:1px solid #e30908; }

ul.ul03 { list-style-type:none; float:left; padding:0; margin:16px 0px 20px 0px; position:relative; left:16px; }
ul.ul03 li { float:left; padding:0; margin:0px 0px 8px 0px; }
ul.ul03 li a img { float:left; margin:0 10px 0px 0; border:1px solid #000; }
ul.ul03 li a:hover img { border:1px solid #e30908; }

.padding16 { padding:16px; }

.header00 { height: 30px; padding: 10px 16px 4px 16px; font-size: 20px; font-weight: normal; color: #fff; text-transform: uppercase; text-shadow: #847e72 1px 1px 0; }
.header01 { font-size:148%; font-weight:200; border-bottom:1px solid #e30908; padding:16px 0px 10px 0px; margin-bottom:16px; }

.red01 { color:#e30908; }


a.link01 { text-decoration:underline; color:#d8d3ca; }
a.link01:hover { color:#fff; }

a.link02 { text-decoration:underline; color:#6d665a; }
a.link02:hover { color:#000; }

table.table01 td { vertical-align:top; padding:4px 6px; }
table.table01 td.fix01 { width:62px; }
table.table01 td.td01 { text-align:right; font-weight:bold; }
table.table01 td.td02 a { text-decoration:underline; }
table.table01 td.td03 { text-align:right; font-weight:bold; vertical-align:middle; }
table.table01 td.td04 { text-align:right; font-weight:bold; padding-top:8px; }

table.table02 { width:100%; }
table.table02 td { border:2px solid #f2efe8; background-color:#faf8f3; vertical-align:middle; padding:4px 12px; }
table.table02 td.td01 { color:#e30908; }
table.table02 td.td01 div { font-weight:bold; }
table.table02 td.td02 { font-weight:bold; }
table.table02 td.td03 a { text-decoration:underline; color:#6d665a; }
table.table02 td.td03 a:hover { text-decoration:underline; color:#e30908; }

table.table03 { margin:0px auto; }
table.table03 td { border:2px solid #f2efe8; background-color:#faf8f3; vertical-align:middle; padding:8px; }
table.table03 td img { border:1px solid #6d665a; margin-bottom:8px; }

.input01 { border:1px solid #c6bfb5; background-color:#faf8f3; padding:1px; width:300px; font-family: Georgia, "Trebuchet MS", Tahoma, Verdana, Arial; }

.textarea01 { border:1px solid #c6bfb5; background-color:#faf8f3; padding:1px; width:300px; height:80px; font-family: Georgia, "Trebuchet MS", Tahoma, Verdana, Arial; }

.button01 { border:1px solid #c6bfb5; background-color:#dcd8cd; font-family: Georgia, "Trebuchet MS", Tahoma, Verdana, Arial; color:#6d665a; font-weight:bold; padding:2px 8px; font-size:88%; }

#map_hover { padding:0; margin:0 0 0 16px; background:#f7dede url(../images/map_hover_efect.gif) top left no-repeat; width:500px; height:250px; }
#map_hover img { border:none; padding:0; margin:0; }


.level01, .level02, .level03 { padding:4px 0px; }
.level02 { padding-left:20px; }
.level03 { padding-left:40px; }
.level01  a { font-weight:bold; color:#6d665a; }
.level02  a { color:#6d665a; }
.level02  a:hover { color:#f5821f; }