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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body {background: #fff url('../images/bg.jpg') repeat 0 20px; font-family: arial; direction: rtl;}

.clear {clear:both;}

.hide {display:none;}
.warpper {width:800px; margin:0 auto;}

.top-page {width:696px; height:120px; margin:0 auto;}

.top-page-right {float:right; width:142px; height:114px; }
.top-page-right img{width:142px; height:114px;}

.top-page-left {float:left; width:543px; height:114px; position: relative;}
.top-page-left .top-links {float:left; height:56px; margin-top:36px;}
.top-page-left .top-links img.left{margin:0 0 0 10px;}


.top-page-left .top-page-banner {float: right;margin: 20px 60px 0 0;} 

#show_products {display:none;}

#credit_order {float:right; background:#4e3a31; font-size:14px; color:#fff; text-decoration:none; padding:8px; margin-right:80px;}
#fax_order {float:left; background:#4e3a31; font-size:14px; color:#fff; text-decoration:none; padding:8px; margin-left:80px;}

/***START MENU***/

/* Main menu settings */

.top-page-left .main-menu {margin: 0 0 0 0;padding:0;z-index:1000;position:relative;float: right;}

/* Top menu items */

.top-page-left .main-menu ul {margin:0;padding:0;list-style:none;float:right;position:relative;right:0;height: 42px;     *float:none;}

.top-page-left .main-menu ul li {margin:0 0 0 1px;padding:0;float:right;position:relative;right:0;top:1px;height: 40px;}

.top-page-left .main-menu ul li a {display:block;margin:0;padding:8px 8px;font-size:13px;text-decoration:none;color:#4e3a31;font-weight:bold;}

.top-page-left .main-menu ul li a.last {padding: 8px 14px;}

.top-page-left .main-menu ul li.active a {/*color:#fff;*//*background:#000;*/background: url('../images/menu.png') repeat-x;}

.top-page-left .main-menu ul li a:hover,

.top-page-left .main-menu ul li a:active,

.top-page-left .main-menu ul li a.active {background: url('../images/menu.png') repeat-x;  /*Top menu items background colour *//*color:#fff;*//*border-bottom:1px solid #03f;*/}

.top-page-left .main-menu ul li:hover a,

.top-page-left .main-menu ul li.hover a {/* This line is required for IE 6 and below *//*background:#36f;*/ /* Top menu items background colour *//*color:#fff;*//*border-bottom:1px solid #03f;*/}

/* Submenu items */

.top-page-left .main-menu ul ul {display:none; position:absolute;top:25px;right:0;float:right;left:auto; width:15em; /*background: url('../images/pic-4.png') no-repeat ;*/}

.top-page-left .main-menu ul ul li {right:auto;margin:0; clear:right;float:right;height: 22px;background: url('../images/bg-coulmn.png') no-repeat; }

.top-page-left .main-menu ul ul li:hover{}

.top-page-left .main-menu ul ul li.first{}

.top-page-left .main-menu ul ul li.first:hover{}

.top-page-left .main-menu ul ul li.last{}

.top-page-left .main-menu ul ul li.last:hover{}

.top-page-left .main-menu ul ul li a,

.top-page-left .main-menu ul li.active li a,

.top-page-left .main-menu ul li:hover ul li a,

.top-page-left .main-menu ul li.hover ul li a {font-weight:bold; background:none;display: block;color:#4e3a31; font-size: 13px;margin: 6px 8px;padding: 0;width: 100px;}

.top-page-left .main-menu ul ul li a:hover,

.top-page-left .main-menu ul li.active ul li a:hover,

.top-page-left .main-menu ul li:hover ul li a:hover,

.top-page-left .main-menu ul li.hover ul li a:hover {color:#000;float:right;}

/* Flip the last submenu so it stays within the page */

.top-page-left .main-menu ul ul.last {right:auto;right:0; }

.top-page-left .main-menu ul ul.last li {float:left;position:relative;right:.8em;}

/* Make the sub menus appear on hover */

.top-page-left .main-menu ul li:hover ul,

.top-page-left .main-menu ul li.hover ul {display:block; }

/***END MENU***/


.inner .slide {width:696px; height:372px; background: url('../images/bg-gallery.png') no-repeat; margin:0 auto; overflow:hidden;}
.slide .cycle-slideshow img {width:587px; height:267px; margin: 26px 54px}
.big-gallery {width:696px; height:480px; background: url('../images/bg-gallery.png') no-repeat; margin:0 auto; overflow:hidden;}


.sub-menu {float: right !important;margin-right: 30px !important;}

/***START MENU***/

/* Main menu settings */

.sub-memu-div .sub-menu {margin: 0 0 0 0;padding:0;z-index:1000;position:relative;float: right;}

/* Top menu items */

.sub-memu-div .sub-menu ul {margin:0;padding:0;list-style:none;float:right;position:relative;right:0;height: 42px;     *float:none;}

.sub-memu-div .sub-menu ul li {margin:0 0 0 1px;padding:0;float:right;position:relative;right:0;top:1px;height: 40px;}

.sub-memu-div .sub-menu ul li a {display:block;margin:0;padding:8px 13px;font-size:13px;text-decoration:none;color:#4e3a31;font-weight:bold;}

.sub-memu-div .sub-menu ul li a.last {padding: 8px 14px;}

.sub-memu-div .sub-menu ul li.active a {/*color:#fff;*//*background:#000;*/background: url('../images/menu.png') repeat-x;}

.sub-memu-div .sub-menu ul li a:hover,

.sub-memu-div .sub-menu ul li a:active,

.sub-memu-div .sub-menu ul li a.active {background: url('../images/menu.png') repeat-x;  /*Top menu items background colour *//*color:#fff;*//*border-bottom:1px solid #03f;*/}

.sub-memu-div .sub-menu ul li:hover a,

.sub-memu-div .sub-menu ul li.hover a {/* This line is required for IE 6 and below *//*background:#36f;*/ /* Top menu items background colour *//*color:#fff;*//*border-bottom:1px solid #03f;*/}

/* Submenu items */

.sub-memu-div .sub-menu ul ul {display:none; position:absolute;top:25px;right:0;float:right;left:auto; width:15em; /*background: url('../images/pic-4.png') no-repeat ;*/}

.sub-memu-div .sub-menu ul ul li {right:auto;margin:0; clear:right;float:right;height: 22px;background: url('../images/bg-coulmn.png') no-repeat; }

.sub-memu-div .sub-menu ul ul li:hover{}

.sub-memu-div .sub-menu ul ul li.first{}

.sub-memu-div .sub-menu ul ul li.first:hover{}

.sub-memu-div .sub-menu ul ul li.last{}

.sub-memu-div .sub-menu ul ul li.last:hover{}

.sub-memu-div .sub-menu ul ul li a,

.sub-memu-div .sub-menu ul li.active li a,

.sub-memu-div .sub-menu ul li:hover ul li a,

.sub-memu-div .sub-menu ul li.hover ul li a {font-weight:bold; background:none;display: block;color:#4e3a31; font-size: 13px;margin: 6px 8px;padding: 0;width: 100px;}

.sub-memu-div .sub-menu ul ul li a:hover,

.sub-memu-div .sub-menu ul li.active ul li a:hover,

.sub-memu-div .sub-menu ul li:hover ul li a:hover,

.sub-memu-div .sub-menu ul li.hover ul li a:hover {color:#000;float:right;}

/* Flip the last submenu so it stays within the page */

.sub-memu-div .sub-menu ul ul.last {right:auto;right:0; }

.sub-memu-div .sub-menu ul ul.last li {float:left;position:relative;right:.8em;}

/* Make the sub menus appear on hover */

.sub-memu-div .sub-menu ul li:hover ul,

.sub-memu-div .sub-menu ul li.hover ul {display:block; }

/***END MENU***/

.breadcrumb {width:696px; margin:10px auto 0; list-style: none; background: #4e3a31; height:20px;}
.breadcrumb li {display: inline;}
.breadcrumb li a {color:#fff; font-size: 13px; padding:0 5px; line-height: 20px; text-decoration: none;}
.breadcrumb li a:hover { text-decoration: underline; }
.breadcrumb li span {color:#fff; font-size: 13px; padding:0 2px;}

.contact-home { width:764px;height:79px; background: url('../images/bg-contact.png') no-repeat;}
.contact-home .main-form form {height:22px; padding:11px 57px 0 0;}
.contact-home .main-form form fieldset {float:right; padding:0; margin:0 3px 0 0;}
.contact-home .main-form form fieldset label{font-size: 14px; font-family: arial; font-weight: bold; color:#fff;}
.contact-home .main-form form fieldset input{width:160px; height:18px; border:0; outline: 0;}
.contact-home .main-form form input.send {background: #4e3a31; margin:0 8px 0 0; width:47px; height:18px; background: url('../images/bg-contact-submit.png') no-repeat; border:0; cursor: pointer; float:right; outline: 0;}


.article-content { width:696px; background:#fff; margin:0 auto;}
.article-content .text {padding:20px;}
.article-content .text h1{font-size:20px; font-weight:bold; margin-bottom:10px;}
.article-content .text p{font-size:13px; margin-bottom:10px;}
.article-content .text img{max-width:654px; margin:10px auto;}



.bottom-page {width:696px; margin:50px auto;}

.bottom-page .article {width:338px; height:280px; background: url('../images/bg-coulmn.png') repeat; float: right; margin:0 4px 0 0; overflow: hidden; position: relative;}
.bottom-page .article .last {margin:0;}
.bottom-page .article .text h2{padding:10px 0 0 25px; font-family: arial; color:#4e3a31; font-size: 22px; font-weight: bold;}
.bottom-page .article .text{padding:0 25px; font-family: arial; color:#4e3a31; font-size: 13px; font-weight: normal;  }
.bottom-page .article .text p{margin-bottom:10px;  }
.bottom-page .article .readmore{padding:0 25px; position: absolute; bottom:5px; right:0;}
.bottom-page .article a{font-family: arial; color:#5db1cf; font-size: 13px; font-weight: bold; text-decoration: none; float:left; margin-left:30px;}

.bottom-page .youtube-box {width:330px; height:280px; float: left; margin:0 0 0 4px; overflow: hidden; position: relative;}

.bottom-page .second-article {width:696px; min-height:140px; background: url('../images/bg-coulmn.png') repeat; float: right; margin:15px auto; overflow: hidden; position: relative;}
.bottom-page .second-article .text h2{padding:10px 0 0 25px; font-family: arial; color:#4e3a31; font-size: 22px; font-weight: bold;}
.bottom-page .second-article .text{padding:0 25px; font-family: arial; color:#4e3a31; font-size: 13px; font-weight: normal;  }
.bottom-page .second-article .text p{margin-bottom:10px;  }
.bottom-page .second-article .readmore{padding:0 25px; position: absolute; bottom:5px; right:0;}
.bottom-page .second-article a{font-family: arial; color:#5db1cf; font-size: 13px; font-weight: bold; text-decoration: none; float:left; margin-left:30px;}


.bottom-wrapper {width:100%; height:320px; background: url(../images/bg-bottom.jpg) center center no-repeat; overflow: hidden; margin: 17px auto 0;}
.bottom-wrapper .footer {width:696px; height:175px; background: url(../images/bg-footer.png) no-repeat; margin: 100px auto 0; overflow: hidden;}
.bottom-wrapper .footer .footer-menu{padding:20px; text-align: center; margin-top:41px;}
.bottom-wrapper .footer .footer-menu ul {list-style: none;}
.bottom-wrapper .footer .footer-menu li{display: inline; padding:12px; margin:0 0 9px 0; background: url('../images/bg-footer-border.png') no-repeat left 18px; }
.bottom-wrapper .footer .footer-menu li a{font-size: 12px; color:#4e3a31; text-decoration: none; }
.bottom-wrapper .footer .footer-menu li a:hover{text-decoration: underline; }


.bottom-wrapper .footer-credit {margin:12px auto; text-align: center;}
.bottom-wrapper .footer-credit h3{font-size: 12px; color:#fff; }
.bottom-wrapper .footer-credit h3 a{font-size: 12px; color:#fff; text-decoration: none;}
.bottom-wrapper .footer-credit h3 a:hover{text-decoration: underline;}


.inner {width:764px; margin:0 auto;}

.inner .content {width:764px; margin:8x auto; min-height: 300px;}
.inner .content .page {width:696px; margin:0 auto;}
.inner .content .page .page-image{float:right; width:150px;}
.inner .content .page .page-image img{width:100%;}
.inner .content .page .text{float:left; width:500px; min-height:300px; padding:20px; background: #fff url('../images/bg-coulmn.png') repeat; font-family: arial;}
.inner .content .page .text h1 {color:#4e3a31; font-size: 20px; font-weight: bold; padding-bottom: 15px;}
.inner .content .page .text h2 {color:#4e3a31; font-size: 18px; font-weight: bold; padding-bottom: 10px;}
.inner .content .page .text h3 {color:#fa75b8; font-size: 14px; font-weight: bold; padding-bottom: 10px;}
.inner .content .page .text a {color:#000; font-size: 14px; text-decoration: none; }
.inner .content .page .text a:hover {text-decoration: underline; }
.inner .content .page .text p {color:#4e3a31; font-size:13px; margin-bottom:10px;}
.inner .content .page .text strong {font-weight:bold;}
.inner .content .page .text img {max-width:100%;}


.inner .content .page .text-contact{float:left; width:266px; min-height:300px; padding:20px; background: #c0b7b0; font-family: arial;}
.inner .content .page .text-contact h1 {color:#4e3a31; font-size: 20px; font-weight: bold; padding-bottom: 15px;}
.inner .content .page .text-contact h2 {color:#4e3a31; font-size: 18px; font-weight: bold; padding-bottom: 10px;}
.inner .content .page .text-contact h3 {color:#4e3a31; font-size: 17px; font-weight: bold; padding-bottom: 10px;}
.inner .content .page .text-contact a {color:#000; font-size: 14px; text-decoration: none; }
.inner .content .page .text-contact a:hover {text-decoration: underline; }
.inner .content .page .text-contact p {color:#4e3a31; font-size:13px; margin-bottom:10px;}

.margin-img {margin-left:15px;}




.small-gallery {width:330px; float:right; text-align:center; margin-bottom:25px;}
.small-gallery:nth-child(odd) {margin-left:33px;}
.small-gallery #cycle-slideshow {width:330px; height:176px; margin: 0 auto; background: url('../images/bg-small-gallery.jpg') no-repeat; }
.small-gallery #cycle-slideshow img {width:278px; height:123px; padding:27px 0 0 27px;}
.small-gallery a {color:#4e3a31; text-decoration: none;}
.small-gallery a:hover {text-decoration: underline;}

/*#adv-custom-pager {width:764px; margin-top:20px; text-align: center;}
#adv-custom-pager a {float:right; margin-left:23px; width:120px; height:54px; margin-top:10px;}
#adv-custom-pager a.cycle-pager-active {}
#adv-custom-pager a:hover {}*/

/*.anotherGalleries {margin:20px 0 0 0;}
.anotherGalleries a {font-size: 15px; color:#4e3a31; text-decoration: none; margin:12px 6px;}
.anotherGalleries a:hover {text-decoration: underline;}*/

.gv_galleryWrap {background: none !important;}

.page .itemNavigation {width:764px; margin:40px 0 0 0; padding:0; background: none; border:0;}
.page .itemNavigation a{font-size: 15px; color:#4e3a31; text-decoration: none; margin:12px 6px;}
.page .itemNavigation a:hover {text-decoration: underline;}


.page .page-right {float:right; width:150px;}
.page .page-right .page-image {width:300px;}
.page .page-right .page-image img{width:300px;}
.page .page-right .contact-text{padding:20px;}

.page .page-right .page-contact {width:150px; background:#c0b7b0 url('../images/contact-small-header.jpg') 0px 3px no-repeat; margin-top:4px;}
.page .page-right .page-contact-form form {margin-top:15px;}
.page .page-right .page-contact-form form fieldset {float:right; padding:0 10px; margin:0 0 3px 0;}
.page .page-right .page-contact-form form fieldset label{font-size: 13px; font-family: arial; font-weight: normal; color:#fff;}
.page .page-right .page-contact-form form fieldset label.error{color:red;}
.page .page-right .page-contact-form form fieldset input{width:130px; height:18px; border:0; outline: 0;}
.page .page-right .page-contact-form form input.send {background: #4e3a31; margin:2px 83px 0 0; width:47px; height:18px; background: url('../images/bg-contact-submit.png') no-repeat; border:0; cursor: pointer; float:right; outline: 0;}

.page .right {float:right; width:300px;}
.page .right .page-image {width:300px;}
.page .right .page-image img{width:300px;}
.page .right .contact-text{padding:20px;}

.page .contact-info {}
.page .contact-info .contact-form { float:right;}
.page .contact-info .contact-form h3.error {color:#ee3030; margin-bottom:10px; padding:0 0 15px 0;}
.page .contact-info .contact-form fieldset {width:265px; margin-bottom:10px; padding:0 0 15px 0;}
.page .contact-info .contact-form fieldset.last {border:0;}
.page .contact-info .contact-form fieldset label{font-size: 14px; font-weight: bold; color:#4e3a31; float:right; line-height: 32px;}
.page .contact-info .contact-form fieldset label.error{color:red;}
.page .contact-info .contact-form fieldset input{width:197px; border:1px solid #ccc; outline: 0; padding:4px; height:22px; float:left;}
.page .contact-info .contact-form fieldset textarea{width:197px; font-family: arial; border:1px solid #ccc; outline: 0; padding:4px; height:80px; max-width: 300px; float:left;}
.page .contact-info .contact-form fieldset input[type="text"]{color:#4e3a31; font-family: arial;}
.page .contact-info .contact-form fieldset input.send{width:80px; border:1px solid #ccc; outline: 0; color:#fff; background: #4e3a31; padding:4px; cursor: pointer; height:25px;}

.page .contact-info .contact-text {width:200px; margin:20px 40px; float:left;}
.page .contact-info .contact-text a {font-size: 15px; color:#4e3a31; text-decoration: none; margin:12px 6px;}
.page .contact-info .contact-text a:hover {text-decoration: underline;}

.article-info {border-bottom:1px solid #f3f3f3; min-height:115px; margin-bottom:15px;}
.article-info-image {width:140px; height:100px; float:left; padding-right:15px;}
.article-info-image img{width:140px; height:100px;}


.article-full {}
.article-full-image {width:140px; height:100px; float:left; padding-right:15px;}
.article-full-image img{width:140px; height:100px;}




.pikachoose {width: 696px; margin: 15px auto; position:relative;}

/* Style the thumbnails */
.pika-thumbs{ padding: 0 16px; height: 95px; }
	.pika-thumbs li{ width: 131px; height:74px; margin: 10px 0 0 17px; padding: 0; overflow: hidden;
		float: left; list-style-type: none;padding: 0; margin: 0 5px; border: 1px solid #e5e5e5; cursor: pointer;}
	.pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: middle; overflow: hidden;}
	
/* The stage is the wrapper. The image fills 100% the height of the stage */
.pika-stage, .pika-textnav {width: 696px;}
.pika-stage {position: relative;   padding:0; text-align:center; height:280px;margin-top: 30px;}
.pika-stage img{height:100%;width:100%;}
.pika-stage .caption {position: absolute; background: #000; background: rgba(0,0,0,0.75);  border: 1px solid #141414; font-size: 11px; 
			color: #fafafa; padding: 10px; text-align: right; bottom: 50px; right: 10px;}
	.pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;}

/* Ths play, pause, prev and next buttons */

.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
	.pika-imgnav a.previous { height: 100%; width: 50px; top: 30px !important; left: 10px;cursor:pointer; }
	.pika-imgnav a.next {height: 100%; width: 50px;top: 30px !important;right: 10px;cursor:pointer;}
	.pika-imgnav a.play {background: url(play.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display: none;cursor:pointer;}
	.pika-imgnav a.pause {background: url(pause.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display:none;cursor:pointer;}

/* The previous and next textual buttons */
.pika-textnav {overflow: hidden; margin: 0 0 0 0;bottom:0; position:absolute;}
.pika-textnav a {font-size: 12px; text-decoration: none; color: #333; padding: 4px; font-weight:bold;}
	.pika-textnav a.previous {float: left;  display: block;background: #4e3a31; color:#fff;width:80px;}
	.pika-textnav a.next {float: right; display: block;background: #4e3a31; color:#fff;width:80px;}

/*for the tool tips*/
.pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;}
.pika-counter{position: absolute;bottom: 45px;left:15px;color:white;background:rgba(0,0,0,0.7);font-size:11px;padding:3px;-moz-border-radius: 5px;border-radius:5px;}

/* If using user thumbnails there's a pause well the new large image loads. This is the loader for that */		
.pika-loader{ background:url(loading.gif) 3px 3px no-repeat #000; background-color:rgba(0,0,0,0.9); color:white; width:60px; font-size:11px; padding:5px 3px; 
	text-align:right; position:absolute; top:15px; right:15px; }

.jcarousel-container {overflow:hidden;margin-top: 30px;}
.jcarousel-skin-pika .jcarousel-container-horizontal { padding: 15px 20px; overflow:hidden;}
.jcarousel-skin-pika .jcarousel-clip-horizontal {height: 90px; width: 485px;}
.jcarousel-skin-pika .jcarousel-item-horizontal { margin-right: 10px;}