@charset "utf-8";

/*
==========================================================================
	
	STYLE.CSS | CSS FRAMEWORK
	--------------------------
 	Main Project specific styles
	
	- Ambler & Co -
	
	author: FuelDesign Ltd www.fueldesign.co.nz

	Contents:
	--------------------------
	1 - Default Typography Sizing, Colours and Margins
	2 - Global Styles for types
	3 - Main Structural Divs
	4 - Header styles
	5 - Main body Styles
	6 - Footer Styles
	7 - Page Specific sty;es

==========================================================================
*/
	@import url("base.css");
	@import url("forms.css");
	/*@import url("shadowbox-light.css");*/

/*
==========================================================================
1 - Default Typography Sizing, Colours and Margins
==========================================================================
*/
body  {font-size: 11px;font-style: normal;font-weight: normal;font-variant: normal;font-family: "Lucida Sans Unicode", "Trebuchet MS", Verdana, sans-serif;text-align: center;color: #666766;background-color: #fff;line-height: 1.8em; /*background-color: #e1ddc5;*/ }
/*
==========================================================================
2 - Global Styles for types
==========================================================================
*/
/* links */
a:link, a:visited { border-bottom: none; color:#666766; }
a:hover, a:active { border-bottom: 1px solid #999; }
a:link.external, a:visited.external { background: transparent url(../images/bg/external.gif) top right no-repeat; padding-right: 12px; }

/* list types */
ul li { margin-left: 40px; margin-bottom: 5px; background-color: transparent; background-repeat: no-repeat; background-position: left top; }
ul { padding-bottom: 10px; }

dl dt { font-weight: bold; }
dl dd img { display: inline; }
/* ol li { list-style-type: lower-alpha; list-style-position: inside; } */

/* blockquotes */
blockquote { background-color: #F5F5F5; margin-bottom: 1em; }
blockquote p { font-family: georgia, "times new roman", serif; color: #CCC; font-size: 1.5em; margin: 5px 5px 5px 10px; }
blockquote cite { font-style: normal; color: #CCC; font-weight: bold; }

/* strong */
strong.error { color: #F00; }

/* em */
em.required { color: #F00; font-weight: bold; font-style: normal; }

/* headers */
h1, h2, h3 {
	color: #796800;
}

h4 { color: #333; }

/*
==========================================================================
3 - Main Structural Divs
==========================================================================
*/
#GlobalContainer  {
	width: 780px;  /* using 20px less (+plus 2px for border) than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF url(../images/bg/bg-canvas.jpg) repeat-y -3px top;/* fix for inconsistant bg image :) */
	margin: 25px auto 10px auto; /* the auto margins (in conjunction with a width) center the page */
	border-top: none 0px;
	border-bottom: none 0px;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#container { background-color:#FFF;margin:0 auto;position:relative;width:760px;min-height:959px;height:auto !important;height:959px; }

#header { background: #FFF; }

#leftSideBar { background:#FFF url(../images/bg/bg-sideBar.jpg) repeat-x left top;left:0;position:absolute;top:321px;width:163px; }

#mainContent { /*margin: 0 0 0 163px; padding: 10px 20px;*/ margin: 10px 20px 10px 183px; }

#footer { width: 100%; height: 30px; line-height: 30px; background: white url(../images/bg/bg-footer.jpg) repeat-x -15px top; }


/*
==========================================================================
4 - Header styles
==========================================================================
*/
#header h6 { margin: 0px; padding: 0px; }
#header h6 span { position: absolute; display:none; }
#header #nav { width: 100%; height: 30px; line-height: 30px; background: transparent url(../images/bg/bg-nav.jpg) repeat-x left top; padding-bottom: 0px; }
#header #nav li { list-style: none; display: inline; padding: 5px 10px; margin-left: 0px; }
#header #nav li.bg-spacer { padding: 0px; margin: 0px; width: 163px; }
#header #nav li.bg-spacer img { float: left; }
#header a { color: #333333; font-size: 10px; text-decoration: none; }
#header a.focus { font-weight: bold; }
/*
==========================================================================
5 - Main content styles
==========================================================================
*/
#leftSideBar_padding { padding: 10px 15px; min-height:619px; }
#leftSideBar { color: #796800; }
#leftSideBar h1 { color: black; text-transform: lowercase; font-size:12px;  }
#leftSideBar ul { margin: 0px 0px 10px 0px; width:100%; }
#leftSideBar ul li { text-align: right; list-style: none; line-height: 1.6em; width:100%; margin:0px; }

#leftSideBar ul li a { color: #796800; width:133px; display:block; border-bottom:0px solid transparent; }
#leftSideBar ul li h1 a { color:#000 ; }

#leftSideBar .youAreHere { color:#000; }
#leftSideBar ul li a.youAreHere { color:#000; width:100%; border-bottom:1px solid #999;  }
#leftSideBar ul li h1 a.youAreHere { color:#000; width:100%; border-bottom:1px solid #999;  }

#leftSideBar ul li ul { margin:0px; padding:0px; }
#leftSideBar ul li ul li { margin:0px; }
#leftSideBar ul li ul li a { width:133px; display:block; border-bottom:0px solid transparent; color: #666; }

#mainContent h1, #mainContent h2, #mainContent blockquote, #mainContent p { margin: 0px 0px 15px 0px; }
#mainContent h1 { font-size: 16px; }
#mainContent blockquote { margin-left: 20px; padding: 5px; width: 400px; color: #796800; background: #ece8e8 url(../images/bg/quoteCorner.gif) no-repeat right bottom; }

#mainContent a,
#mainContent a:link		{color:#796800}
#mainContent a:visited	{color:#111;}

ul.thumbs				{clear:right;padding:0px;margin:0px;}
ul.thumbs img			{display:inline;margin:0px;border:1px solid #ccc;}
ul.thumbs li			{display:inline;margin:0px;list-style-type:none;overflow:hidden;padding:0px;width:134px;height:134px;}

.intro img.right { float:right; border:1px solid #ccc; margin:0px 12px 10px 10px; }

.anchorNavs				{width:100%;height:20px;line-height:20px;background-color:#eeecdf;padding-bottom:0px;}
ul.anchorNavs			{margin-bottom:20px;}
.anchorNavs li			{list-style:none;display:inline;padding:5px 5px; margin-left:0px;border-left:1px solid #ccc;}
.anchorNavs li.first	{border-left:none 0px;}
#mainContent .anchorNavs a, #mainContent .anchorNavs a:link,
#mainContent .anchorNavs a:visited	{color:#666;}

.break					{display:block;border-bottom:1px solid #ccc;text-align:right;}
#mainContent .break a, #mainContent .break a:link, #mainContent .break a:visited	{color:#666;}
/*
==========================================================================
6 - Footer styles
==========================================================================
*/
ul#foot-nav { float:right; padding: 0 8px 0 0; }
ul#foot-nav li { list-style: none; display: inline; font-size: 10px; padding: 0 2px; margin-left: 0; }
#foot-nav a { color: #999 }
#foot-nav a:hover { color: #796800 }
/*
==========================================================================
7 - Page specific styles
==========================================================================
*/ 
.float-right { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.float-left { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.col-left				{float:left;width:45%;}
.col-right				{float:right;width:45%;}

.stockisktsTable		{width:100%;}
.stockisktsTable th		{margin:0px;padding:0px;text-align:left;color:#796800;}
.stockisktsTable td		{margin:0px;padding:0px;width:33%;}
#mainContent .stockisktsTable a,
#mainContent .stockisktsTable a:link	{color:#666}
#mainContent .stockisktsTable a:visited	{color:#111;}


dl.stockists { background: #EFEFEF; margin: 5px 0px 15px 0px; padding: 10px; border-bottom: 1px dashed #796800;border-top: 1px dashed #796800; }
dl.stockists:hover { background: #eeecdf; }
dl.stockists dt.title  { font-size: 13px; color: #796800; width:550px; }
dl.stockists dt { float:left;width:100px; }
dl.stockists dd { }

#flashcontent { line-height: 0px; margin-left:1px;}

ul#sitemap, #sitemap ul { list-style-type: none; background: #FFF url(../images/bg/vline.png) repeat-y; margin: 0; padding: 0; } 
#sitemap ul { margin-left: 40px; }
#sitemap li { margin: 0; padding: 0 12px; line-height: 20px; background: #fff url(../images/bg/node.png) no-repeat top left; text-transform:uppercase; font-weight:bold; }
#sitemap li.noshow { background:none;}
#sitemap li ul { margin-left: 28px; }
#sitemap li ul li { margin: 0; padding: 0 12px; line-height: 20px; background: #fff url(../images/bg/node.png) no-repeat top left; text-transform:none; font-weight:normal;} 
#sitemap li.last { background: #FFF url(../images/bg/lastnode.png) no-repeat; }
#sitemap a { border-bottom: none; }
ul#sitemap a:hover {color: #000;}

dl#contact_list { width: 400px; }
dl#contact_list dd { line-height: 20px; }
dl#contact_list dd a { display: block; height: 20px; }
dl#contact_list dt { float: left; width: 250px; line-height: 20px; }