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

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	background: url(imgs/balls_bg.jpg) no-repeat;
	margin-top:0px;
	}

div.container {
	position:relative;
	margin:0 auto;
	width:950px;
	height:550px;
	background:url(imgs/asc_main_bg.jpg) no-repeat;
	}
	
#asclogo {
	position:absolute;
	width:320px;
	height:135px;
	top:0px;
	left:0px;
	}
	
#homelink {
	position:absolute;
	width:86px;
	height:30px;
	top:130px;
	left:204px;
	}
	
#productslink {
	position:absolute;
	width:86px;
	height:30px;
	top:130px;
	left:290px;
	}
	
#concoctionslink {
	position:absolute;
	width:86px;
	height:30px;
	top:130px;
	left:376px;
	}
	
#stockistslink {
	position:absolute;
	width:86px;
	height:30px;
	top:130px;
	left:462px;
	}
	
#presslink {
	position:absolute;
	width:86px;
	height:30px;
	top:130px;
	left:548px;
	}
	
#contactuslink {
	position:absolute;
	width:86px;
	height:30px;
	top:130px;
	left:634px;
	}
	
#footerleft {
	position:absolute;
	width:860px;
	height:20px;
	top:535px;
	left:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:right;
	}
	
#footerright{
	position:absolute;
	width:65px;
	height:20px;
	top:535px;
	left:861px;
	}
	
#mapbox {
	position:absolute;
	width:530px;
	height:495px;
	left:90px;
	top:0px;
	}

#title {
	position:absolute;
	width:730px;
	height:60px;
	top:195px;
	left:160px;
	text-align:left;
	font-size:26px;
	font-weight:bolder;
	line-height:34px;
	color:#F60;
	font-weight:bold;
}

#hometitle {
	position:absolute;
	width:720px;
	height:30px;
	top:195px;
	left:160px;
	text-align:left;
	font-size:26px;
	font-weight:bolder;
	line-height:34px;
	color:#F60;
	font-weight:bold;
}

#content {
	position:absolute;
	width:730px;
	height:350px;
	top:270px;
	left:160px;
	text-align:left;
	line-height:20px;
}

#homecontent {
	position:absolute;
	width:720px;
	height:220px;
	top:240px;
	left:160px;
	text-align:left;
	line-height:20px;
}

#prodpic1 {
	position:absolute;
	width:175px;
	height:175px;
	top:0px;
	left:0px;
	font-weight:bold;
	text-align:center;
	}
	
#prodpic2 {
	position:absolute;
	width:175px;
	height:175px;
	top:0px;
	left:175px;
	font-weight:bold;
	text-align:center;
	}
	
#prodpic3 {
	position:absolute;
	width:175px;
	height:175px;
	top:0px;
	left:350px;
	font-weight:bold;
	text-align:center;
	}
	
#prodpic4 {
	position:absolute;
	width:175px;
	height:175px;
	top:0px;
	left:525px;
	font-weight:bold;
	text-align:center;
	}
	
#prodpic5 {
	position:absolute;
	width:175px;
	height:175px;
	top:175px;
	left:0px;
	font-weight:bold;
	text-align:center;
	}
	
#prodpic6 {
	position:absolute;
	width:175px;
	height:175px;
	top:175px;
	left:175px;
	font-weight:bold;
	text-align:center;
	}
	
#prodpic7 {
	position:absolute;
	width:175px;
	height:175px;
	top:175px;
	left:350px;
	font-weight:bold;
	text-align:center;
	}
	
#prodpic8 {
	position:absolute;
	width:175px;
	height:175px;
	top:175px;
	left:525px;
	font-weight:bold;
	text-align:center;
	}
	
#recipe1pic {
	position:absolute;
	width:150px;
	height:134px;
	top:0px;
	left:0px;
	}
	
#recipe1 {
	position:absolute;
	width:370px;
	height:134px;
	top:0px;
	left:160px;
	}
	
#recipe2pic {
	position:absolute;
	width:150px;
	height:134px;
	top:154px;
	left:0px;
	}
	
#recipe2 {
	position:absolute;
	width:370px;
	height:134px;
	top:154px;
	left:160px;
	}
	
#recipe3pic {
	position:absolute;
	width:150px;
	height:134px;
	top:308px;
	left:0px;
	}
	
