/* page */

* { padding:0; margin:0; }
html { height: 100%; }
img { border:0;}
p img {border:0;}
a img {border:0;}
label {padding-right:4px;}

.page { background-color: #1a0800; direction: rtl; font: 13px arial; font-weight:normal; color:#3d1200; }
.base {background-color:#f4f2ea}

.html {}
.html p {margin:13px 0;}
.html ol {margin:13px 0;padding-right:40px;}

a, a:link, a:visited, a:hover { font-family:arial; font-weight:normal; font-size:13px; text-decoration: none; color:#8f4d2f; }
a:hover { text-decoration: underline }

/* general */
.right {float:right; display:inline;}
.left {float:left; display:inline;}
.column { width:466px; }

/* controls */
.textbox, .dropdownlist { border:0; }

/* fonts */
strong {font-weight:bold !important; }
.strong { font-weight:bold !important; }

.text-header { color:#2e0f07; font-size:30px !important}
.text-summary {font-size:15px !important}
.text-subtitle {font-size:18px; color:#2e0f07 !important }
.text-underline { text-decoration:underline !important;}
.text-left { text-align:left !important }
.text-right { text-align:right !important }
.text-center { text-align:center !important }
.textsummary-header { margin-bottom: 10px; }
.textsummary-content { }
.ads-title {font-size:22px;}
.white {color:#fff !important}

/* master page */
div.wrap { margin:0 auto; text-align:right; width:970px; }

div#top { }
div#top div.wrap { height: 186px; position:relative;}
div#top div.holder-link {width: 280px; height: 109px; position: absolute; left: 0%;z-index:1000;background:url('/OfficeCofee/css/images/transparent.gif') repeat;}
div#top div.holder-link a {text-decoration:none !important;}

div#top .header-image {position:relative;height: 100%; width: 100%;vertical-align:bottom;}

div#nav { }
div#nav  div.wrap { background: url(images/tafrit_bg.jpg) no-repeat; height:30px;}

div#header {}
div#header div.wrap { position:relative; min-height:398px; height:397px; }

div#content {}
div#content div.wrap {position:relative; min-height:224px; height:auto; }
div#content div.pusher {margin-top:-72px;}

div#footer div.wrap { background-color:#4c090b; height:90px; margin:0 auto;padding:0;width:970px;}
div#footer div.wrap * { margin:0 auto;padding:0;width:970px;}
div#footer div.wrap p, div#footer div.wrap div {padding-top:10px;}
div#footer div.wrap a {margin:0 3px;}
div#footer div.wrap img {display:inline;height:16px !important;width:120px !important;}
div#footer div.wrap span {margin:0 3px}

/* navigate menu */
div#nav  div.wrap  ul.dropdown, 
div#nav  div.wrap  ul.dropdown li, 
div#nav  div.wrap  ul.dropdown ul { z-index: 900; list-style: none; }
div#nav  div.wrap  ul.dropdown li { position:relative; display:inline; line-height: 1.3em; 
                                    zoom: 1; text-align:right; vertical-align:middle}
div#nav  div.wrap  ul.dropdown li.hover,
div#nav  div.wrap  ul.dropdown li:hover { position: relative; z-index: 900; cursor: default }
div#nav  div.wrap  ul.dropdown ul { visibility: hidden; position: absolute;
                                    top: 100%; right: 0; z-index: 900; width: 180px; padding-top:3px; }
div#nav  div.wrap  ul.dropdown ul li { float: none; }
div#nav  div.wrap  ul.dropdown ul ul { top: 1px; right: 99% }
div#nav  div.wrap  ul.dropdown li:hover > ul {  visibility: visible; }
div#nav  div.wrap  ul.dropdown li { padding: 3px 6px; }
div#nav  div.wrap  ul.dropdown li ul li { padding: 4px 6px; background-color: #f2dfa6;  color: #3d1200; }
div#nav  div.wrap  ul.dropdown li.hover, 
div#nav  div.wrap  ul.dropdown li:hover
{
    -moz-border-radius: 2px;  -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;
    background-color: #f2dfa6; color: #3d1200 !important;
}

div#nav  div.wrap  ul.dropdown li ul li.hover, 
div#nav  div.wrap  ul.dropdown li ul li:hover
{
    -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;
    background-color: #e0cc8e; color: #3d1200;
}

div#nav  div.wrap  ul.dropdown li:hover a:link, 
div#nav  div.wrap  ul.dropdown li:hover a:visited, 
div#nav  div.wrap  ul.dropdown li.hover a:link, 
div#nav  div.wrap  ul.dropdown li.hover a:visited { color: #3d1200; text-decoration: none; }
div#nav  div.wrap  ul.dropdown li:hover a:hover, 
div#nav  div.wrap  ul.dropdown li.hover a:hover { color: #3d1200; }
div#nav  div.wrap  ul.dropdown li:hover a:active ul.dropdown li.hover a:active { color: #feeec2; }
div#nav  div.wrap  ul.dropdown a:link,
div#nav  div.wrap  ul.dropdown a:visited,
div#nav  div.wrap  ul.dropdown a:active { color: #feeec2; }
div#nav  div.wrap  ul.dropdown a:hover {  color: #3d1200; }
div#nav  div.wrap  ul.dropdown ul a:link, 
div#nav  div.wrap  ul.dropdown ul a:visited {  display:block; width:100%; color: #3d1200 !important; }
div#nav  div.wrap  ul.dropdown ul a:hover,
div#nav  div.wrap  ul.dropdown ul a:active { color: #3d1200 !important; }

div#nav  div.wrap  ul.dropdown .separate:hover,
div#nav  div.wrap  ul.dropdown .separate, 
div#nav  div.wrap  ul.dropdown li.hover.separate, 
div#nav  div.wrap  ul.dropdown li:hover .separate
{
    background-color: transparent !important;
    color: #feeec2;
    background-image: url(images/tafrit_separator.gif);
    background-position: center 10px;
    background-repeat: no-repeat;
}
div#nav  div.wrap  .nav-pusher {clear: both; font-size: 1px; height:1px; margin-bottom: 6px;}
div#nav  div.wrap  .homepage { vertical-align: middle; }
div#nav  div.wrap  .homepage img { vertical-align: sub; }
div#nav  div.wrap  ul.dropdown li ul li { display:block; }
div#nav  div.wrap  ul.dropdown li a.dir { font-size:15px; }
div#nav  div.wrap  ul.dropdown li ul li a { font-size:14px; }
div#nav  div.wrap  ul.dropdown .selected { color:#3d1200 !important; }
div#nav  div.wrap  ul.dropdown .wrap-selected {
    background-color:#f2dfa6;  -moz-border-radius: 2px; -webkit-border-radius: 2px;  border-radius: 2px; 
}
    

/* Home Page */

div#header div.wrap div.mask-content {position:absolute; width:970px; z-index:30;height:400px; }

div#header .column-right { float:right; display:inline; margin:0 12px 0 0; width: 470px; }
div#header .column-right .ads-outerbackground { background: url(images/text_shivuki_bg.png) no-repeat;position:absolute;height:176px;width:226px;top:137px; }
div#header .column-right .ads-outer {position:relative;height:176px;width:226px;top:137px; }

div#header .column-right .ads-outer p { margin:0 6px; padding: 5px 0; overflow:hidden;}                                      
div#header .column-right .ads-outer p.header { height: 36px; }
div#header .column-right .ads-outer p.content { height: 89px;}
div#header .column-right .ads-outer p.linker { height: 22px; text-align:left; }

div#header .column-left { float:left; display:inline; margin:0 0 0 12px; width: 470px; }
div#header .column-left .ads-outerbackground { background: url(images/hatzaat_mehir_bg.png) no-repeat; left:12px; position:absolute;height:135px;width:226px; top:12px; }

div#header .column-left .ads-outer { position:relative; height:135px;width:226px; top:12px }
div#header .column-left .ads-outer p{ margin:0 12px; padding: 6px 0; overflow:hidden;}
div#header .column-left .ads-outer p.holder-popup { height:78px;}
div#header .column-left .ads-outer p.content { height:29px;}

div#header .column-left .nav-outer { clear:left;float:left;display:inline; margin:125px 0 0 0;}
div#header .nav-outer .nav-button { height:41px; width:41px; margin:0 4px 0 0; float:left; cursor:pointer; }
div#header .nav-outer #back { background:url(images/difduf_main_image_back.png) no-repeat  }
div#header .nav-outer #next { background:url(images/difduf_main_image_next.png) no-repeat  }

div#header .hr { height:76px; overflow:hidden; }
div#header .hr img { height:76px; overflow:hidden; }


/* Content */
div#content .column-right {display:inline;float: right; width:716px; margin-right: 12px; padding-top: 12px;}
div#content .column-left {display:inline;float: left; width:227px; margin-left: 12px; padding-top: 12px;}
div#content .hr { clear:both;background: url(images/dott_line.gif) repeat-x 0 15px; height:30px; margin:0 20px;}
div#content .holder-subtitle { margin-right:12px; color:#791312 !important }
div#content .icon {display:inline;}
div#content .wrap-columns {height:300px;width:970px;position:relative;} 
div#content .mask-pusher {padding-top: 76px;}
div#content .holedr-columns {height:300px;width:970px;position:relative;}
div#content div.mask { clear:both; height:300px;width:970px;position:absolute;background: url(images/hp_mask_with_bg.png) repeat-x; }
div#content .column-third {float: right; display:inline; width: 226px; text-align: center; margin:21px 7px;}
div#content .column-third .header { display:inline;color:#dac27d; font-size:18px; }

div#content .column-third .wrap-colheader,
div#content .column-third p { margin:0 12px; padding:6px 0;word-wrap:break-word;}
div#content .column-third .underline {background: url(images/title_underline.gif) no-repeat scroll center bottom }

div#content .column-third p.content { height:48px; }
div#content .column-third p.linker { }


div#content .column-four { margin:21px 7px; float: right; display:inline;width: 226px; text-align: right; padding-top: 6px; padding-bottom: 6px; margin-top: 33px;}
div#content .column-four .column-four-header { height:54px;padding:0 8px;background:url('/OfficeCofee/css/images/mivtza_box_top.png') no-repeat; }
div#content .column-four .column-four-content { background-color: #f0dfb4;padding:4px 8px}
div#content .column-four .column-four-footer { font-size:12px;height:12px;background:url('/OfficeCofee/css/images/mivtza_box_bottom.png') no-repeat;}

/* coffee world */
div#content .wrap-categories { margin:12px 12px 20px 12px }
div#content .wrap-details .guide-details { background:url(images/seperator_dots.gif) repeat-y; width: 470px; padding-left: 21px; }
div#content .wrap-details .guide-list {width: 373px;}
div#content .title-guide {}

/* slider */
.folio_block {position: absolute;	height:397px; width:970px; }
.main_view { position: relative; }
.window { height:397px; width: 970px; overflow: hidden;position: relative; }
.image_reel { position: absolute; top: 0; left: 0;}
.image_reel img {float: left;}

.paging { position: absolute;	bottom: 40px; right: -7px; width: 178px; height:47px;
	z-index: 100; text-align: center; line-height: 40px; display: none; /*--hidden by default, will be later shown with jquery--*/}
.paging a {	padding: 5px; text-decoration: none; color: #fff; }
.paging a.active {
	font-weight: bold; background: #920000; border: 1px solid #610000;
	-moz-border-radius: 3px; -khtml-border-radius: 3px;	-webkit-border-radius: 3px; }

.paging a:hover {font-weight: bold;}


 /* internal page, about page */   
.sitemap, .sitemap * { font-weight:bold; }
.sitemap a { color:#3d1200; font-weight:normal; }


/* catalogue */
div#content .product-info {clear:both;}

div#content .product-info .menu { background:url(images/gradiant_bg.png) repeat-y left #fffefe;padding: 12px 6px; margin-top: 25px }
div#content .product-info .menu ul { width: 706px; list-style: none outside none; margin: 0pt; padding: 0pt; text-align: right; }
div#content .product-info .menu ul li { width: 27%; background-image: url(images/tafrit_separator.gif); background-position: right 14px; background-repeat: no-repeat; height: 20px; display: inline-block; vertical-align: middle; line-height: 1.3em; float: right; margin: 0pt 3px; padding: 4px 10px; }

div#content .product-entry {display:inline; float:right; width:466px;}
div#content .product-img {float: left; display:inline;width: 227px; margin-top: 13px; height: 235px; margin-left: 15px;}

div#content .entry-header { margin-top: 30px; } 
div#content .entry-info { margin-top: 15px; } 
div#content .entry-description { margin-top: 15px; width:691px; } 

div#content .holder-details {margin:0 12px 0 12px;}
div#content .holder-rightdetails {float:right;display:inline; margin-right:12px;}
div#content .holder-leftdetails {float:left;display:inline; margin-left:12px;}


/* catalogue list */
    
#product {position:relative; text-align:center;background-color:#e9e3cd;padding:10px;margin:10px 4px;height:226px;width:212px;}
        
#product .product-picture {background-color:#fff;padding:4px;height:126px;width:172px;}
#product .product-picture-large {display:none;position:absolute;z-index:1000;right:0%;margin-left:42px;}
#product .product-search {height:24px;width:24px;padding:4px;height:126px;background-color:#fff}
#product .wrap-productinfo {height:72px;overflow:hidden;}
#product .productinfo-hebrewname {margin:0.3em 0;font-size:16px;color:#2e0f07}
#product .productinfo-englishname {margin:0.3em 0;font-size:16px;color:#2e0f07}


/* info box */
div#content .wrap-holderbox {margin: 12px;}
div#content .holderbox {}

div#content .holderbox .header {}
div#content .holderbox .header .left-corner { background: url('images/title_bg_left.gif') top left no-repeat; }
div#content .holderbox .header .right-corner { background: url('images/title_bg_right.gif') top right no-repeat; }
div#content .holderbox .header .title {background-color:#e9e3cd; clear: both; height: 29px; margin:0 9px; padding:3px;}

div#content .holderbox .content {}
div#content .holderbox .header .left-corner {}
div#content .holderbox .header .right-corner {}

div#content .holderbox .footer {}
div#content .holderbox .footer .left-corner { background: url('images/bg_content_left.gif') bottom left no-repeat; }
div#content .holderbox .footer .right-corner { background: url('images/bg_content_right.gif') bottom right no-repeat; }
div#content .holderbox .footer .title { font-size:8px; height: 12px; margin:0 10px; background-color: #fff;}

/* catalogue item */

#product { }
#product .wrap-panel {background-color:#e9e3cd;width:226px; height:220px}


#product .panel-content {}
#product .panel-content .holder-product-title {padding:4px 0; height:65px; overflow:hidden;}
#product .panel-content .hebrew-product {  }
#product .panel-content .english-product { }



/* catalogue category 
div#content .holder-subtitle {margin:0 12px; padding-bottom:13px; color:#791312;}
*/

div#content .category-description {margin:0 12px; padding-bottom:13px; color:#791312;}
div#content .catagory {margin:0 5px; padding-bottom: 20px;} 





/* catalogue item content */
div#content .wrap-details {margin:14px 0}
div#content .wrap-details .wrap-content {background-color:#fff;margin: 0px 12px; padding: 20px 12px;}      
div#content .wrap-details .wrap-header { height: 30px; padding: 4px 0px; margin-right: 12px; margin-left: 12px; }
div#content .wrap-details .wrap-title {padding: 5px 5px 0 0;bottom: auto;}
div#content .wrap-details .outer-header {background-color:#e9e3cd;height:34px;}
div#content .wrap-details .outer-content {background-color:#fff;padding-bottom:10px;}

div#content .wrap-details .outer-content .holder-pagelist {width: 526px; margin-right: 41px; margin-top: 18px;}


div#content .holder-links { margin:0 20px; padding:18px 0; }
div#content .holder-links ul { list-style:none;margin:0;padding:0;text-align:right;z-index:600; }
div#content .holder-links ul li { width:30%;background-image: url('/OfficeCofee/css/images/tafrit_separator.gif'); 
                            background-position: right; background-repeat: no-repeat; height: 20px;float: right; vertical-align: middle; line-height: 1.3em; padding: 4px 10px;}         
div#content .holder-links ul li a, 
div#content .holder-links ul li span a { color:#8f4d2f }         

div#content .holder-links ul li span {color: #3d1200; }


div#content .wrap-details .right ul { list-style:none;margin:0;padding:0;text-align:right;z-index:600; }
div#content .wrap-details .right ul li  
{
    width:28.5%;background: url(images/tafrit_separator.gif) right no-repeat; 
    height: 20px;float: right; vertical-align: middle; line-height: 1.3em; padding: 4px 10px;}         
div#content .wrap-details .right ul li a, 
div#content .wrap-details .right ul li span a { color:#8f4d2f }         
div#content .wrap-details .right ul li span {color: #3d1200; }

div#content .wrap-details .left ul { list-style:none;margin:0;padding:0;text-align:right;z-index:600; }
div#content .wrap-details .left ul li  
{
    width:44%;background: url(images/tafrit_separator.gif) right no-repeat; 
    height: 20px;float: right; vertical-align: middle; line-height: 1.3em; padding: 4px 10px;}         
div#content .wrap-details .left ul li a, 
div#content .wrap-details .left ul li span a { color:#8f4d2f }         
div#content .wrap-details .left ul li span {color: #3d1200; }

.column-right .holder-image { margin-top: 12px; }
.column-right .holder-header { margin-top: 15px; }
.column-right .holder-summary { margin-top: 25px;}
.column-right .holder-content { margin: 25px 0; }         
.holder-content ul { margin-right: 18px;}
          






         
/* customer services */         
div#content .wrap-tabs { margin: 12px 8px 0 12px; clear:both;height:117px;overflow:hidden; }
div#content .wrap-tabs .tab-item { display:inline;float:right;margin:0 4px; }
div#content .wrap-hr { margin:0 12px; height:20px;overflow:hidden;}
div#content .wrap-tabscontent {margin-left: 16px;height: 400px; background: url(images/bg_pic.jpg) no-repeat;}          

div#content  .wrap-infobox { clear: both; width: 554px; margin-right: 25px; padding-top: 16px }         
div#content  .info-section, 
div#content  .wrap-tabscontent .info-section-last { float: right; text-align: right; width: 30%; padding:0 4px; margin:0 4px}

div#content .wrap-content .info-section { background: url(images/seperator_dots.gif) repeat-y; }

div#content .info-section .holder-image,
div#content .info-section-last .holder-image { display:inline; }         

div#content .info-section .info-title,
div#content .info-section-last .info-title {margin-right:3px;vertical-align: super; font-weight: bold;}                    

div#content .info-section .info-content,
div#content .info-section-last .info-content { margin-top: 8px; margin-bottom: 11px; padding-right: 25px; }                    
                    
div#content .wrap-tabscontent .wrap-descp {position: relative; margin-top: 25px; margin-right: 25px; width: 554px; }


/* box */
.holder-pages-links .wrap-box {}
.wrap-box .wrap-headerbox { }
.wrap-headerbox .header-box { background-color: #e9e3cd; margin-right: 9px; padding-right: 0px; padding-left: 0px; margin-left: 9px; height: 34px; padding-top: 5px; }

.wrap-box .wrap-boxcontent { background-color:#fff; }
.content-box .box-columnright { float:right;width:526px; margin:0 19px 0 0; padding-bottom:17px; }
.content-box .box-columnleft {width:380px;float:left;}
.content-box .wrap-column { padding:17px;}
                            

.wrap-box .corner-bottomleft {background: url('images/bg_content_left.gif') 0 0 no-repeat;}
.wrap-box .corner-bottomright {background: url('images/bg_content_right.gif') 100% 0 no-repeat;}
.wrap-box .footer-box { background-color: #fff; margin:0 9px; height: 10px;margin-bottom: 12px;}

.wrap-box ul {list-style:none;text-align:right;z-index:600;}
.wrap-box ul li {height:100%;width:28%;background: url(images/tafrit_separator.gif) no-repeat right 13px;
                        float: right; vertical-align: middle; line-height: 1.3em; padding: 6px 10px;}
.wrap-box ul li, 
.wrap-box ul li a { font-family: arial;font-weight: bold;font-size:13px;color:#8f4d2f; }
.wrap-box ul li a { font-weight: normal;}


/* lead popup */

.popup-wrap { }
.popup-wrap #top {}
.popup-wrap div#top div.left-corner {background: url('/OfficeCofee/css/images/pop_title_left.png') top left no-repeat}
.popup-wrap div#top div.right-corner {background: url('/OfficeCofee/css/images/pop_title_corner_right.png') top right no-repeat;}
.popup-wrap div#top .popup-title
{
    font-size: 100%; 
    color: #dac27d; 
    padding: 8px 2px 6px 2px; 
    background: url('/OfficeCofee/css/images/pop_title_pixel.gif') repeat transparent; 
    margin-right: 10px; 
    margin-left: 22%;/*41%; */
}

.popup-wrap .header {padding:18px 12px 6px 12px; background-color:#6d3623; }

.popup-wrap .content-popup {background-color:#6d3623; }
.popup-wrap div#request {margin:0 12px; padding-top:9px }
 
.content-popup div#request .row { clear:both;height:20px; width:100%; padding-bottom: 6px;} /* see ie7 file */
.content-popup div#request .large {height:54px;}
.content-popup div#request .row .right {width:37%;} /* override */
.content-popup div#request .row .left {width:62%;} /* override */
.content-popup div#request .row .only {width:100%;} /* override */
.content-popup div#request .row .left .message { min-height:5px; overflow:hidden; width:100%;}

.content-popup div#message {display:none;margin:0 14px; padding:12px 0; } 
.content-popup div#message .wrap-message {background-color:#532419;text-align: center;}
.content-popup div#message .image-top {padding:22px 0;}
.content-popup div#message .title {padding-top:14px;margin-bottom: 16px; font-size: 34px; color: #dac27d}
.content-popup div#message .description {font-size: 18px; padding:14px;}

.popup-wrap .left-corner {background: url('/OfficeCofee/css/images/pop_hatzaa_bottom_left.gif') top left no-repeat}
.popup-wrap .right-corner {background: url('/OfficeCofee/css/images/pop_hatzaa_bottom_right.png') top right no-repeat;}

.error {color:#faeea7;}

.stepcarousel
{
    position: relative; /*leave this value alone*/
    overflow: scroll; /*leave this value alone*/
    width: 73.3%; /*270px; /*width of carousel viewer itself*/
    height: 277px; /*height should enough to fit largest content's height*/
    margin: 0 auto; /*50px;*/
}

.stepcarousel .belt
{
    position: absolute; /*leave this value alone*/
    height: 277px; /*height should enough to fit largest content's height*/
    left: 0;
    top: 0;
}

.stepcarousel .panel
{
    height: 277px; /*height should enough to fit largest content's height*/
    overflow: hidden; /*clip content that go outside dimensions of holding panel div*/
}



/** Our Customers **/
.content {display:block;}
.content .customer {display:block;float:right;margin:20px 10px;width:12%;}
.content .customer a {display:block;}
.content .customer a:hover {text-decoration:none;}
.content .customer a img {margin-left:11px; vertical-align:middle;}