﻿@charset "UTF-8";
/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
body { font-size: 68.8%; /* sets font size to 11px, for 12px change to 75% */ background:url(../images/bg.jpg) repeat-x; font-family: 'Oxygen', sans-serif; }
img, img a { outline: none; border: none; }
p { font-size:1.3em; line-height:22px; }
a { text-decoration:none; }
h1 { font-size:2.4em; margin:4px 0; }
h2 { font-size:2em; margin:4px 0; color:#b22023; }
h1 span { color:#b22023; }
h3 { text-align:center; color:#b22023; font-size:1.6em; }
#left_column p { margin:20px 0 }
.wrap { width:1008px; margin:0 auto; overflow:hidden; padding: 0 2px; }
a {color:#c72326}
/* header */

header { margin:0 0 18px; position:relative; overflow:hidden; }
.logo { padding:28px 0 0; float:left; display:inline; }
/* nav */

nav { background:url(../images/nav.gif) no-repeat; width:646px; padding:0 0 0 10px; margin: 60px 0 0 14px; float:left; display:inline; }
nav ul { padding:21px 0; }
nav li { display:inline; font-size:1.3em; padding:0 21px 0 21px; color:#FFF; }
nav li a { color:#FFF; }
nav li a:hover { color:#f00!important; }
nav li a:visited { color:#fff!important; }
/* slider area */

.slideshow_holder { background-color:#FFF; -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.80); -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.80); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.80); zoom: 1; filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=120, Strength=3);
padding:13px; width:981px; position:relative; clear:both; overflow:hidden; margin:0 0 12px; }
#slideshow {overflow:hidden;height:374px!important}
#slideshow2 {}
#banner { width:981px; position:relative; float:left; background: #db272a; background: linear-gradient(top, #db272a 0%, #851618 100%); background: -moz-linear-gradient(top, #db272a 0%, #851618 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #db272a), color-stop(100%, #851618)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #db272a 0%, #851618 100%); /* Chrome10+,Safari5.1+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db272a', endColorstr='#851618', GradientType=0 );
}
#banner p { font-size:1.6em; color:#FFF; float:left; margin:0 0 0 130px; padding:6px 0 0; line-height:28px }
#banner p span { font-size:1.9em; }
/* content */

#left_column_contact { float:left; position:relative; width:428px; display:inline; margin:14px 14px 0 0; }
#right_column_contact { float:right; position:relative; width:560px; display:inline; margin:14px 0 0; }
#tabs { position:relative; display:inline-block; }
.tab_header { font-size:2.2em !important; padding: 28px 0 4px 25px !important; }
.tab p, .tab2 p { width:185px; padding:5px 0 0 26px; color:#FFF; font-size:1.2em; line-height:19px; }
.tab { background:url(../images/products.jpg) no-repeat; width:375px; height:209px; float:left; margin:0 18px 0 0; -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.80); -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.80); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.80); zoom: 1; filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=120, Strength=3);display:inline;
}
.tab2 { background:url(../images/brands.jpg) no-repeat; width:375px; height:209px; float:left; margin:0 18px 0 0; -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.80); -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.80); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.80); zoom: 1; filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=120, Strength=3);display:inline;
}
.button { border-radius:4px; -moz-border-radius:4px; margin: 7px 0 0 25px; border:none; color:#FFF; font-size:1.2em; padding: 4px 10px !important; width: 67px !important; background: #db272a; background: linear-gradient(top, #db272a 0%, #851618 100%); background: -moz-linear-gradient(top, #db272a 0%, #851618 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #db272a), color-stop(100%, #851618)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #db272a 0%, #851618 100%); /* Chrome10+,Safari5.1+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db272a', endColorstr='#851618', GradientType=0 );
}
.button2 { border-radius:4px; -moz-border-radius:4px; margin:4px auto; border:none; color:#FFF; font-size:1.2em; display:block; margin: 4px 0 0 73px; padding: 4px 10px !important; width: 64px !important; background: #db272a; background: linear-gradient(top, #db272a 0%, #851618 100%); background: -moz-linear-gradient(top, #db272a 0%, #851618 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #db272a), color-stop(100%, #851618)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #db272a 0%, #851618 100%); /* Chrome10+,Safari5.1+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db272a', endColorstr='#851618', GradientType=0 );
}
input { border-radius: 12px; -moz-border-radius: 12px; width: 420px; margin: 5px 0; padding: 4px; border: 2px solid #999; float: left; display: inline; color: #666; height: 30px; font-size:1.4em; }
.left_column_input { margin: 10px 4px 10px 0 !important; clear: both; }
.short_contact { width:210px; float:left; padding: 32px 0 0; }
#logo_holder { clear:both; position:relative; overflow:hidden; background:url(../images/logo-bg.jpg) repeat-x; width:100%; height:86px; margin:14px 0 0; }
.captcha { border-radius:12px; -moz-border-radius:12px; float:left; clear:left; border:2px solid #999; margin:5px 4px 5px 0; display:inline; }
.reload { float: left; font-size: 1.1em; margin:6px 0 4px 4px; line-height:12px; }
.code { margin:0 !important; }
.send { border-radius:4px; -moz-border-radius:4px; margin: 0 0 0 20px; border:none; color:#FFF; font-size:1.2em; padding: 4px 10px !important; width: 64px !important; background: #db272a; background: linear-gradient(top, #db272a 0%, #851618 100%); background: -moz-linear-gradient(top, #db272a 0%, #851618 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #db272a), color-stop(100%, #851618)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #db272a 0%, #851618 100%); /* Chrome10+,Safari5.1+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db272a', endColorstr='#851618', GradientType=0 );
}
.mandatory { clear:both; }
/* contact */

textarea { border-radius:12px; -moz-border-radius:12px; width:549px; margin:5px 0; padding:4px; border:2px solid #999; resize:none; height:200px; float:left; clear:left; display:inline; font-family: 'Oxygen', sans-serif; font-size:1.4em; color:#666; }
iframe { background-color:#FFF; -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.80); -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.80); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.80); zoom: 1; filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=120, Strength=3);
padding:13px; }
#left_column { float:left; position:relative; width:600px; display:inline; margin:14px 14px 0 0; padding:0 14px; }
#right_column { float:right; position:relative; width:360px; display:inline; margin:14px 0 0; }
.why_choose { background-color:#FFF; width:332px !important; }
.why_choose ul { position: relative; width: 312px; font-size:1.3em; line-height:22px; margin:10px 0 0; }
.why_choose ul li { background: url("../images/star.gif") no-repeat scroll 0 3px transparent; margin: 15px 0; padding: 0 0 0 32px; }
.partners { padding:13px; }
/* footer */

footer { font-size:1.3em; padding:8px; background-color:#344c71; color:#FFF; background:url(../images/footerbg2.jpg) no-repeat 0 0 }
footer a { color:#FFF !important; }
.footer_sitemap { margin:0 0 8px; }
.footer_sitemap li { display:inline; margin:0 26px 0 0; }
.footer_content li { margin:0 0 8px; }

/* Product Boxes */

.product_container, .product_container_first, .product_container_last { -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.80); -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.80); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.80); zoom: 1; filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=120, Strength=3);
padding: 13px; width: 205px; height: 210px; position: relative; float:left; overflow: hidden; display:inline; }
.prod_1 { background:url(../images/prod_coke.jpg) no-repeat 13px 13px; }
.prod_2 { background:url(../images/prod_pepsi.jpg) no-repeat 13px 13px; }
.prod_3 { background:url(../images/prod_lucozade.jpg) no-repeat 13px 13px; }
.prod_4 { background:url(../images/prod_sonne.jpg) no-repeat 13px 13px; }
.prod_5 { background:url(../images/prod_ribena.jpg) no-repeat 13px 13px; }
.prod_6 { background:url(../images/prod_red.jpg) no-repeat 13px 13px; }
.prod_7 { background:url(../images/prod_monster.jpg) no-repeat 13px 13px; }
.prod_8 { background:url(../images/prod_shark.jpg) no-repeat 13px 13px; }
.prod_9 { background:url(../images/prod_mars.jpg) no-repeat 13px 13px; }
.prod_10 { background:url(../images/prod_snickers.jpg) no-repeat 13px 13px; }
.prod_11 { background:url(../images/prod_malteasers.jpg) no-repeat 13px 13px; }
.prod_12 { background:url(../images/prod_twix.jpg) no-repeat 13px 13px; }
.prod_13 { background:url(../images/prod_galaxy.jpg) no-repeat 13px 13px; }
.prod_14 { background:url(../images/prod_bounty.jpg) no-repeat 13px 13px; }
.prod_15 { background:url(../images/prod_kitkat.jpg) no-repeat 13px 13px; }
.prod_16 { background:url(../images/prod_aero.jpg) no-repeat 13px 13px; }
.prod_17 { background:url(../images/prod_smarties.jpg) no-repeat 13px 13px; }
.prod_18 { background:url(../images/prod_lion.jpg) no-repeat 13px 13px; }
.prod_19 { background:url(../images/prod_yorkie.jpg) no-repeat 13px 13px; }
.prod_20 { background:url(../images/prod_fgums.jpg) no-repeat 13px 13px; }
.prod_21 { background:url(../images/prod_fpastlles.jpg) no-repeat 13px 13px; }
.prod_22 { background:url(../images/prod_cdm.jpg) no-repeat 13px 13px; }
.prod_23 { background:url(../images/prod_egg.jpg) no-repeat 13px 13px; }
.prod_24 { background:url(../images/prod_flake.jpg) no-repeat 13px 13px; }
.prod_25 { background:url(../images/prod_head.jpg) no-repeat 13px 13px; }
.prod_26 { background:url(../images/dove.jpg) no-repeat 13px 13px; }
.prod_27 { background:url(../images/prod_gilette.jpg) no-repeat 13px 13px; }
.prod_28 { background:url(../images/prod_wilkinson.jpg)no-repeat 13px 13px; }
.prod_29 { background:url(../images/prod_pantenne.jpg) no-repeat 13px 13px; }
.prod_30 { background:url(../images/prod_colgate.jpg) no-repeat 13px 13px; }
.prod_31 { background:url(../images/prod_duracell.jpg) no-repeat 13px 13px; }
.prod_32 { background:url(../images/prod_energiser.jpg) no-repeat 13px 13px; }
.prod_33 { background:url(../images/prod_ariel.jpg) no-repeat 13px 13px; }
.prod_34 { background:url(../images/prod_daz.jpg) no-repeat 13px 13px; }
.prod_35 { background:url(../images/prod_fairy.jpg) no-repeat 13px 13px; }
.prod_36 { background:url(../images/prod_stella.jpg) no-repeat 13px 13px; }
.prod_37 { background:url(../images/prod_carlsberg.jpg) no-repeat 13px 13px; }
.prod_38 { background:url(../images/prod_heine.jpg) no-repeat 13px 13px; }
.prod_39 { background:url(../images/prod_koppe.jpg) no-repeat 13px 13px; }
.prod_40 { background:url(../images/prod_becks.jpg) no-repeat 13px 13px; }
.prod_41 { background:url(../images/prod_pepper.jpg) no-repeat 13px 13px; }
.prod_42 { background:url(../images/prod_bic.jpg) no-repeat 13px 13px; }
.prod_43 { background:url(../images/prod_denim.jpg) no-repeat 13px 13px; }
.prod_44 { background:url(../images/prod_nescafe.jpg) no-repeat 13px 13px; }
.prod_45 { background:url(../images/prod_lipton.jpg) no-repeat 13px 13px; }
.prod_46 { background:url(../images/prod_peroni.jpg) no-repeat 13px 13px; }
.prod_47 { background:url(../images/prod_corona.jpg) no-repeat 13px 13px; }
.prod_48 { background:url(../images/prod_amstel.jpg) no-repeat 13px 13px; }
.product_container { margin: 10px; }
.product_container_first { margin: 10px 10px 10px 10px; }
.product_container_last { margin: 10px 0 10px 10px; }
.product_container p, .product_container_last p, .product_container_first p { color: black; font-size: 1.3em; }
/* Brand Boxes */

.brand_container, .brand_container_first, .brand_container_last { -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.80); -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.80); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.80); zoom: 1; filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=120, Strength=3);
padding: 13px; width: 205px; height: 210px; position: relative; float:left; overflow: hidden; display:inline; position:relative; }
.brand_container { margin: 10px; }
.brand_container_first { margin: 10px 10px 10px 10px; }
.brand_container_last { margin: 10px 0 10px 10px; }
.brand_container p, .brand_container_last p, .brand_container_first p { color: black; font-size: 1.5em; }
.brand_container a, .brand_container_first a, .brand_container_last a { }
.brand_container img, .brand_container_first img, .brand_container_last img { }