#recipe3 {
	position:absolute;
	width:370px;
	height:134px;
	top:308px;
	left:160px;
	}
	
#recipe4pic {
	position:absolute;
	width:150px;
	height:134px;
	top:462px;
	left:0px;
	}
	
#recipe4 {
	position:absolute;
	width:370px;
	height:134px;
	top:462px;
	left:160px;
	}
	
#recipepagelink {
	position:absolute;
	width:360px;
	height:20px;
	top:650px;
	left:170px;
	text-align:right;
	font-weight:bold;
	}

#topbanner {
	position:absolute;
	width:610px;
	height:110px;
	top:10px;
	left:320px;
}

#sidebanner {
	position:absolute;
	width:100px;
	height:370px;
	top:150px;
	left:20px;
	}
	
#sidebanner2 {
	position:absolute;
	width:100px;
	height:310px;
	top:659px;
	left:20px;
	background-color:#3FC;
	}
	
#contentextend {
	position:absolute;
	width:950px;
	height:120px;
	top:500px;
	left:0px;
	background:url(imgs/main_bg_repeat.jpg) repeat-y;
	}
	
#contentbottom {
	position:absolute;
	width:950px;
	height:110px;
	top:620px;
	left:0px;
	background:url(imgs/main_bg_bottom.jpg) no-repeat;
	}

#sweetendisplay {
	position:absolute;
	width:188px;
	height:125px;
	top:510px;
	left:740px;
	background:url(imgs/sweeten_rightside.png) no-repeat;
	}
	
#extrapglink {
	position:absolute;
	width:360px;
	height:20px;
	top:626px;
	left:331px;
	text-align:right;
	font-weight:bold;
}


#stockistsanddistributorlink {
	position:absolute;
	width:235px;
	height:20px;
	top:200px;
	left:655px;
	text-align:right;
	font-weight:bold;
}

#stockistsmainbtn {
	position:absolute;
	width:245px;
	height:245px;
	top:60px;
	left:0px;
}

#distributormainbtn {
	position:absolute;
	width:245px;
	height:245px;
	top:60px;
	left:275px;
}

#submittextbox{
	position:absolute;
	width:330px;
	height:120px;
	top:295px;
	left:355px;
	font-size:24px;
	line-height:40px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
}

#recaptchabox {
	position:absolute;
	width:330px;
	height:130px;
	left:190px;
	top:610px;
}

/* media thumbnail and main articles*/
#article_main {
	position:absolute;
	width:485px;
	height:450px;
	left:230px;
	top:0px;
}

#article_thumb1 {
	position:absolute;
	width:90px;
	height:90px;
	left:0px;
	top:0px;
}

#article_thumb2 {
	position:absolute;
	width:90px;
	height:90px;
	left:0px;
	top:90px;
}

#article_thumb3 {
	position:absolute;
	width:90px;
	height:90px;
	left:0px;
	top:180px;
}

#article_thumb4 {
	position:absolute;
	width:90px;
	height:90px;
	left:0px;
	top:270px;
}

#article_thumb5 {
	position:absolute;
	width:90px;
	height:90px;
	left:0px;
	top:360px;
}
	
a:link {
	color: #00C;
	text-decoration:none;
	}
	
a:hover {
	color: #F60;
	text-decoration:none;
	}
	
a:visited {
	text-decoration:none;
	color: #900;
	}
	
a:link:hover, a:visited:hover {
	color: #F60;
	text-decoration:none;
	}
	
	
#formbox {
	position:absolute;
	width:730px;
	height:350px;
	left: 0px;
	top: 0px;
	line-height:18px;
}

label{
float: left;
width: 180px;
font-weight: bold;
color:#000066;
text-align:right;
padding-right:15px;
}

.labeltext{
float: left;
width: 180px;
font-weight: bold;
color:#000066;
}

.textarea{
width: 400px;
margin-bottom: 5px;
}

.commenttextarea{
width: 400px;
height: 120px;
}

.boxes{
width: 1em;
color:#666600;
}
.formbutton{
cursor:pointer;
background:url(imgs/submit_button.jpg) top left no-repeat;
color: #000000;
font-weight:bold;
margin-left:190px;
margin-top:10px;
}

