@charset "utf-8";
/* LONGLIFE CATERING */

/* GENERAL TAGS --------------------------------------------------------------------------------------------------------------------------*/
* { margin:0; padding:0; }
body { width:976px; margin:0 auto; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:13px; }
a img { border:0 none; }
h1, h2 { font-size:17px; margin:0 0 10px 0; }
h1 { color:#FF6600; }
h2 { color:#FF6600; }
h3 { color:#054EAB; font-size:15px; }
h3 span { color:#FF6600; }
.clear { clear:both; }
/* END GENERAL TAGS --------------------------------------------------------------------------------------------------------------------------*/

/* HEADER/NAV --------------------------------------------------------------------------------------------------------------------------*/
#header { width:976px; height:131px; position:relative; background:url(img/bg-header.jpg) top center repeat-y;  }
#header img { position:absolute; top:0; left:40px; }
#header ul#sub { width:200px; font-size:10px; list-style:none; float:right; margin:10px 0 0 0; }
#header ul#sub li { float:left; margin:0 8px 0 0; padding:0 8px 0 0; border-right:1px solid #333; }
#header ul#sub li.last { border:0 none; padding:0; margin:0; }
#header ul#sub li a { color:#333; text-decoration:none; }
#header ul#sub li a:hover { color:#333; text-decoration:underline; }
#cart { width:195px; height:50px; padding:10px 0 0 15px; position:absolute; top:30px; right:18px; background:url(img/cart-bg.jpg) top center no-repeat; }
#cart p { padding:0 0 0 20px; text-transform:uppercase; font-size:11px; color:#1648A4; font-weight:bold; background:url(img/cart-icon.jpg) left center no-repeat; }
#cart p span { text-transform:none; font-weight:normal; }
#cart ul#cartlinks { list-style:none; font-size:10px; margin:5px 0 0 70px; }
#header ul#cartlinks li { float:left; margin:0 8px 0 0; padding:0 8px 0 0; border-right:1px solid #333; }
#header ul#cartlinks li.last { border:0 none; padding:0; margin:0; }
#header ul#cartlinks li a { color:#333; text-decoration:none; }
#header ul#cartlinks li a:hover { color:#333; text-decoration:underline; }

#nav { width:976px; height:43px; position:absolute; bottom:0; left:0; background:url(img/bg-nav.jpg) top left repeat-x; }
#nav ul li { float:left; }

#l { width:10px; height:43px; float:left; background:url(img/bg-nav-l.jpg) top left no-repeat; }
#r { width:10px; height:43px; float:right; background:url(img/bg-nav-r.jpg) top left no-repeat; }

ul#menu { float:left; padding:10px 0 0 0; margin:0 0 0 50px; list-style:none; }
ul#menu li { margin:0 30px 0 0; padding:0 30px 0 0; position:relative; border-right:1px solid #FF6600; }
ul#menu li.last { border:0 none; margin:0; padding:0; }

ul#menu li a { color: #fff; text-decoration: none; }
ul#menu li a:hover { color:#fff; text-decoration: underline; }

ul#menu li.mega a { }
ul#menu li.mega a:hover { text-decoration: underline; }

ul#menu div { display: none; }
ul#menu div ul { width:150px; list-style:none; float:left; display:inline; margin:0 0 0 5px; padding:0 5px 0 0; border-right:1px solid #ccc; }
ul#menu div ul li { float:none; margin:0; padding:0; border:0 none; }
ul#menu div ul.last { border:0 none; padding:0; }
ul#menu li.mega div { width:348px; border:1px solid #ccc; position:absolute; top:15px; left:0; padding:10px 0; background:#fff; font-size:13px; }
ul#menu li.hovering div { display:block; }
ul#menu li.mega div a { width:auto; height:auto; display:block; color: #0751A6; padding: 5px 5px 5px 18px; background:url(img/arrow-blue.jpg) 6px 50% no-repeat #fff; text-decoration:none; }
ul#menu li.mega div a:hover { background:url(img/arrow-blue-orange.jpg) 6px 50% no-repeat #FF7900!important; color:#fff; text-decoration:none; }
/* END HEADER/NAV --------------------------------------------------------------------------------------------------------------------------*/

/* STRUCTURAL --------------------------------------------------------------------------------------------------------------------------*/
#container { width:976px; clear:both; background:url(img/bg-3col.jpg) top center repeat-y; }
#content { width:570px; float:left; background:transparent; }
.sidebar { width:203px; float:left; background:transparent; font-size:12px; }
.sidebar form { margin:0 0 5px 0; border-bottom:1px solid #fff; }
.sidebar form input { width:130px; float:left; margin:0 5px 0 0; }
.sidebar img.z { float:left; }
/* END STRUCTURAL --------------------------------------------------------------------------------------------------------------------------*/

/* LEFT SIDE --------------------------------------------------------------------------------------------------------------------------*/
#search { width:183px; height:84px; padding:20px 0 0 20px; background:url(img/search-bg.jpg) top left no-repeat; }
#search h4, #login h4 { font-size:17px; font-weight:bold; color:#FF6600; }
#search form { padding:10px 0 10px 0; }
#search form input { }
#search form input.button { width:auto; height:20px; padding:0 2px; cursor:pointer; color:#fff; background:url(img/button-bg.jpg) top left repeat-x; border:1px solid #000; }
#login { width:183px; height:185px; padding:20px 0 0 20px; background:url(img/login-bg.jpg) top center no-repeat; }
#login form { padding:10px 0 10px 0; }
#login form table td { padding:2px 0; }
#login form input {  }
#login form input.button { width:auto; height:20px; padding:0 2px; cursor:pointer; margin:0; color:#fff; background:url(img/button-bg.jpg) top left repeat-x; border:1px solid #000; }
#login form#reg { border:0 none; }
#media { width:178px; height:323px; padding:15px 5px 0 20px; position:relative; background:url(img/media-bg.jpg) top center no-repeat; }
#media h4, #media h4 a { font-size:17px; font-weight:bold; color:#fff; text-decoration: none; }
#media .break { border-bottom:1px dotted #fff; padding:5px 0; margin:0 0 5px 0; }
#media strong { color:#fff; }
#media img.x { position:absolute; left:-40px; top:60px; }
#media img.y { float:left; }
#media form { padding:10px 0 0 0; border:0 none; }
#media form input { }
#media form input.button { width:auto; height:20px; padding:0 2px; cursor:pointer; color:#fff; background:url(img/button-bg.jpg) top left repeat-x; border:1px solid #000; }
#media a.button { width:auto; height:14px; padding:2px; margin:0 15px 0 0; float:right; color:#fff; background:url(img/button-bg.jpg) top left repeat-x; border:1px solid #000; text-decoration:none; }
/* END LEFT SIDE --------------------------------------------------------------------------------------------------------------------------*/

/* RIGHT SIDE --------------------------------------------------------------------------------------------------------------------------*/
#new, #offers, #delivery, #products { width:183px; padding:10px; margin:10px 0 0 0; clear:both; color:#fff; }
#new ul, #offers ul, #delivery ul, #products ul, #feed ul { list-style:none; }
#new h4, #offers h4, #delivery h4, #products h4, #feed h4 { font-size:28px; font-family:"Century Gothic", "Trebuchet MS", Arial; }
#new a, #offers a, #delivery a, #products a, #feed a { float:right; font-size:15px; color:#fff; text-decoration:none; }
#new a:hover, #offers a:hover, #delivery a:hover, #products a:hover, #feed a:hover { color:#fff; text-decoration:underline; }
#new img, #offers img, #delivery img, #products img, #feed img { float:right; margin:5px 10px; }

#new a, #delivery a, #offers a, #products a, #feed a { width:100px; padding:0 20px 0 0; text-align:right; }
#new a, #delivery a { clear:both; background:url(img/bg-blue-arrow.jpg) right center no-repeat; }
#offers a { clear:both; background:url(img/bg-red-arrow.jpg) right center no-repeat; }
#products a { clear:both; background:url(img/bg-orange-arrow.jpg) right center no-repeat; }
#feed a { color:#0C55A4; text-decoration:none; background:url(img/bg-trans-arrow.png) right center no-repeat; }
#feed a:hover { color:#0C55A4; text-decoration:underline; }

#new { background:#ACCCF2 url(img/bg-blue-box.jpg) left top repeat-y; margin:0; }
#offers { background:#FF0000 url(img/bg-red-box.jpg) top left repeat-y; }
#delivery { background:#ACCCF2 url(img/bg-blue-box.jpg) left top repeat-y; }
#products { background:#FD8505 url(img/bg-orange-box.jpg) top left repeat-y; }

#feed { width:193px; padding:0 10px 0 0; background:#fff url(img/bg-feed.jpg) bottom left repeat-x; color:#333; font-family:Arial, Helvetica, sans-serif; }
#feed p.title { font-size:17px; color:#FD8505; font-weight:bold; }
#feed ul { font-weight:bold; margin:5px 0; }
.sidebar a.more { width:166px; padding:5px 30px 5px 5px; margin:0 0 10px 0; display:block; text-align:right; font-size:15px; font-weight:normal; background:#FD8505 url(img/bg-orange-arrow.jpg) 176px 50% no-repeat; border:1px solid #FF6600; color:#fff; text-decoration:none; }
.sidebar a:hover.more { color:#fff; text-decoration:underline; }
#trans { width:183px; padding: 10px 0 10px 10px; background:url(img/bg-trans.png) left top repeat-y; }
/* END RIGHT SIDE --------------------------------------------------------------------------------------------------------------------------*/

/* FOOTER --------------------------------------------------------------------------------------------------------------------------*/
#footer { width:974px; clear:both; padding:10px 0; background:#FD8505 url(img/footer-bg.jpg) top center no-repeat; text-align:center; font-size:11px; border-bottom:1px solid #FF6600; border-left:1px solid #FF6600; border-right:1px solid #FF6600; color:#fff; }
#footer ul { list-style:none; }
#footer ul li { display:inline; }
#footer ul li a { color:#fff; text-decoration:none; }
#footer ul li a:hover { color:#fff; text-decoration:underline; }
/* END FOOTER --------------------------------------------------------------------------------------------------------------------------*/

/* PAGE CONTENT --------------------------------------------------------------------------------------------------------------------------*/
#branding, #basket { width:570px; }
#branding h1, #basket h1 { width:550px; height:66px; padding:30px 0 0 20px; font-size:40px; color:#074FA7; }
#branding h1 { background:url(img/banners/title.jpg) top left no-repeat; }
#basket h1 { background:url(img/banners/cart.jpg) top left no-repeat; }
#branding h1 span, #basket h1 span { color:#FF6600; }

#primary { width:550px; padding:10px; }
#primary p { margin:10px 0; }
#primary ul, #primary ol { margin:20px; }
#primary ul { list-style-image:url(img/disc.jpg); }
#primary dl { border-bottom:1px dashed #333; margin:0 0 10px 0; }
#primary dl dt { color:#054EAB; font-size:15px; font-weight:bold; }
#primary dl dd { margin:0 0 10px 0; }
#primary h2 { font-size:28px; color:#054EAB; }
#primary h2 span { color:#FD8505; }
#primary h4 { color:#054EAB; font-size:15px; }
#primary a { color:#054EAB; text-decoration:none; }
#primary a:hover { color:#fff; text-decoration:none; background:#054EAB; }
#primary address { font-style:normal; }
#primary blockquote { padding:10px; margin:0 0 10px 0; border-bottom:1px dashed #333; font-style:italic; }
#primary blockquote p { float:right; font-style:normal; font-weight:bold; color:#054EAB; }
#primary form { }
#primary form fieldset { padding:20px; margin:0 0 10px 0; }
#primary form legend { color:#054EAB; font-weight:bold; }
#primary form label { width:180px; float:left; clear:left; display:block; margin:0 0 5px 0; }
#primary form input, #primary form textarea, #primary form select { width:230px; padding:2px; float:left; margin:0 0 5px 0; }
#primary form textarea { font-family:Arial, Helvetica, sans-serif; }
#primary form input.submit { margin:10px 0 0 180px; }
#primary form input.narrow { width:50px; margin:0 0 5px 0; }
#primary form select.narrow { width:auto; margin:0 5px 0 0; }
#primary .item { width:180px; float:left; margin:0 0 10px 0; text-align:center; border-right:2px solid #d0d0d0; }
#primary .item.last { border:0 none; }
#primary .item a { color:#333; text-decoration:none; }
#primary .item a:hover { color:#333; text-decoration:underline; background:none; }
#primary .item a img { border:1px solid #FF6600; }
#primary .item a:hover img { border:1px solid #054EAB; }
#primary table { border-collapse:collapse; padding:0 0 10px 0; font-size:12px; border-bottom:1px dashed #666; }
#primary table a { float:right; }
#primary table td { padding:0.3em 0.7em; border-right:1px solid #fff; }
#primary table tr { border-bottom:1px solid #fff; }
#primary table tr.head, #primary table td.head { background:#074FA7; color:#fff; font-weight:bold; }
#primary table tr.deep, #primary table td.deep { background:#FD8505; color:#fff; }
#primary table td.dark { background:#333; color:#fff; }
#primary table tr.odd { background:#feca93; color:#333; }
#primary table td.boldblue { font-weight:bold; color:#054EAB; }
#primary table span { font-size:16px; font-weight:bold; }
#primary form table select { width:auto; }
#primary form table input { width:auto; height:20px; padding:0 2px; cursor:pointer; color:#fff; background:url(img/button-bg.jpg) top left repeat-x; border:1px solid #000; }
#primary form fieldset input.radio { width:auto; }
#primary img.buffer { margin:0 0 10px 0; }
#primary form#payment input { background:none; border:1px solid #666; }

.no_new_products { text-align: center; font-size: 16px; }

.button { width:auto; height:20px; padding:0 2px; cursor:pointer; color:#fff; background:url(img/button-bg.jpg) top left repeat-x; border:1px solid #000; }
/* END PAGE CONTENT --------------------------------------------------------------------------------------------------------------------------*/