/* logo carousel 

.simply-scroll-container {  position: relative; }
.simply-scroll-clip { position: relative; overflow: hidden; }
.simply-scroll-list {  overflow: hidden; margin: 0; padding: 0; list-style: none; }
.simply-scroll-list li { padding: 0; margin: 0; list-style: none; }
.simply-scroll-list li img { border: none; display: block; }
.simply-scroll {  width: 1008px; margin:0 auto; padding: 16px 0 0; overflow:hidden; height:50px; }
.simply-scroll .simply-scroll-clip { width: 1008px; }
.simply-scroll .simply-scroll-list { }
.simply-scroll .simply-scroll-list li { float: left; }

*/

.title { clear:both; padding:10px; margin:20px 0 10px 0; color:#fff; overflow:hidden; background: #db272a; background: linear-gradient(top, #db272a 0%, #851618 100%); background: -moz-linear-gradient(top, #db272a 0%, #851618 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #db272a), color-stop(100%, #851618)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #db272a 0%, #851618 100%); /* Chrome10+,Safari5.1+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db272a', endColorstr='#851618', GradientType=0 );
}
.title2 { width:97%; clear:both; padding:10px; margin:20px auto 10px auto; color:#fff; overflow:hidden; background: #db272a; background: linear-gradient(top, #3371d3 0%, #2c266a 100%); background: -moz-linear-gradient(top, #3371d3 0%, #2c266a 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3371d3), color-stop(100%, #2c266a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3371d3 0%, #2c266a 100%); /* Chrome10+,Safari5.1+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3371d3', endColorstr='#2c266a', GradientType=0 );
}
.title a, .title2 a, .title a:visited, .title2 a:visited, .title a:active, .title2 a:active { color:#FFC; }
.title a:visited, .title2 a:visited { color:#FFF }
.left_column { width:700px; float:left; }
.right_column { width: 300px; float:right; }
.sell_box { -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.80); -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.80); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.80); zoom: 1; filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=120, Strength=3);
padding: 13px; width: 210px; height: 100px; position: relative; float:right; overflow: hidden; margin: 10px 2px 10px 0; background:url(../images/bbg.jpg) no-repeat 13px 13px; }
.sell_box_last { -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.80); -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.80); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.80); zoom: 1; filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=120, Strength=3);
padding: 13px; width: 210px; height: 100px; position: relative; float:right; overflow: hidden; margin: 10px 2px 20px 0; background:url(../images/bbg.jpg) no-repeat 13px 13px; }
.sell_box h1, .sell_box_last h1 { color:#f00; text-align:center; margin-top: 25px; }
.sell_box p, .sell_box_last p { color:#fff; text-align:center; }
.sell_box a, .sell_box a:active, .sell_box a:visited, .sell_box_last a:active, .sell_box_last a:visited { color:#fff!important; text-align:center; }
.sell_box_last a:hover, .sell_box a:hover { text-decoration:underline; olor:#fff }
.location_p { margin:10px 0; }
/* Multi Column Layouts */

.col1 { width:32%; float:left; padding:0 10px 0 0; margin-bottom:20px }
.col2 { width:32%; float:left; padding:0 10px; margin-bottom:20px }
.col3 { width:32%; float:left; padding:0 0 0 10px; margin-bottom:20px }
.col11 { width:49%; float:left; padding:0 10px 0 0; margin-bottom:20px }
.col11 p, .col12 p { margin:10px 0 }
.col12 { width:49%; float:left; padding:0 0 0 10px; margin-bottom:20px }
.button a, .button a:hover, .button a:visited, .button a:active { color:#fff; !important
}
.location-map { margin-bottom:20px; }
.homeinput { width:190px!important; height:20px!important; font-size:1.0em!important }
/* Add this */

.addthis_toolbox { position: absolute; width: 300px; left: 871px; top: 21px; }

.sitemaplinks {margin:20px;}
.sitemaplinks li {margin:15px 0}
.sitemaplinks li a {font-size:2.0em; color:#09F;}
.sitemaplinks li a:hover {text-decoration:underline; color:#36F;}
.sitemaplinks li a:visited {color:#09F;}

/* Carosel*/
.jcarousel-skin-tango .jcarousel-container { }
.jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; }
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 1008px; padding: 10px 40px; margin:0 auto }
.jcarousel-skin-tango .jcarousel-clip { overflow: hidden; }
.jcarousel-skin-tango .jcarousel-clip-horizontal {width: 1008px; height: 86px; }
.jcarousel-skin-tango .jcarousel-item { width: 150px; height: 86px; }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-left: 0; margin-right: 10px; }
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 10px; margin-right: 0; }
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; }
/***  Horizontal Buttons*/
.jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 63px; right: 5px; width: 32px; height: 32px; cursor: pointer; background: url(../images/next-horizontal.jpg) no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; background:#00FF33 }
.jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:focus { background-position: -32px 0; }
.jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -64px 0; }
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 63px; left: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(../images/prev-horizontal.jpg) no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; background:#0C0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus { background-position: -32px 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -64px 0; }
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0; }
/***Lightbox*/