.resetbutton{
cursor:pointer;
background: url(imgs/submit_button.jpg) top left no-repeat;
color: #000000;
font-weight:bold;
margin-left:50px;
margin-top:10px;
}

br{
clear: left;
}


/*table CSS */

table {
  background-color:#FFF;
  width:100%;
  border-collapse:collapse;
  text-align:left;
}

/* the border will be defined by the td tags */

th {
  background-color:#FFF;
  border:2px solid #F90;
  padding:10px;
  text-align:left;
}

td {
  background-color:#FFF;
  border:2px solid #F90;
  padding:10px;
  text-align:left;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/lightbox3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* slides styling */

.photo {width:720px; height:495px; background:url(imgs/back.jpg) no-repeat center center; text-align:left; position:relative;}

.photo dl {
	font-size:0.9em;
	position:absolute;
	width:350px;
	top:60px;
	left:60px;
}

.photoimg{
	font-size:0.9em;
	position:absolute;
	width:275px;
	height: 400px;
	top:40px;
	left:410px;
}

.photo dl dt {font-family: Arial, Helvetica, sans-serif, serif;font-size:1.8em; margin-bottom:1.5em;}
.photo dl dd {font-family:verdana, arial, sans-serif;  padding:0; margin:0; line-height:1.5em; margin-bottom:2em; font-size:11px;}
.photo dl dd:first-letter {font-weight:bold;}
.photo ul.topic {padding:0; margin:0; list-style:none; width:720px; height:auto; position:relative; z-index:10;}

.photo ul.topic li {display:block; width:240px; height:31px; float:left;}
.photo ul.topic li a.set {display:block; font-size:12px; width:239px; height:30px; text-align:center; line-height:30px; color: #030; font-weight:bold; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background: #9FD4C7; font-family:verdana, arial, sans-serif;}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#fff; background: #399;}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul 
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background: #FFF url(imgs/close.jpg) no-repeat right top; width:480px; padding:60px 100px; border:15px solid #84C7B2;}

.photo ul.topic li a:hover ul li, 
.photo ul.topic li:hover ul li 
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}

.photo ul.topic li a:hover ul li a, 
.photo ul.topic li:hover ul li a 
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background: #4CB1A2; border:1px solid #888;}

.photo ul.topic li a:hover ul li a img, 
.photo ul.topic li:hover ul li a img 
{display:block; width:100px; height:75px; border:3px solid #eee;}

.photo ul.topic li a:hover ul li a img.large, 
.photo ul.topic li:hover ul li a img.large 
{position:absolute; display:block; width:0; height:0; overflow:hidden; border:0;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

/*thumbnail rollover large imgs*/
.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#fff;}

.photo ul.topic li a:hover ul li a:hover img.large, 
.photo ul.topic li:hover ul li a:hover img.large 
{position:absolute; display:block; width:0; height:0; overflow:hidden; border:0;}

.photo ul.topic li:hover ul li a:focus, 
.photo ul.topic li:hover ul li a:active,
.photo ul.topic li a:hover ul li a:active 
{position:static; outline:0;}

.photo ul.topic li:hover ul li a:focus img, 
.photo ul.topic li:hover ul li a:active img, 
.photo ul.topic li a:hover ul li a:active img 
{position:absolute; left:200px; top:170px; width:200px; height:150px; padding:0; background:#000; border:0; z-index:5;}

.photo ul.topic li:hover ul li a:focus img.large, 
.photo ul.topic li:hover ul li a:active img.large, 
.photo ul.topic li a:hover ul li a:active img.large 
{position:absolute; left:15px; top:24px; width:640px; height:425px; padding:0; background: #BCE1D7; border:4px solid #fff; z-index:10;}

/*boylan video css*/
#boylanvideo {
	position:relative;
	margin:0 auto;
	width:540px;
	height:360px;
	margin-top:0px;
	}
	
#videothumb1 {
	position:absolute;
	width:67px;
	height:50px;
	left:260px;
	top:365px;
	}
	
#videothumb2 {
	position:absolute;
	width:67px;
	height:50px;
	left:327px;
	top:365px;
	}
	
#videothumb3 {
	position:absolute;
	width:67px;
	height:50px;
	left:394px;
	top:365px;
	}