@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;margin:15px 0;}

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:0;}

#leftSideBar ul li a {color:#796800;width:133px;display:block;border-bottom:0 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:0;padding:0;}
#leftSideBar ul li ul li {margin:0;}
#leftSideBar ul li ul li a {width:133px;display:block;border-bottom:0 solid transparent;color:#666;}

#mainContent h1, #mainContent h2, #mainContent blockquote, #mainContent p, #mainContent ul {margin:15px 0;padding:0;}
#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:0;margin:15px 0;}
ul.thumbs img			{display:inline;margin:0;border:1px solid #ccc;}
ul.thumbs li			{display:inline;margin:0;list-style-type:none;overflow:hidden;padding:0;width:134px;height:134px;}

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

.anchorNavs				{width:100%;height:20px;line-height:20px;background-color:#eeecdf;padding-bottom:0;}
ul.anchorNavs			{margin-bottom:20px;}
.anchorNavs li			{list-style:none;display:inline;padding:5px 5px;margin-left:0;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:0;padding:0;text-align:left;color:#796800;}
.stockisktsTable td		{margin:0;padding:0;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;}