@charset "utf-8";
/* CSS Document */
/*yui-2.3.1*/
/*reset.css*/body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-size:13px;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*fonts.css*/body{font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}

/*base.css*/
.clrfix{zoom:1;}
.clrfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clr{clear: both;}
em { font-weight: bold; }
a, a:link, a:visited { color: #111385; outline: 0; }
.price, .red { color: #fe0e0d; }
.hidden { display: none; }
.no_margin { margin: 0 !important; }
.hidden { visibility: hidden; }


/* header */
#header { background-color: #fff; margin: 0 auto; max-width: 1200px; min-width: 768px; position: relative; padding: 0 20px; clear: both; }
.logo { width: 24%; min-width: 220px; float: left; display: inline; padding-top: 28px; }
.logo a#logo { display: block; background: url(../imgs/fsd_lc_sprite_9.png) no-repeat; background-position: 0 -1252px; width: 220px; height: 47px; text-indent: -99999px; }
.search { width: 40%; min-width: 460px; float: left; margin: 0 auto; }
.utility { width: 30%; min-width: 343px; float: right; }

#searchf { width: 460px; margin: 28px auto 0; }
#search_box { background: url(../imgs/fsd_lc_sprite_9.png) no-repeat; background-position: -646px 0; width: 359px; height: 47px; border: none; float: left; color: #666; font-size: 18px; padding-left: 50px; }
button[title='GO'] { background: url(../imgs/fsd_lc_sprite_9.png) no-repeat; background-position: -646px -97px; width: 51px; height: 47px; border: none; cursor: pointer; }

.utility_content { background: url(../imgs/utility_bg_opt.png) no-repeat; width: 184px; height: 60px; float: right; font-size: 14px; position: relative; text-align: right; padding: 8px; }
.utility_content.logged_out { text-align: center; padding-top: 12px; }
.utility_content em { font-weight: bold; }
.utility_content a { display: block; clear: both; }
.utility_content.logged_out a { display: inline; clear: none; } 
.utility_content a.order_status {  font-size: 11px; position: absolute; bottom: 8px; right: 50px; }

.gnav { width: 100%; height: 104px; clear: both; background: url(../imgs/fsd_lc_sprite_9.png) 0 -3203px repeat-x #E5E7DA; }
.gnav ul { margin: 0 auto; max-width: 1200px; min-width: 768px; }
.gnav ul li {float: left; background: url(../imgs/fsd_lc_sprite_9.png) repeat-x; background-position: 0 -1349px; width: 596px; height: 104px; cursor: pointer; }
.gnav ul li a { height: 104px; overflow: hidden; display: block; color: #666; font-weight: bold; text-decoration: none; margin: 45px auto 0; text-indent: -2000px; }
#bf { width: 7%; }
#ps { width: 8%; }
#js { width: 10%; }
#ks { width: 10%; }
#drs { width: 13%; }
#bs { width: 9%; }
#tps { width: 14%; }
#rf { width: 11%; }
#sf { width: 11%; }
#ct { width: 7%; text-align: right; background: none; }
#bf a { background: url(../imgs/fsd_lc_sprite_9.png) no-repeat; background-position: 0 -362px; width: 42px; height: 35px; }
#ps a { background: url(../imgs/fsd_lc_sprite_9.png) no-repeat; background-position: 0 -1657px; width: 60px; height: 35px; }
#js a { background: url(../imgs/fsd_lc_sprite_9.png) no-repeat; background-position: 0 -856px; width: 66px; height: 35px; }
#ks a { background: url(../imgs/fsd_lc_sprite_9.png) no-repeat; background-position: 0 -1026px; width: 58px; height: 35px; }
#drs a { background: url(../imgs/fsd_lc_sprite_9.png) no-repeat; background-position: 0 -532px; width: 87px; height: 35px; }
#bs a { background: url(../imgs/fsd_lc_sprite_9.png) no-repeat; background-position: 0 0; width: 58px; height: 35px; }
#tps a { background: url(../imgs/fsd_lc_sprite_9.png) no-repeat; background-position: -646px -364px; width: 95px; height: 35px; }
#rf a { background: url(../imgs/fsd_lc_sprite_9.png) no-repeat; background-position: 0 -1827px;width: 77px; height: 35px; }
#sf a { background: url(../imgs/fsd_lc_sprite_9.png) no-repeat; background-position: -646px -194px; width: 62px; height: 35px; }
#ct a { width: 80px; height: 104px; display: block; float: right; margin: 0; padding: 50px 0 0; color: #fff; font-size: 18px; font-weight: bold; text-align: center; text-indent: 0; background: url(../imgs/fsd_lc_sprite_9.png) no-repeat; background-position: 0 -702px; }
#bf:hover a, #bf.on a { background-position: 0 -447px; }
#ps:hover a, #ps.on a { background-position: 0 -1742px; }
#js:hover a, #js.on a { background-position: 0 -941px; }
#ks:hover a, #ks.on a { background-position: 0 -1111px; }
#drs:hover a, #drs.on a { background-position: 0 -617px; }
#bs:hover a, #bs.on a { background-position: 0 -85px; }
#tps:hover a, #tps.on a { background-position: -646px -449px; }
#rf:hover a, #rf.on a { background-position: 0 -1912px; }
#sf:hover a, #sf.on a { background-position: -646px -279px; }
.gnav li:hover, .gnav li.on, #ct.on { background: url(../imgs/fsd_lc_sprite_9.png) 0 -1503px repeat-x; }


/* content area */
#content_wrapper {  background-color: #e5e7da; width: 100%; }
#content { margin: 0 auto; max-width: 1200px; min-width: 768px; text-align: center; padding: 40px 20px; position: relative; }
#content.home { padding-top: 0; }


/* footer */
#footer_wrapper { background: url(../imgs/shadow.png) repeat-x #fff; width: 100%; height: 200px; }
#footer { margin: 0 auto; max-width: 1200px; min-width: 768px; line-height: 1.5em; color: #666; position: relative; }
#footer a { text-decoration: none; color: #666; }
#footer .bbb a { color: #111385; }
#footer p { color: #111385; font-size: 16px; font-weight: bold; margin-bottom: 5px; height: 30px; padding: 5px 0; }
#footer .f_call p { background: url(../imgs/fsd_lc_sprite_9.png) 0 -2044px no-repeat; text-indent: 40px; font-size: 24px; }
.f_info { float: left; width: 30%; padding: 40px 0; }
#footer .f_info p {  padding-left: 20px; }
.f_info ul { list-style-image: url(../imgs/li_arrow.gif); padding-left: 20px; }
.f_info ul li { list-style: inherit; list-style-position: inside; }
.f_info ul li a { font-size: 14px; }
.f_touch { float: left; width: 17%; padding: 40px 0; }
.f_call { float: left; width: 53%; }
.call_info {float: left; padding: 40px 0; }
.bbb { background: url(../imgs/shadow.png) repeat-x #e7e8ea; width: 160px; height: 110px; margin: 0; text-align: center; padding: 40px 0; position: absolute; top: 0; right: 20px; }
.bbb em { clear: both; display: block; margin: 10px 0; width: 160px; background: url(../imgs/fsd_lc_sprite_9.png) 11px -170px no-repeat; padding-top: 57px; }

/* home */
.h_main { float: left; position: relative; padding-right: 320px; height: 341px; border-bottom: solid 1px #9e9ea0; margin: 20px 0; }
.home h1 { font-family: 'Varela', sans-serif; font-size: 48px; color: #111385; text-align: left; padding-top: 10px; }
.home h2 { font-family: 'Roboto', cursive; font-size: 24px; color: #86c71e; }
.home p.blurb { text-align: left; padding: 15px 0; }
.home .help_promo { width: 300px; height: 321px; background: url(../imgs/help_promo_bg.png); position: absolute; top: 0; right:0; text-align: center; }
.home .help_promo h4, .home .help_promo h5 { font-family: 'Varela', sans-serif; font-size: 22px; color: #363636; padding: 15px 0 5px; }
.home .help_promo h5 { font-size: 36px; color: #111385; padding: 5px 0 185px; }
.blue_icon { background: url(../imgs/li_blue.png) 0 0 no-repeat; padding-left: 20px; }
.home .help_promo .blue_icon { padding-right: 15px; }
.home .green_filter { float: left; }
.home .green_filter li > a strong { color: #111385; display: block; clear: right; }
.home .green_filter li > a i { color: #666; }
.home .green_filter li > a em { color: #fe0e0d; float: right; }
.home .small_promo { background: url(../imgs/home_promo_1_top.png) 0 0 no-repeat #ccc; width: 260px; height: 190px; float: right; border-radius: 10px 10px; margin: 0 0 20px 20px; padding: 130px 20px 20px; text-align: left; color: #363636; position: relative; }
.home .home_specials { min-width: 940px; }
.home .home_promos { width: 640px; float: right; }
.home .small_promo a { position: absolute; bottom: 15px; right: 15px; }
.home .small_promo.home_2 { background-image: url(../imgs/home_promo_2_top.png); }
.home .small_promo.home_3 { background-image: url(../imgs/home_promo_3_top.png); }
.home .small_promo.home_4 { background-image: url(../imgs/home_promo_4_top.png); }
.home .small_promo h6 { font-family: 'Varela', sans-serif; font-size: 22px; color: #363636; padding: 0 0 5px; }

.gnav.home { background-color: #fff; }
		

/* layout */
.l_side { float: left; width: 300px; }
.r_body { float: left; margin-left: 20px; position: relative; }
.checkout .r_body { margin-left: 0; }
ul.m_body { width: 100%; border: 1px solid #9e9ea0; text-align: left; }
ul.m_body h3 { float: left; font-size: 18px; color: #363636; font-weight: normal; }
ul.m_body li.head { background: url(../imgs/s_head_bg.png) bottom repeat-x; height: 22px; padding: 9px 20px; }
ul.m_body li.head.bottom { border-top: 1px solid #9e9ea0; }


ul.m_body.sm_bottom li.head.bottom { height: 10px; }

/* main green (specials) */
ul.m_body.green { margin-bottom: 20px; border-bottom-left-radius: 8px 8px; border-bottom-right-radius: 8px 8px; }
ul.m_body.green h3 { color: #fff; }
ul.m_body.green li.head { background: #86c71e; }
ul.m_body.green li.bottom { border-bottom-left-radius: 8px 8px; border-bottom-right-radius: 8px 8px; }

/* main white (spp) */
ul.m_body.white { margin-bottom: 20px; border-bottom-left-radius: 8px 8px; border-bottom-right-radius: 8px 8px; border-top-left-radius: 8px 8px; border-top-right-radius: 8px 8px; background: #fff; }
ul.m_body.white .result { background-color: transparent; }
ul.m_body.white li.head { border-top-left-radius: 8px 8px; border-top-right-radius: 8px 8px; }

/* promos */
.b_promo { width: 100%; height: 166px; position: relative; }
.b_promo .l_s { background: url(../imgs/promo_white_bg.png) left no-repeat; width: 50%; height: 166px; float: left; }
.b_promo .r_s { background: url(../imgs/promo_pic_bg.png) right no-repeat; width: 50%; height: 166px; float: right; }
.b_promo.class_1 .r_s { background-image: url(../imgs/promo_pic_bg_spices.png); }
.b_promo.class_2 .r_s { background-image: url(../imgs/promo_pic_bg_lady.png); }
.b_promo.class_3 .r_s { background-image: url(../imgs/promo_pic_bg_janitor.png); }
.b_promo.class_4 .r_s { background-image: url(../imgs/promo_pic_bg_chef.png); }
.b_promo.class_5 .r_s { background-image: url(../imgs/promo_pic_bg_dining.png); }
.b_promo.class_6 .r_s { background-image: url(../imgs/promo_pic_bg_bar.png); }
.b_promo.class_7 .r_s { background-image: url(../imgs/promo_pic_bg_pizza.png); }
.b_promo.class_8 .r_s { background-image: url(../imgs/promo_pic_bg_stools.png); }
.b_promo.class_9 .r_s { background-image: url(../imgs/promo_pic_bg_eggrolls.png); }
.b_promo .p_content { position: absolute; top: 0; left: 0; width: 600px; height: 166px; padding: 20px; }
.b_promo .p_content h1 { font-family: 'Varela', sans-serif; font-size: 48px; color: #111385; }
.b_promo .p_content h2 { font-family: 'Gloria Hallelujah', cursive; font-size: 24px; color: #86c71e; }

p.blurb { width: 100%; color: #363636; font-size: 16px; padding: 30px 0; text-align: left; line-height: 1.6em; }

.h_promo { width: 100%; height: 166px; position: relative; }
.h_promo .l_s { background: url(../imgs/home_promo_bg_left.png) left no-repeat; width: 50%; height: 278px; float: left; }
.h_promo .r_s { background: url(../imgs/home_promo_bg_right_3.png) right no-repeat; width: 50%; height: 278px; float: right; }
.h_promo .p_content { position: absolute; top: 0; left: 0; width: 680px; height: 238px; padding: 20px; }
.h_promo .p_content img.promo_item { float: left; padding: 0 20px; }
.h_promo .p_content h3 { text-align: left; padding-bottom: 20px; height: 100px; overflow: auto; }
.h_promo .p_content a { position: absolute; bottom: 30px; right: 0; }

/* green filters */
.green_filter { clear: right; text-align: left; position: relative;  max-width: 300px; background: url(../imgs/grey_bottom_left_bg.png) left bottom no-repeat; padding-bottom: 4px; margin-bottom: 20px; }
.green_filter h3 { color: #fff; font-size: 18px; background: url(../imgs/green_hd_bg_left.png) no-repeat; height: 32px; padding: 6px 20px 0; }
.green_filter h3 a { color: #fff; font-size: 18px; text-decoration: none; }
.green_filter a.clear { color: #fff; font-size: 11px; position: absolute; top: 0; right: 0; background: url(../imgs/green_hd_right.png) right no-repeat; height: 38px; padding: 0 20px; line-height: 3em; }
.green_filter ul { background: #fff url(../imgs/grey_left.png) repeat-y; margin-bottom: 5px; padding: 10px 0; border-right: 1px solid #9e9ea0; }
.green_filter li { margin-left: 20px; color: #363636; font-size: 18px; }
.green_filter li > a, .green_filter li.q_author { color: #666; font-size: 14px; text-decoration: none; border-bottom: 1px dotted #666; display: block; margin-right: 20px; padding: 6px 0; }
.green_filter li.last > a { border-bottom: none; }
.green_filter li > a:hover, .green_filter li.active > a { background-color: #9e9ea0; color: #fff; padding: 6px 12px; }
.home .green_filter li > a:hover, .home .green_filter li.active > a { background-color: yellow; color: #666; padding: 6px 0px; }
.green_filter li.last a { border-bottom: none; }
.green_filter .g_b_c { background: url(../imgs/grey_bottom_right.png) left bottom no-repeat; width: 8px; height: 9px; position: absolute; bottom: 0; right: 0; }

.green_filter.light h3 { background: url(../imgs/light_hd_bg_left.png) no-repeat; height: 38px; color: #363636; font-size: 22px; padding: 8px 10px 0 37px; }
.green_filter.light h3 a { color: inherit; text-decoration: none; }
.green_filter.light a.clear { background: url(../imgs/light_hd_right.png) right no-repeat; height: 46px; padding: 0 20px; }
.green_filter.light li > a { color: #111385; background: url(../imgs/fsd_lc_sprite_9.png) 0 -2885px no-repeat; padding: 6px 12px; }
.green_filter.light li.cat > a { background: url(../imgs/fsd_lc_sprite_9.png) 0 -2885px no-repeat; }
.green_filter.light li.subcat > a { background: url(../imgs/fsd_lc_sprite_9.png) 12px -2885px no-repeat; padding: 6px 12px 6px 24px; }
.green_filter.light li.names > a { background: url(../imgs/fsd_lc_sprite_9.png) 24px -2885px no-repeat; padding: 6px 12px 6px 36px; }
.green_filter.light li.ancestor > a { background: url(../imgs/fsd_lc_sprite_9.png) 0 -1183px no-repeat; }
.green_filter.light li.subcat.ancestor > a { background-position: 12px -1183px; }
.green_filter.light li.names.ancestor > a { background-position: 24px -1183px; }
.green_filter.light li:hover > a { background: #ccc; }
.green_filter.light li.selected { background: #9e9ea0; color: #fff; font-size: 14px; margin-right: 20px; padding: 5px; } 
.green_filter.light li.selected.subcat { padding-left: 12px; }
.green_filter.light li.selected.names { padding-left: 24px; }
.green_filter.light li.selected.product { padding-left: 36px; }

li.spacer { height: 14px; background: url(../imgs/spacer_bg.png) repeat-x; border-top: 1px solid #9e9ea0; border-bottom: 1px solid #9e9ea0; border-left: 1px solid #9e9ea0; padding: 0; margin: 20px 0; }
li.spacer.no_margin { border-top: none; }

li.quote { font-style: italic; font-size: 16px; padding: 20px 10px 20px 0; }

/* cart overlay */
#cart_overlay { border: 1px solid #303030; width: 300px; position: absolute; top: -10px; right: 0; border-top: 3px solid #303030; color: #666; z-index: 2; }
ul.cart li.head { background: url(../imgs/cart_head_bg.png) bottom repeat-x; height: 96px; padding: 15px 20px 20px; }
#cart_overlay h4 { width: 50%; float: left; text-align: left; color: #363636; font-size: 24px; }
#cart_overlay .c_price { width: 50%; float: left; text-align: right; }
.g_price { color: #86c71e; font-size: 30px; line-height: 25px; margin-top: 5px; }
#cart_overlay .c_info { width: 70px; float: left; text-align: left; margin-top: 13px; }
a.checkout { display: block; width: 186px; height: 40px; background: url(../imgs/btn_checkout.png) no-repeat; text-indent: -3000px; float: right; margin-top: 10px; }
li.item { background-color: #fff; position: relative; height: 120px; border-top: 1px solid #303030; margin-left: 0; }
li.item p.i_body { padding-left: 100px; text-align: left; font-size: 11px; height: 100px; }
li.item .i_title { font-size: 12px; display: block; width: 95%; padding: 10px 0; font-weight: bold; }
li.item .prod_id, ul.cart li.item .prod_desc { display: block; width: 100%; }
li.item .prod_desc, ul.cart li.item .i_total { font-size: 11px; font-weight: bold; }
li.item .pimg { width: 75px; height: 75px; position: absolute; top: 10px; left: 10px; }
li.item .b_info { background-color: #e7e8ea; height: 15px; width: 260px; text-align: left; font-size: 11px; padding: 3px 20px; }
li.item .i_total, ul.cart li.item .b_info a { float: right; padding-left: 10px; }
li.more { background: url(../imgs/s_head_bg.png) repeat-x; height: 29px; padding: 12px 20px 0; border-top: 2px solid #303030; text-align: left; color: #363636; font-size: 11px; }
li.more a { float: right; font-weight: bold; }
li.empty { text-align: center; background: #fff url(../imgs/s_head_bg.png) bottom repeat-x; height: 40px; padding: 10px; }
li.empty h3 { font-weight: bold; font-size: 14px; padding-bottom: 5px; }
li.empty a { float: none; display: inline; }


.green_filter.light li.item { border-top: none; border-bottom: 1px solid #9e9ea0; border-left: 1px solid #9e9ea0; height: 115px; }
.green_filter.light li.item a.pimg { border-bottom: none; padding: 0; top: 20px; }
.green_filter.light li.item .i_title { padding: 20px 0 10px; }
.green_filter li.q_author { border-top: 1px dotted #666; font-size: 11px; }

/* search */
h2, .r_body h1 { font-size: 24px; color: #363636; margin-bottom: 10px; text-align: left; }
.res_nums { float: right; color: #666; font-size: 11px; padding: 3px 15px; }
ul.m_body li.head a { display: block; float: right; font-size: 11px; color: #111385; font-weight: bold; padding: 3px 0; }
ul.m_body li.head a.more { padding-left: 10px; }
.result { font-size: 10px; width: 100%; background-color: #fff; border-top: 1px solid #9e9ea0; position: relative; height: 120px; }
.result.odd { background-color: #f9f9f9; }
.result a.pimg { position: absolute; top: 10px; left: 10px; }
.result p { display: block; margin-left: 120px; color: #666; font-size: 11px; padding-top: 10px; }
.result p.hidden { display: none; }
.result p a{ font-weight: bold; }
.result p a.result_title { font-size: 14px; display: block; width: 100%; }
.result p .class_link { float: right; padding-right: 20px; line-height: 3em; }
.result p .stock { clear: left; display: block; float: left; width: 50%; }
.result p .price { font-size: 24px; }
.result p .prod_id { float: left; width: 33%; clear: left; padding-top: 10px; }
.result p .ships { float: left; width: 33%; text-align: center; color: #fe0e0d; font-weight: bold; padding-top: 10px; }
.result p .manu { float: right; clear: right; text-align: right; font-weight: bold; padding: 10px 20px 0 0; }

/* product */
img.spp { border: solid 1px #9E9EA0; float: left; width: 220px; height: 220px; margin: 0 20px 0 0; }
a.spp_larger { position: absolute; top: 185px; left: 185px; }
.prod_info { text-align: left; color: #666; }
.prod_info h4 { color: #666; font-size: 16px; margin-bottom: 20px; }
.prod_detail { width: 100%; font-size: 14px; margin-bottom: 20px; }
.prod_detail p { padding-bottom: 10px; }
.prod_detail .p_l { width: 30%; border-right: solid 1px #666; float: left; margin-right: 20px; }
.prod_detail .p_r { text-align: right; }
.prod_info .ships { color: #fe0e0d; font-weight: bold; float: left; }
.prod_info .price { color: #fe0e0d; font-size: 24px; text-align: right; float: right; }
.prod_info form { display: block; font-size: 18px; clear: right; float: right; margin-bottom: 20px; }
.prod_info form input[type="text"] { color: #666; padding: 3px; width: 30px; }
.prod_info form input[type="image"] { margin: 20px 0 -12px 20px; color: #666; font-size: 12px; }
.special_order { background: url(../imgs/spp_special_order.gif) no-repeat; text-indent: -9999px; width: 150px; height: 29px; float: right; }
.ships_frozen { background: url(../imgs/spp_ships_frozen.gif) no-repeat; text-indent: -9999px; width: 170px; height: 29px; float: right; }
.food_item { background: url(../imgs/spp_food_item.gif) no-repeat; text-indent: -9999px; width: 138px; height: 29px; float: right; }
.free_ship { height: 29px; float: right; color: #fe0e0d; padding: 5px 15px; font-weight: bold; }
.free_ship b { font-size: 18px; }
.spp.result { padding: 20px; width: auto; height: auto; }
.spp.result h5 { float: left; font-size: 18px; color: #363636; }
.spp.result p { color: #000; margin: 0; font-size: 14px; float: none; line-height: 1.5em; }
.manu_info { float: right; width: 160px; text-align: right; color: #666; font-size: 14px; margin-bottom: 20px; line-height: 1.5em; }
.manu_info a { clear: both; color: #666; text-align: center; font-size: 11px; font-weight: bold; display: block; margin: 10px 0 10px 40px; width: 102px; text-decoration: none; line-height: 1.2em; }
.manu_info a img { border: solid 1px #9e9ea0; width: 100px; height: 100px; clear: both; }
.spp.result hr { display: block; clear: left; margin: -0.66em 0; visibility: hidden; }

#preview{ position:absolute; border:1px solid #ccc; background:#333; padding:5px; display:none; color:#fff; }

ul.also_bought, ul.hot_products { width: 50%; float: left; }
ul.also_bought h4, ul.hot_products h4, .commitment h4 { text-align: left; padding: 10px; font-size: 22px; }
ul.also_bought li, ul.hot_products li { background-color: #e1e5cb; height: auto; color: #666; }
ul.also_bought li { margin-right: 10px; }
ul.hot_products li { margin-left: 10px; }
ul.also_bought li .pimg, ul.hot_products li .pimg{ bottom: 14px; top: inherit; }
ul.also_bought li.top, ul.hot_products li.top { border-top-left-radius: 8px 8px; border-top-right-radius: 8px 8px; border-top: none; }
ul.also_bought li.bottom, ul.hot_products li.bottom { border-bottom-left-radius: 8px 8px; border-bottom-right-radius: 8px 8px; border-top: solid 1px #9e9ea0; }
.commitment { text-align: left; border: solid 1px #ccc; border-top-left-radius: 8px 8px; border-top-right-radius: 8px 8px;  border-bottom-left-radius: 8px 8px; 
	border-bottom-right-radius: 8px 8px; background-color: #e1e1e1; margin: 20px 0; color: #666; float: left; }
.commitment p { padding: 0 10px 10px; }

ul.m_body li.head.options { height: inherit; padding: 20px 20px 0 0; }
ul.m_body li.head.options h4 { padding-left: 20px; font-size: 18px; color: #363636; }
ul.m_body li.head.options .option { height: 80px; width: 170px; float: left; border: solid 1px #666; background-color: #fff; margin: 20px 0px 0px 20px; text-align: center; color: #666; padding: 10px 5px; position: relative;
	cursor: pointer; }
ul.m_body li.head.options .option_price { color: #fe0e0d; font-size: 18px; position: absolute; bottom: 10px; left: 0; width: 180px; }
ul.m_body li.head.options .option.selected { border: solid 3px #55820c; background: url(../imgs/option_selected.gif) center bottom no-repeat #86c71e; color: #fff; width: 166px; height: 76px; }
ul.m_body li.head.options .option.mouse { border: solid 3px #55820c; background-color: #fff; width: 166px; height: 76px; padding: 10px 5px; }
ul.m_body li.head.options .option.selected .option_price { color: #fff; }
ul.m_body li.head.options .option.nis_0,
ul.m_body li.head.options .option.selected.nis_0,
ul.m_body li.head.options .option.mouse.nis_0 { border-style: dotted; border-color: #900; }
ul.m_body li.head.options .option p.temp_out_stock { color: #900; }

.image_options { width: 100px; height: 140px; float: left; text-align: center; }

/* new checkout */
/* .checkout .r_body .result p { margin: 0; }
.checkout .r_body .result a.pimg { position: relative; } */
.checkout .r_body .c_1 { width: 43%; float: left; }
.checkout .r_body .c_2 { width: 16%; float: left; text-align: center; }
.checkout .r_body .c_3 { width: 10%; float: left; text-align: center; }
.checkout .r_body .c_4 { width: 12%; float: left; text-align: center; }
.checkout .r_body .c_5 { width: 18%; float: left; text-align: right; }


.checkout .r_body .result { border: none; }
.checkout .r_body .result.first { border-top: 1px solid #9E9EA0; }
.checkout .r_body .result p { line-height: 1.8em; }
.checkout .r_body .result p a { padding-bottom: 5px; }
.checkout .r_body .result p .price { color: #666; font-weight: bold; font-size: 18px; }
.checkout .r_body .avail { padding: 40px 0 0; font-weight: bold; font-size: 14px; color: #FE0E0D; }
.checkout .r_body .result form { padding: 45px 0 0; }
.checkout .r_body .result input[type="text"] { width: 30px; text-align: center; padding: 2px; font-size: 12px; border: solid 1px #ccc; }
.checkout .r_body .weight { padding: 46px 0 0; font-weight: bold; font-size: 14px; color: #666; }
.checkout .r_body .price { padding: 40px 0 0; font-size: 24px; color: #FE0E0D; }

.empty_cart { text-align: center; }
.empty_cart h5 { font-size: 36px; padding-top: 20px; }
.empty_cart p { font-size: 14px; margin: 0; }

.checkout .r_body .sub_total { background-color: #fff; border-top: 1px solid #9E9EA0; height: 60px; }
.checkout .r_body h4 { font-family: 'Varela', sans-serif; font-size: 18px; color: #363636; padding: 17px; }
.checkout .r_body .c_123 { height: 60px; width: 69%; float: left; text-align: right; }
.checkout .r_body .sub_total .c_4 { height: 60px; background-color: #f4fce7; }
.checkout .r_body .sub_total .c_4.error { background-color: #ffe1e1; position: relative; }
.checkout .r_body .sub_total .c_4.error input { border: solid 1px #f00; }
/*.err { display: none; }*/
.checkout .r_body .sub_total .c_4.error .err { background: url(../imgs/error.png) no-repeat 0 0 #ffe1e1; display: block; width: 24px; height: 24px; position: absolute; right: 5px; bottom: 20px; }
.checkout .r_body .sub_total .c_4.valid { background-color: #F4FCE7; }
.checkout .r_body .sub_total .c_4.valid input { border: solid 1px #6AB412; }
#tooltip { position: absolute; z-index: 3000; border: 2px solid #f00; background-color: #ffe1e1; padding: 5px; opacity: 1; color: #f00; }
#tooltip h3, #tooltip div { margin: 0; }
.checkout .r_body .sub_total .weight { padding: 20px 0 0; }
.checkout .r_body .sub_total .c_5 { font-size: 30px; color: #86c71e; line-height: 1.9em; }
.checkout .r_body .sub_total #ship_zip { width: 60px; margin: 20px 10px 0; }
.checkout .r_body .sub_ship { background-color: #f4fce7; }
.checkout .r_body .sub_ship .c_123 { background-color: #fff; }
.checkout .r_body .sub_ship .c_5 { font-size: 24px; color: #666; line-height: 2.4em; }
.checkout .r_body .sub_tax { border-top: none; }
.checkout .r_body .sub_tax .c_4 { background-color: #fff; }
.checkout .r_body .sub_tax .c_5 { font-size: 24px; color: #9e9ea0; line-height: 2.4em; }
.checkout .r_body .sub_tax.coupon .c_4.error { text-align: left; }
.checkout .r_body .sub_tax #coupon_code { width: 60%; margin: 20px 10px 0; }
.checkout .r_body .sub_tax .error #coupon_code { margin: 20px 10px 0 5px; }
.checkout .r_body .sub_tax .c_5.hasDiscount { color: #FE0E0D }
.checkout .r_body .total { background-color: #f4fce7; }
.checkout img.comodo { float: left; padding: 0 5px; }
.checkout .login { background-color: #fff; border-top: 1px solid #9E9EA0; }
.checkout .login p { padding: 20px 0 20px 40px; line-height: 1.7em;  }
.checkout .secure { float: left; }
.checkout .log_block { float: right; min-width: 672px; position: relative; }
.checkout .guest_ck, .checkout .user_ck { width: 210px; padding: 20px 30px 0; margin: 20px; float: right; color: #363636; }
.checkout .user_ck { width: 260px; border-left: solid 2px #ccc; }
.checkout .user_ck input { width: 260px; }
.checkout .user_ck label { padding: 15px 0 10px; font-size: 18px; display: inline-block; }
.checkout .user_ck form a { float: right; font-size: 11px; padding-top: 10px; }
.checkout .guest_ck p, .checkout .user_ck p { padding: 0; font-size: 14px; line-height: 1.2em; }
.checkout .guest_ck .checkout_btn { position: absolute; bottom: 20px; left: 50px; background: url(../imgs/btn_guest_checkout.png) 0 0 no-repeat #fff; height: 40px; width: 225px; text-indent: -10000px; }
.checkout .user_ck .checkout_btn { height: 40px; width: 251px; background: url(../imgs/btn_account_checkout.png) 0 0 no-repeat #fff; text-indent: -10000px; display: block; margin: 40px 10px 0 0; }
.checkout a.checkout_btn.checkout { display: block; width: 186px; height: 40px; background: url(../imgs/btn_checkout.png) no-repeat; text-indent: -3000px; margin: 60px; }

.checkout .error_msg { border: solid 1px #fe0e0d; color: #fe0e0d; padding: 10px 10px 10px 40px; margin: 0 30px; background: url(../imgs/alert.png) 10px 8px no-repeat #ffe1e1; }
.checkout .user_ck .error_msg { margin: 0; }

.checkout .dim_weight_msg { float: left; color: #FE0E0D; padding: 20px 10px; font-weight: bold; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { margin: 0 auto; width: 220px; float: none; }
.ui-widget-header { border-color: #6AB412; }

/* new multi-photo functionality */
.pp_view .product_img_area { float: left; margin-right: 15px; }
.pp_view .main-image {
	width: 220px;
	margin: none;
	float: right;
	position: relative;
}
.pp_view .thumbnails { float: left; }
.pp_view .thumbnails li {
	/* display: inline; */
	margin: 0 10px 0 0;
}
.pp_view .thumbnails li img { border: solid 1px #9E9EA0; }
.pp_view .thumbnails.two_cols { width: 125px; }
.pp_view .thumbnails.two_cols li { float: left; }
.pp_view .thumbnails.two_cols li img { width: 50px; height: 50px; }

/* media screen size adjustments */
@media screen and (max-width: 1120px) {
	#searchf { margin: 28px 0 0 20px; }
	#search_box { width: 249px; }
	.logo { width: 24%; min-width: 220px; float: left; display: inline; padding-top: 28px; }
	.search { width: 300px; min-width: 300px; }
	.utility { position: absolute; top: 0px; right: 0px; }
}

/* media screen size adjustments */
@media screen and (max-width: 980px) {
	.logo { width: 24%; min-width: 220px; float: left; display: inline; padding-top: 28px; }
	.search { width: 300px; }
	#searchf { margin: 28px 0 0 20px; }
	#search_box { width: 219px; }
	.utility { position: absolute; top: 0px; right: 0px; }
	.gnav #drs { width: 11%; }
	.gnav #tps { width: 12%; }
	.gnav #sf { width: 13%; }
	.bbb { float: left; background-color: #fff; margin: 0; width: 138px; }
}

@media screen and (max-width: 920px) {
	#search_box { width: 180px; }
}

@media screen and (max-width: 890px) {
	#search_box { width: 150px; }
}

@media screen and (max-width: 820px) {
	.f_info { width: 27%; }
	.f_call { width: 56%; }
	#footer .f_info p,
	.f_info ul { padding-left: 10px; }
}