/* CSS Document */ * {padding:0 0 0 0; margin:0 0 0 0; font-family:Arial, Helvetica, sans-serif} body {background-image:url(../images/bg.gif); background-repeat:repeat-y; background-position:top left; background-color:#267400} /* Elements */ p {margin:0 0 12px 0} ul {margin:0 0 12px 10px; padding-left:5px; list-style-image:url(../images/bull.gif)} li {margin-bottom:10px} .left {float:left; margin-right:10px; margin-bottom:10px} .right {float:right; margin-left:10px; margin-bottom:10px} .headerimage {margin-top:10px} .coloured {color:#318400; font-weight:bold} /* Main Layout */ #container {width:998px; height:701px; background-color:#83b566} #header {width:619px; float:left} #leftimage {width:379px; height:560px; float:left} #navigation {width:120px; height:560px; float:left} #content {width:475px; height:560px; background-color:#FFFFFF; float:left; position:relative} #content p {margin:10px 20px 0 20px; font-size:11px} #brand-logos {width:475px; height: auto; background-color:#FFFFFF; float:left; } /**** Brand Navigation ****/ #brand-nav { width:475px; height: auto; margin: 10px 0px 0px 20px; padding: 0; list-style-type: none; float: left; } #brand-nav span { display: none; } #brand-nav li { margin: 0px 5px 5px 0px; padding: 0px 0px 0px 0px; height: 104px; width: 104px; float: left; } #brand-nav li a { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 104px; width: 104px; float: left; } #brand-nav li.authentic-cocktail { background: url("../images/auth-but.gif"); background-repeat: no-repeat; } #brand-nav li.alfie { background: url("../images/alfie-but.gif"); background-repeat: no-repeat; } #brand-nav li.classic-combinations { background: url("../images/classic-but.gif"); background-repeat: no-repeat; } #brand-nav li.shuda-shots { background: url("../images/shotspack-but.gif"); background-repeat: no-repeat; } #brand-nav li.shuda-shots-bottle { background: url("../images/shotsbottle-but.gif"); background-repeat: no-repeat; } #brand-nav li.shuda-cocktails { background: url("../images/shudacocktail-but.gif"); background-repeat: no-repeat; } #brand-nav li.chantemelle { background: url("../images/chantemelle-but.gif"); background-repeat: no-repeat; } #brand-nav li.champs { background: url("../images/champs-but.gif"); background-repeat: no-repeat; } #brand-nav li.energy-shots { background: url("../images/energy-but.gif"); background-repeat: no-repeat; } #brand-nav li.smokey-mountain { background: url("../images/smokey-but.gif"); background-repeat: no-repeat; } #brand-nav li.peach-schnapps { background: url("../images/schnapps-but.gif"); background-repeat: no-repeat; } #brand-nav li.navigator { background: url("../images/nav-but.gif"); background-repeat: no-repeat; } #brand-nav li.imperial-eagle { background: url("../images/imperial-but.gif"); background-repeat: no-repeat; } #brand-nav li.bucks-fizz { background: url("../images/bucks-but.gif"); background-repeat: no-repeat; } body#authentic-cocktail li.authentic-cocktail { background: url("../images/auth-but-green.gif"); background-repeat: no-repeat; } body#alfie li.alfie { background: url("../images/alfie-but-green.gif"); background-repeat: no-repeat; } body#classic-combinations li.classic-combinations { background: url("../images/classic-but-green.gif"); background-repeat: no-repeat; } body#shots-pack li.shuda-shots { background: url("../images/shotspack-but-green.gif"); background-repeat: no-repeat; } body#shots-bottle li.shuda-shots-bottle { background: url("../images/shotsbottle-but-green.gif"); background-repeat: no-repeat; } body#shuda-cocktails li.shuda-cocktails { background: url("../images/shudacocktail-but-green.gif"); background-repeat: no-repeat; } body#chantemelle li.chantemelle { background: url("../images/chantemelle-but-green.gif"); background-repeat: no-repeat; } body#champs li.champs { background: url("../images/champs-but-green.gif"); background-repeat: no-repeat; } body#energy-shots li.energy-shots { background: url("../images/energy-but-green.gif"); background-repeat: no-repeat; } body#smokey-mountain li.smokey-mountain { background: url("../images/smokey-but-green.gif"); background-repeat: no-repeat; } body#peach-schnapps li.peach-schnapps { background: url("../images/schnapps-but-green.gif"); background-repeat: no-repeat; } body#navigator li.navigator { background: url("../images/nav-but-green.gif"); background-repeat: no-repeat; } body#imperial-eagle li.imperial-eagle { background: url("../images/imperial-but-green.gif"); background-repeat: no-repeat; } body#bucks-fizz li.bucks-fizz { background: url("../images/bucks-but-green.gif"); background-repeat: no-repeat; } #footer {margin-top:25px; float: left;; bottom:5px; left: 0px} #footer p {font-size:9px} #footer a.footlink:link {color:#000; text-decoration:none} #footer a.footlink:visited {color:#000; text-decoration:none} #footer a.footlink:hover {color:#000; text-decoration:underline} #footer2 {margin-top:25px} #footer2 p {font-size:9px} #footer2 a.footlink:link {color:#000; text-decoration:none} #footer2 a.footlink:visited {color:#000; text-decoration:none} #footer2 a.footlink:hover {color:#000; text-decoration:underline} /* Unique Pages */ #home #home_hi a:link {background-color:#267400; color:#FFFFFF} #home #home_hi a:visited {background-color:#267400; color:#FFFFFF} #home #home_hi a:hover {background-color:#267400; color:#FFFFFF} #aboutus #aboutus_hi a:link {background-color:#267400; color:#FFFFFF} #aboutus #aboutus_hi a:visited {background-color:#267400; color:#FFFFFF} #aboutus #aboutus_hi a:hover {background-color:#267400; color:#FFFFFF} #privacy #content {overflow-y:scroll} #privacy a:link {color:#318400; text-decoration:none} #privacy a:visited {color:#318400; text-decoration:none} #privacy a:hover {color:#318400; text-decoration:underline} #brands #brands_hi a:link {background-color:#267400; color:#FFFFFF} #brands #brands_hi a:visited {background-color:#267400; color:#FFFFFF} #brands #brands_hi a:hover {background-color:#267400; color:#FFFFFF} #brands #footer {margin-top:25px; position:absolute; bottom:-12px; left: 0px} #brands1 {background-image:url(../images/1.jpg); background-position:bottom; background-repeat:no-repeat; font-size:10px; height:657px} #brands1 #footer {margin-top:25px; position:absolute; bottom:-112px; left: 0px} #brands2 {background-image:url(../images/2.jpg); background-position:bottom; background-repeat:no-repeat; font-size:10px; height:697px} #brands2 #footer {margin-top:25px; position:absolute; bottom:-127px; left: 0px} #brands3 {background-image:url(../images/3.jpg); background-position:bottom; background-repeat:no-repeat; font-size:10px; height:697px} #brands3 #footer {margin-top:25px; position:absolute; bottom:-137px; left: 0px} #brands4 {background-image:url( ); background-position:bottom; background-repeat:no-repeat; font-size:10px; height:670px} #brands4 #footer {margin-top:35px; position:absolute; bottom:-122px; left: 0px} #brands5 {background-image:url(../images/5.jpg); background-position:bottom; background-repeat:no-repeat; font-size:10px; height:664px} #brands5 #footer {margin-top:25px; position:absolute; bottom:-132px; left: 0px} #brands6 {background-image:url(../images/6.jpg); background-position:bottom; background-repeat:no-repeat; font-size:10px; height:707px} #brands6 #footer {margin-top:25px; position:absolute; bottom:-157px; left: 0px} #brands7 {background-image:url(../images/7.jpg); background-position:bottom; background-repeat:no-repeat; font-size:10px; height:707px} #brands7 #footer {margin-top:25px; position:absolute; bottom:-157px; left: 0px} #brands8 {background-image:url(../images/8.jpg); background-position:bottom; background-repeat:no-repeat; font-size:10px; height:697px} #brands8 #footer {margin-top:25px; position:absolute; bottom:-142px; left: 0px} #brands9 {background-image:url(../images/9.jpg); background-position:bottom; background-repeat:no-repeat; font-size:10px; height:697px} #brands9 #footer {margin-top:25px; position:absolute; bottom:-152px; left: 0px} #brands10 {background-image:url(../images/10.jpg); background-position:bottom; background-repeat:no-repeat; font-size:10px; height:682px} #brands10 #footer {margin-top:25px; position:absolute; bottom:-142px; left: 0px} #brands11 {background-image:url(../images/11.jpg); background-position:bottom; background-repeat:no-repeat; font-size:10px; height:692px} #brands11 #footer {margin-top:25px; position:absolute; bottom:-112px; left: 0px} #brands12 {background-image:url(../images/12.jpg); background-position:bottom; background-repeat:no-repeat; font-size:10px; height:702px} #brands12 #footer {margin-top:25px; position:absolute; bottom:-162px; left: 0px} #bespokesolutions #bespokesolutions_hi a:link {background-color:#267400; color:#FFFFFF} #bespokesolutions #bespokesolutions_hi a:visited {background-color:#267400; color:#FFFFFF} #bespokesolutions #bespokesolutions_hi a:hover {background-color:#267400; color:#FFFFFF} #interactive #interactive_hi a:link {background-color:#267400; color:#FFFFFF} #interactive #interactive_hi a:visited {background-color:#267400; color:#FFFFFF} #interactive #interactive_hi a:hover {background-color:#267400; color:#FFFFFF} #cocktail {background-image:url(../images/cocktail.gif); background-position:center; background-repeat:no-repeat; width:186px; height:187px; float:right; margin:20px 15px 10px 20px} #cosmo { position:absolute; left: 373px; top: 115px } #sex { position:absolute; left: 372px; top: 129px; } #mojito { position:absolute; left: 371px; top: 143px; } #pina { position:absolute; left: 369px; top: 157px; } #purple { position:absolute; left: 367px; top: 171px; } #cocktailsubmit { position:absolute; left: 388px; top: 134px; } #media #media_hi a:link {background-color:#267400; color:#FFFFFF} #media #media_hi a:visited {background-color:#267400; color:#FFFFFF} #media #media_hi a:hover {background-color:#267400; color:#FFFFFF} #media #content {width:475px; height:560px; background-color:#FFFFFF; float:left; position:relative} #media #footer {margin-top:25px; position:absolute; bottom:-120px; left: 0px} #freshtrade {width:475px; height:560px; background-color:#FFFFFF; float:left; position:relative} #freshtrade p {margin:10px 20px 0 20px; font-size:11px} #freshtrade #freshtrade_hi a:link {background-color:#267400; color:#FFFFFF} #freshtrade #freshtrade_hi a:visited {background-color:#267400; color:#FFFFFF} #freshtrade #freshtrade_hi a:hover {background-color:#267400; color:#FFFFFF} #freshtrade #footer {margin-top:25px; position:absolute; bottom:-70px; left: 0px} #freshtrade #footer p {font-size:9px} #contactus #contactus_hi a:link {background-color:#267400; color:#FFFFFF} #contactus #contactus_hi a:visited {background-color:#267400; color:#FFFFFF} #contactus #contactus_hi a:hover {background-color:#267400; color:#FFFFFF} #contactus #content {background-image:url(../images/bg-contactus.jpg); background-position:bottom right; background-repeat:no-repeat} #contactus #content td {font-size:11px; color:#fff} #contactus input {font-size:10px; color:#000} #contactus textarea {font-size:10px; color:#000} #contactus select {font-size:10px; color:#000} #contactus #content a.maillink:link {color:#318400; text-decoration:none} #contactus #content a.maillink:visited {color:#318400; text-decoration:none} #contactus #content a.maillink:hover {color:#318400; text-decoration:underline} #contactus #footer {margin-top:25px; position:absolute; bottom:-15px; left: 0px} #contactus2 #contactus_hi a:link {background-color:#267400; color:#FFFFFF} #contactus2 #contactus_hi a:visited {background-color:#267400; color:#FFFFFF} #contactus2 #contactus_hi a:hover {background-color:#267400; color:#FFFFFF} #contactus2 #content {background-image:url(../images/bg-contactus2.jpg); background-position:bottom right; background-repeat:no-repeat} #contactus2 #content td {font-size:11px; color:#fff} #contactus2 input {font-size:10px; color:#000} #contactus2 textarea {font-size:10px; color:#000} #contactus2 select {font-size:10px; color:#000} #contactus2 a:link {color:#318400; text-decoration:none} #contactus2 a:visited {color:#318400; text-decoration:none} #contactus2 a:hover {color:#318400; text-decoration:underline} /* Menu CSS */ .menu_hi { color:#FF0000; font-weight:bold } #menu { background: #dae9d1; list-style: none; margin: 0; padding: 0; width: 117px; } #menu li { font: 11px Arial, Helvetica, sans-serif; font-weight:bold; margin: 0; padding: 0; height:24px } #menu a { background: #dae9d1; color: #000; display: block; margin: 0; padding: 6px 12px; text-decoration: none; font-weight:normal; } #menu a:hover { background: #f4f8f1; color: #000; padding-bottom: 6px; text-decoration: none; }