@import url('../../css/public.css');

@import url('../../css/product.css');


body { background:#fff; font-family:Google, Geneva, sans-serif }

a { color:#ff7f01 }

a:hover { color:#000 }



.page-header h1 { background:#242424; color:#ff7f01; line-height:100px; height:100px; direction:rtl }

.page-header form.search { flex-grow:1 }

.page-footer { background:#e4e4e4; color:#777 }

.page-header .menu, .slider, .headlines { margin-bottom:16px }



.head-element { margin:8px 16px }



.menu, .menu ul { line-height:3em; color:#fff; border-radius:4px }

.menu.vert, .menu.vert ul { background:rgb(255,48,25); background:-moz-linear-gradient(top,rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); background:-webkit-linear-gradient(top,rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); background:linear-gradient(to bottom,rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%) }

.menu.horz, .menu.horz ul { background:#fff;color:#000 }

.menu > li { border-left:1px solid rgba(0,0,0,.2) }

.menu > li > a { border-left:1px solid rgba(255,255,255,.1) }

.menu ul { line-height:2.5em }

.menu li:hover { color:#ff7f01 }

img.photo{box-shadow: 0 0 0 0 rgba(0,0,0,0.16),0 0 0 0 rgba(0,0,0,0.12);}



.button { background:#ff7f01 }

.button:hover { background:#FF8814 }



.box > .head { background:#fff; color:#000; padding:0 16px; margin-bottom:8px; }

.cside .box > .head { color:#ff7f01; background:#fff }



.shopping-cart .icon { color:#ff7f01 }