/* Global Template (masterpages) */
@font-face { font-family:'AG Book Stencil'; src:url('ag_book_stencil.gif'); }
@font-face { font-family:'Gotham Medium'; src:url('Gotham-Medium.gif'); }

/* Main tags */
html { font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; height:100%;  }
body { background:#603813 url('/images/background6.jpg'); -webkit-background-size:1600px 2000px; padding:0; margin:0; font-size:1em; font-family:AG Book Stencil,Verdana;  height:100%; }
div { padding:0; margin:0; }
img { border:0; }
ul { border:0; margin:0; padding:0; list-style-type:none; display:block; }
li { float:left; border:0; margin:0; padding:0; }
h1, h2,h3, h4,h5,h6 { padding:0; margin:0; font-weight:normal; color:#44260C; }
h5 { color:red; font-size:1.5em; }
a { color:#603813; text-decoration:none; }
a:hover { text-decoration:underline; }
p,
label,
input,
table,
span,
textarea { color:#44260C; font-family:Gotham Medium,Verdana!important; }
p { color:#44260C; font-size:0.8em; line-height:20px; padding:0; margin:10px 0; text-align:justify; }
p.title { text-decoration:underline; font-size:0.9em; margin:15px 0; }
strong { font-weight:bold; }
.right { float:right; }
#container { width:960px; margin:0 auto; overflow:hidden; min-height:1100px; }

.content_block span.red { margin-left:0; font-size:1em; color:#603813; }
/* Menu Top */
#menu_top { height:68px; display:block; }
#menu_top ul { font-size:1.3em; height:68px; float:left; display:block; }
#menu_top li:not(.livingsocial) { width:110px; height:40px; padding:13px 10px 0; margin:5px 0; border-right:2px solid #AD9772; background:url(/images/arrow_down.png) no-repeat top; }
#menu_top li a { line-height:20px; text-align:center; display:block; }
#menu_top li.livingsocial a { padding:13px 10px 0 25px; display:block; float:left; }

/* Banner top  background:url(/images/top_banner.png) center; */
#banner_top { width:100%; font-size:0.9em; background-color:#D6DE23; display:block; color:#603813; height:60px; padding:5px 0 5px 0px; }
#banner_top ul { display:block; }
#banner_top li { line-height:60px; padding:0 10px; }
#banner_top li.companyname { font-size:2.6em; }
#banner_top li.companyname a:hover { text-decoration:none; }
#banner_top li.linkhome { padding:0 0 0 5px; }
#banner_top li.hamburger { display:none; }
#banner_top li.bigseparator { border-right:1px solid #603813; color:#D6DE23; margin-right:10px; }
#banner_top li.ordernow { background:url(/images/icon_order.gif) no-repeat left; padding-left:30px !important; font-family:Gotham Medium,Verdana!important; }
#logo { margin:5px; border:0; }
#messageright { float:left; font-size:0.9em !important; color:#603813; font-family:AG Book Stencil,Verdana !important; padding:33px 0 33px 0; display:block; }

/* Middle Home */
#middle_home { background:no-repeat center; height:367px; width:100%; }
#middle_home_sep { width:920px; margin:5px 0 5px 20px; background-image:url('/images/translucent.png'); padding-top:5px; }
#middle_home_sep h4 { padding-left:10px; }
#middle_home_sep p { line-height:20px; padding-right:10px; padding-left:10px; margin:0; padding-top:10px; }
#middle_home_sep span { font-weight:bold; font-size:1.5em; }
#midde_home_container {/*min-height required for rotator jump fix in Webkit*/ }

/* Middle Content page */
#middle_content { min-height:350px; padding:0 20px; margin:0 20px; background-image:url('/images/translucent.png'); position:relative; }
#middle_content h3 { font-size:1.3em; padding-top:40px; display:block; width:420px; border-bottom:1px solid; padding-bottom:5px; font-weight:normal; margin-bottom:2px; }
div.content_block { min-height:280px;  width:420px; margin-right:20px; padding-top:10px; }
div.content_block p { padding:5px 0; margin:0; font-size:0.8em; }
div.content_image { min-height:250px; text-align:center; float:right; margin-left:15px; }
#middle_content a { color:#F15208; font-size:1.1em; }
#middle_content ul { list-style:square; margin:10px 0; }
#middle_content li { color:#44260C; float:none; font-family:Gotham Medium,Verdana !important; font-size:0.8em; line-height:20px; margin-left:20px; padding-left:10px; }
.icontree { display:block; width:70px; height:82px; }

/* Menu Bottom */
#menu_bottom { width:calc(100% - 20px); font-size:1.6em; color:#D6D6D6; padding-left:20px; }
#menu_bottom > ul { width:calc(100% - 20px); }
#menu_bottom > ul > li { cursor:pointer; display:block; float:left; width:calc( (100%/4) - 6px/3) ; text-align:center; margin-right:2px; }
#menu_bottom > ul > li > a { color:#5F3713; text-decoration:underline; display:block; padding-top:10px; }
#menu_bottom ul li a:hover { color:#55560b; }

#menu_bottom ul .citrus { background:url('/images/citrus_color.png') repeat; }
#menu_bottom ul .stone { background:url('/images/stone_color.png') repeat;  }
#menu_bottom ul .apple { background:url('/images/apple_color.png') repeat; }
#menu_bottom ul .nashis { background:url('/images/nashi_color.png') repeat; }

#menu_bottom ul li ul { margin:5px 0 0 46px; clear:both; cursor:pointer; display:block; height:154px; }
#menu_bottom ul li ul li { float:none; color:#5F3713; font-size:0.7em; text-align:left; padding:0; list-style-type:circle; }
#menu_bottom .imgoffer { width:70px; border:0; margin:45px 0 0 3px; }
#menu_bottom ul li.offer ul { }

p.fruit-line { bottom:0; margin-bottom:5px; display:block; text-align:center; }

/* TESTIMONIAL SCROLLER BOTTOM */
div#scroller_bottom { background-color:#D6DE23; height:110px;	width:calc(100% - 40px); margin-left:20px; margin-top:2px;}
div.scroller { width:calc(100% - 80px); height:calc(100% - 30px); margin:10px 0 20px 0; float:left; position:relative; overflow:hidden; }
div.scroller_arrow { width:40px; height:100px; float:left; }
div.items { width:calc(100% * 10); position:absolute; height:100%;}
div.item { float:left; width:Calc(100%/10 - 20px) ; margin:0 10px; height:100%; }
div.item p { padding:0; margin:0; font-size:0.8em; font-weight:bold; line-height:15px;  }
div.scroller_arrow img { display:block; margin:42px 15px 42px 15px; cursor:pointer; }

/* Particular instances*/
p.leftadded { float:left; width:780px; }
img.candelicon { display:block; float:left; margin-top:-20px; width:35px; height:35px; }

/* bottom */
#bottom { width:100%; color:#603813; font-size:0.8em; display:block;  padding:0; margin:0; text-align:center; padding:15px 0 15px 0;  }

ul#specialsinfo { padding: 10px 0 10px 0; }
ul#specialsinfo li { display: block; float:none; margin-bottom:2px;}

/* Menu Bottom Small Width Devices */
@media only screen and (max-width:940px) {

	#menu_top { height:0px; width:100%; position:relative; }
	#menu_top ul { width:160px; font-size:1.2em; position:absolute; left:234px; right:auto; top:37px; z-index:100000; padding:5px; background-color:#F3EADB; -moz-opacity:0.8; filter:alpha(opacity:80); opacity:0.8; height:initial; display:none; }
	#menu_top li:not(.livingsocial)	 { width:160px; height:30px; padding:3px 0px 0; margin:0; border-right:none; background:none; float:none; }
	#menu_top li a { line-height:20px; text-align:left; display:block; }

	.menu-btn { cursor:pointer; }
	.menu-btn span { display:block; width:27px; height:4px; margin:4px 0; background:#603813; line-height:26px; }

	#banner_top { width:100%; font-size:0.8em; height:initial; padding-top:0; }
	#banner_top ul { display:block; }
	#banner_top li { line-height:0; padding:25px 0 10px 0; margin:0 5px 0 5px; }
	#banner_top li.companyname { font-size:1.6em; float:left; }
	#banner_top li.linkhome a { width:45px; display:block; }
	#banner_top li.ordernow { display:none; }
	#banner_top li.hamburger { padding:10px 0 0 0; margin:0 10px 0 10px; display:block; height:25px; }
	#banner_top li.bigseparator { border:none; }

	#middle_home_sep, #menu_bottom, #container { width:100%; }
	#middle_home_sep { margin:0; padding:10px 0 10px 0; }

	#menu_bottom { padding:0; width:100%; margin:0;}
	#menu_bottom > ul { display:block; padding:0; width:100% ; margin:0;}
	#menu_bottom > ul > li { margin:1px; }

	/* Content Page */
	#middle_content { width:100%; margin:0; padding:0;  }
	#middle_content h3 { width:100%; padding-top:15px }
	#middle_content p,	#middle_content font,#middle_content div { padding:0 5px 0 5px; }

	div.video { width:410px; height:254px; overflow:hidden!important; text-align:center; float:right; }
	.videowrap { width:350px; height:270px; }
	.videowrap { position:relative; padding-bottom:76% !Important; padding-top:25px !Important; height:0; overflow:hidden; width:100%; height:0;  }

	/* Order Form */
	div.content_block input.normal { width:150px; }
	#order_form tbody tr td:first-child + td + td select { width:232px; color:#5F3713; font-weight:bold; }
	div.content_block { width:100%; }

}

@media only screen and (max-width:860px) {
	#banner_top ul li.hamburger { float:right; }
	#menu_top ul { right:-170px; left:initial; }
	#banner_top ul li.linkhome { width:45px; display:none; }
	#menu_bottom { padding-left:0; }
	#menu_bottom > ul { width:100%; margin:0; }
	#menu_bottom > ul > li { margin:0; width:100%; text-align:center; padding:20px 0 20px 0; height:0; float:none; height:31px; }
	#menu_bottom > ul > li > a { color:#5F3713; text-decoration:underline; display:block; padding-top:0; }
	#menu_bottom > ul > li p, #menu_bottom > ul > li ul { display:none; }

	#middle_content .content_image, #middle_content .content_image img { float:none !important; margin-top:5px; padding:0; margin:0; width:100%; }

	.content_image img { width:calc(100% - 8px) !important; height:auto !important; }

	div#scroller_bottom { width:100%; margin-left:0; height:130px; }
	div.scroller { }
	div.item {  }

	.content_image iframe { position:absolute; top:0; left:0; width:100% !important; height:100% !important; }

	div.panelorder { overflow-x:scroll; }
	 
	div.content_block { width:calc(100% - 5px ); margin-right:5px; }
	div.field { width:calc(100% - 20px); }
   textarea { width:calc(100% - 5px ) !important; }
	#txtAdditionalInfo { width:calc(70% - 5px ) !important; }

	input.large, input.normal { width:calc(70% - 5px ) !important; }
	select.normal { width:60px !important; }
	label { width:calc(30% - 5px ) !important;  }
}

@media only screen and (max-width:600px) {
	div#scroller_bottom { width:100%; margin-left:0; height:150px; }
	div.actions input { margin-right:5px !important; }
}

@media only screen and (max-width:400px) {
	div#scroller_bottom { width:100%; margin-left:0; height:180px; }
	input.normal  { width:40px !important; }
 }
}

@media only screen and (max-width:312px) {
	#banner_top ul li.hamburger { float:left; left:initial;  }
	div#scroller_bottom { width:100%; margin-left:0; height:250px; }
}

/* Common styles */
li.last { border:0 !important; }
li.first { border:0 !important; }
.clear { clear:both; height:0; }

/* Forms */
label { font-weight:bold; width:240px; display:inline-block; margin:0; }
label.gift { width:222px; }
label.refsource { width:260px; margin-top:7px; }
input, select { margin:0; font-family:inherit; font-size:inherit; color:inherit; padding:0; }
input[type="text"],
input[type="submit"],
select, textarea { border:1px solid #231F20; }
input[type="checkbox"] { margin:5px 5px 0 0; border:0; }
input[type="radio"] { margin:0 3px 0 20px; }
input[type="submit"] { width:200px; }

div.field input[type="radio"] { margin:0 3px 0 0; }
label.delivery { margin-bottom:5px; }
div#confirm div.field label { width:300px; }

/* Contact Form */
div.content_block { margin-right:5px; }
div.content_block label { font-weight:bold; width:100%; margin:0; float:none; font-size:0.9em; margin-bottom:3px; }
div.content_block textarea { float:none; font-size:1em; padding:0; margin:0; }
div.content_block input.small { width:50px; }
div.content_block input.normal { width:300px; }
div.content_block input.large { width:400px; }
div.content_block div.field { vertical-align:top; display:block; margin:5px 0 10px 10px; }
div.content_block span { font-size:0.8em; margin-left:3px; display:inline; color:Black; }
div.content_block input[type="radio"] { padding:0; margin:0; }

/* Order Form */
.colorfulltop { color:#F15208 !important; font-size:1.1em !important; display:block; }
.colorfull { color:#F15208 !important; }

#order_form h6 { color:#F15208; padding:10px 0 0 0; font-size:1em; }
#order_form tfoot p a { color:#F15208; }

#order_form tbody tr td:first-child + td + td select { width:232px; color:#5F3713; font-weight:bold; }
#order_form tbody tr td:first-child + td + td select option:first-child + option { background-color:#C895B9; }
#order_form tbody tr td:first-child + td + td select option:first-child + option + option { background-color:#EEEA9A; }
#order_form tbody tr td:first-child + td + td select option:first-child + option + option + option { background-color:#5C9EB0; }
#order_form tbody tr td:first-child + td + td select option:first-child + option + option + option + option { background-color:#EE8F88; }
#order_form tbody tr td:first-child + td + td select option:first-child + option + option + option + option + option { background-color:#80BB74; }

.clickeable { cursor:pointer; padding-top:8px; }
div.panelorder {  width:100%; margin:0 auto; background:url('/images/translucent.png') repeat; }
div#confirm { display:none; }
div.order_panel { background-color:transparent; }
#payment_method { padding:20px 0 20px 0; }
span#titlePayment { display:inline; font-size:1em !important; }
#results { background-color:Red; color:White; display:none; margin-bottom:10px; font-family:Gotham Medium,Verdana; padding:5px; text-align:center; }
.message { padding:10px; color:#613915; min-height:40px; }
.messagePayments { padding:10px; color:#613915; min-height:300px; }
hr.line { border:0; border-bottom:1px solid #44260C; margin-right:10px; }

fieldset { margin:0; border:0; width:100%; display:block; font-size:0.85em; font-weight:bold;margin-top:5px; }
fieldset span { text-indent:0; }
fieldset legend { margin:0; height:24px; display:block; padding:12px 0 6px 0; text-indent:53px; width:100%; font-weight:bold; background-color:#D6DE23; color:#613915; }
fieldset p { font-weight:normal; }
fieldset legend > a { padding:0; float:left; }
fieldset legend img { vertical-align:middle; }

a.printlink { font-family:Gotham Medium,Verdana!important; font-weight:bold; font-size:1em; text-indent:0; }
a.printlink img { margin-right:5px; border:0; vertical-align:middle; }
div.field span img.gift { border:0; vertical-align:middle; height:60px; width:60px; margin-left:10px; }
.groupIcons img.gift { height:32px; width:32px; margin-right:5px; border:0; }
a#gifttop { text-indent:0; }
fieldset legend a#orderlegend { line-height:40px; }
span.groupIcons { float:right; width:250px; margin-top:3px; }

legend#main_title { background:#D6DE23 url('/images/icon_order.gif') no-repeat 20px; height:40px; padding:0; font-size:0.9em;  }
span#specials-text { width:480px; display:block; float:left; margin-left:40px; padding:23px 0 0 0; font-size:1em !important; }
img.ballicon { float:left; margin-top:-20px; }
span.leftadded { display:block; float:left; width:380px; }
span#specials-text a { text-decoration:underline; }
legend#main_title a.printlink { line-height:35px; }
fieldset legend#leg_delivery { background:#D6DE23 url('/images/icon_delivery.gif') no-repeat 20px; }
fieldset legend#leg_billing { background:#D6DE23 url('/images/icon_billing.gif') no-repeat 20px; }
fieldset legend#leg_payment { background:#D6DE23 url('/images/icon_payment.gif') no-repeat 20px; }
fieldset, table { padding:5px 0 5px 0; }
div.insidefieldset { padding-left:10px; padding-top:10px; }
div.insidefieldset div.field { margin-bottom:2px; }
div.insidefieldset span { line-height:20px; }
div.insidefieldset div.fieldinline { float:left; }

input.small { width:50px; }
input.normal { width:100px; }
input.large { width:400px; }

select.small { width:60px; }
select.normal { width:100px; }
select.selectfruits { width:120px; }

#tbxBearerName { background-color:#EFEFEF; }
#paymentConfirm p { font-size:1em; padding-right:20px; }

table { border-collapse:collapse; width:100%; border:0; }
col.collarge { width:250px; }
col.colsmall { width:50px; }
col.colmedium { width:100px; }
tr { border-top:1px solid white; }
th,
tfoot td.tdtotals { font-weight:bold; text-align:left; height:60px; }
/*th.right { text-align:right; }*/
td { padding:4px; margin:0; text-align:left; vertical-align:top; }
td.tdadditem { text-align:left; padding-right:10px; }
td.tdadditem p { font-size:1em; }
td.tdadditem .field { margin-top:5px; background-color:#D6DE23; padding:5px; margin-bottom:5px; }

tr.orderitems .clickeable { color:red; }

tfoot tr td { border-bottom:1px solid white; border-left:1px solid white; }
th { font-weight:bold; height:25px; padding:3px; border-right:1px solid white; }
div.actions { margin:0 0 10px 0; padding:15px 0; border:0; width:100%; text-align:center; background-color:#D6DE23; }
div.actions input[type="button"] { background-color:#D6DE23 !important; padding:2px 0 4px 0; border:0 !important; color:#613915; margin-right:40px; font-weight:bold; cursor:pointer; }
div.terms { text-align:left;  font-size:0.9em; font-weight:bold;color:#44260C; padding:5px 40px 15px 20px; }
input.ok { background:url('/images/icon_ok.gif') no-repeat; text-indent:30px; }
input.cancel { background:url('/images/icon_cancel.gif') no-repeat; text-indent:30px; }
p.note { font-size:1em; width:600px; }
p.bold { font-weight:bold; }
 
.clearfix:before,
.clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
.clearfix { *zoom:1; }