/* @override 
	http://astrawalker.vtc.net.au/css/basic/custom.css
	http://astrawalker.vtc.net.au/css/basic/print.css
	http://www.astrawalker.com.au/css/basic/custom.css
	http://www.astrawalker.com.au/css/basic/print.css
*/

/* @group body */

html {
	float: left;
	width: 100%;
	background: #534f4c url(/images/interface/page_bkg.gif) repeat 50% 0;
	font-size: 100%;
	line-height: 1.5;
}

body {
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	background: transparent url(/images/interface/body_bkg.png) no-repeat 50% -30px;
	color: #333;
	float: left;
	width: 100%;
	font-size: 0.75em;
	line-height: 1.5;
	position: absolute; /* for ie8 background */
}

a:link, a:visited {
	color: #fff;
	text-decoration: none;
	outline: none;
}

a:hover, a:active {
	color: #999;
	text-decoration: underline;
	outline: none;
}

pre, tt, kbd, code, samp {
	font-family: Monaco, "Courier New", Courier, mono;
	padding: 0.45em;
	border: 1px dotted #ddd;
	display: block;
	background-color: #eee;
}

acronym, abbr, dfn {
	font-style: normal;
}

acronym[title], abbr[title], dfn[title] {
	border-bottom: 1px dotted #999;
	cursor: help;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;	
	color: #fff;
	text-transform: uppercase;
	clear: both;
}

* html h1, * html h2, * html h3, * html h4, * html h5, * html h6 {
	clear: none;
}

h1 {
	font-size: 2em;
	margin: 0 0 0.75em 0;
	font-weight: normal;
}

h2 {
	font-size: 1.75em;
	margin: 0 0 0.5em 0;
}

h3 {
	font-size: 1.25em;
	margin: 0 0 0.94em 0;
}

h4 {
	font-size: 1em;
	margin: 0 0 1.5em 0;
}

table {
	clear: both;
	margin: 10px 0;
	border-collapse: collapse;
}

th, td {
	font-size: 0.9em;
}

form {
	margin: 0;
	padding: 0;
	/* hide from mac ie \*/
	/*height: 1%; */
}

select, input, textarea {
	/*font-family: "Lucida Grande", Verdana, sans-serif;*/
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

p, ul, ol, blockquote, address, table {
	margin-top: 0;
	margin-bottom: 0.9em;
	font-style: normal;
}

blockquote {
	margin: 0 0 20px 0;
	padding: 0;
}

p.error {
	font-size: 0.9em;
	padding: 10px;
	color: #fff;
	font-weight: bold;
	background-color: #df002c;
	border: 1px solid #df002c;
}

.clear {
	clear: left;
	font-size: 0;
	line-height: 0;
	padding: 0;
	margin: 0;
	border: 0;
}

.hidden {
	/* used to hide accessibility items */
	position: absolute;
	left: -9999px;
}

.standfirst {
	color: #487fbb;
	font-weight: normal;
	border: 2px solid #d7dce6;
	border-width: 2px 0;
	padding: 10px 0 0 0;
	font-size: 1.2em;
	line-height: 1.3;
}

.breakout {
	color: #333;
	font-weight: normal;
	border-left: 10px solid #ffb51a;
	background-color: #f8f0cb;
	padding: 15px;
}

.note {
	float: left;
	padding: 13px 15px 0 15px;
	background: #eaedf2;
	color: #718099;
	margin: 10px -1px 20px -1px;
	border: 1px solid #d7dce6;
	width: 510px;
	position: relative;
}

img {
	float: left;
	padding: 0;
	margin: 0;
	text-decoration: none;
	padding: 0;
	margin: 0;
	border: 0;
}

.left {
	float: left;
}

.right {
	float: right;
}

sup {
	vertical-align: text-top;
	font-size: 50%;
	padding-left: 0.15em;
}

.light {
	font-weight: normal;
	color: #b8b4b3;
}

/* @end */

/* @group layout */

#wrapper {
	float: left;
	width: 100%;
	padding-bottom: 20px;
}

#container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

#header {
	float: left;
	width: 100%;
	height: 100px;
	margin: 0;
	position: relative;
	overflow: visible;
	background: #fff url(/images/interface/body_bkg.png) no-repeat 50% -30px;
	z-index: 10;
}

#nav {
	/*float: right;*/
	width: 398px;
	height: 55px;
	margin: 0 320px 0 240px;
	/*display: inline;  combat IE6 Doubled float-margin bug */
	position: absolute;
	bottom: 0;
	border: 1px solid #bfbfbf;
	border-width: 0 0 0 1px;
}

#content {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #fff;
}

#columns {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #322f2e;
}

#main {
	float: right;
	width: 960px;
	display: inline; /* combat IE6 Doubled float-margin bug */
	padding: 0;
	margin: 0;
	min-height: 400px;
	position: relative;
}

* html #main {
	height: 400px;
}

#sidebarL {	
	float: left;
	width: 240px;
	min-height: 400px;
	display: inline; /* combat IE6 Doubled float-margin bug */
	margin: 0;
	padding: 0;
	position: relative;
}

* html #sidebarL {	
	height: 420px;
}

#footer {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	float: left;
	width: 100%;
	display: inline; /* combat IE6 Doubled float-margin bug */
	font-size: 0.9em;
	line-height: 2.75;
	padding: 0;
	margin: 0;
	color: #666;
}

/* @end */

/* @group header */

#header h1 {
	float: right;
	padding: 0;
	margin: 0;
	width: 140px;
	height: 140px;
	display: block;
	top: 30px;
	right: 30px;
	position: absolute;
}

#header h1 a {
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background: #df002c url(/images/interface/logo.png) no-repeat 0 50%;
	position: absolute;
}

/* @end */

/* @group nav */

/* @group lev1 */

#nav .lev1 {
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 100%;
}

#nav .lev1 li {
	float: right;
	margin: 0;
	padding: 0;
	list-style-type: none;
	white-space: nowrap;
	font-size: 1em;
	line-height: 1.5;
	width: 160px;
}

#nav .lev1 li a:link, #nav .lev1 li a:visited {
	text-align: right;
	float: left;
	display: block;
	padding: 0 10px 0 0;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0;
	font-weight: normal;
	width: 150px;
	color: #999;
	overflow: hidden;
}

#nav .lev1 li.e1 {
	float: left;
	width: 225px;
	height: 55px;
}

/* * html #nav .lev1 li.e1 {
	position: absolute;
	bottom: 0;
	left: 0;
}*/

#nav .lev1 li.e1 a {
	width: 100% !important; /* important set for ie6 */
	height: 100%;
	padding: 0 !important;
	text-align: left !important;
	text-indent: -9999px;
	background: transparent url(/images/interface/browse-products-go-lrg.png) no-repeat -1px 0;
}

#nav .lev1 li.e1 a:hover {
	background-image: url(/images/interface/browse-products-go-hover-lrg.png);
}

#nav .lev1 li a:hover, #nav .lev1 li a:active {
	color: #666;
}

#nav .lev1 li.hilite a:link, #nav .lev1 li.hilite a:visited {
	color: #333;
}

#nav .lev1 li.hilite a:hover, #nav .lev1 li.hilite a:active {
	color: #000;
}

/* @end */

/* @group drawer */

.article .drawer {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 318px;
	margin: 0;
	padding: 0;
	/*background-color: rgba(50,47,46,0.9);*/
	background: transparent url(/images/interface/drawer-bkg.png) no-repeat 0 0;
	border: 1px solid #534f4c;
	border-right-color: #322f2e;
	border-bottom: none;
	z-index: 4;
	/* visibility: hidden; */
}

.article .drawer .drawer_content {
	clear: both;
	overflow: hidden;
	position: relative;
	width: 300px;
	margin: 0 9px;
	padding: 0 0px;
}

.article .drawer .drawer_content .container {
	height: 100% !important;
	width: 100% !important;
}

/* @group search */

.drawer #search_menu {
	height: 100%;
}

.drawer #search_menu_results { /* required by ie */
	width: 100%;
	float: left;
}

.drawer #search_menu p {
	clear: both;
	margin: 10px 0 0 0;
	padding: 0;
	float: left;
	width: 100%;
	position: relative;
}

.drawer form, .drawer fieldset, .drawer legend {
	float: left;
	width: 100%;/**/
	color: #fff;
	margin: 0;
	padding: 0;
}

.drawer form {
	margin: 10px 0 0 0;
	padding: 0;
	float: left;
	width: 298px;
}

.drawer label {
	position: absolute;
	left: -9999px;
}

.drawer input {
	width: 290px;
	margin: 0;
	padding: 4px;
	border: 1px solid #656362;
	font-size: 1em;
	line-height: 1.5;
	background-color: #322f2e;
	color: #fff;
	position: relative;
	z-index: 10000;
}

.drawer .loading input {
	background-image: url(/images/interface/loading_anim.gif);
}

.drawer ul.search {
	margin: 0px -10px;
	padding: 0;
	background-image: url(/images/interface/product_thumb_bkg.png);
	position: relative;
	overflow: hidden;
	width: 320px;
	height: 160px;
	float: left;
	position: absolute;
	left: 0;
	top: 68px;/* anchor top rather than bottom for drawer animation */
	/*bottom: 0;*/
}

.drawer ul.search li {
	float: left;
	margin: 0;
	padding: 10px;
	position: relative;
	list-style: none;
	width: auto;
}

.drawer ul.search li a {
	float: left;
	display: block;
	text-decoration: none;
}

.drawer ul.search li a:hover {
	border-bottom: 3px solid #df002c;
	margin-bottom: -3px;
}

/* @end */

/* @group subscribe */

.drawer legend {
	margin-bottom: 1em;
	font-weight: bold;	
}

.drawer input.required {
	margin-bottom: 1em;
}

.drawer input.button {
	width: 50%;
	float: right;
	cursor: pointer;
}

.drawer input.button:active {
	background-color: #656362;
}

.drawer input.error {
	border-color: #df002c;
	color: #df002c;
}

/* @end */

/* @group article */

.article .drawer .body {
	margin: 10px 0 0 0;
	padding: 0;
	float: left;
	width: 100%;
}

.article .drawer h2 {
	margin: 0;
	padding: 0 10px;
	font-size: 1.2em;
	line-height: 2.25;
	font-weight: bold;
	background: transparent url(/images/interface/drawer_open.gif) no-repeat 97% 50%;
	text-transform: uppercase;
}

.article .drawer.active h2 {
	background-image: url(/images/interface/drawer_close.gif);
}

.article .drawer h3 {
	margin: 1em 0 0 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.5;
	text-transform: uppercase;
	color: #b8b4b3;
}

.article .drawer h3:first-child {
	margin: 0;
}

.article .drawer a.link, .article .drawer a.filelink {
	margin: 3px 0 0 0;
	padding: 3px 18px 3px 6px;
	border: 1px solid #656362 !important;
	font-size: 0.9em;
	background: #322f2e url(/images/interface/download-arrow.gif) no-repeat 100% 50%;
	display: inline-block;
}

/* @end */

/* @end */

/* @group tabs */

.drawer ul.tabs {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}

.drawer ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 50%;
}

.drawer ul.tabs li {
	background: transparent url(/images/interface/drawer_open.gif) no-repeat 95% 50%;
}

.drawer.active ul.tabs li {
	background-color: #322f2e;
	background-image: url(/images/interface/drawer_toggle.gif);
}

.drawer.active ul.tabs li.active {
	background-color: transparent;
	background-image: url(/images/interface/drawer_close.gif);
}

.drawer ul.tabs li a {
	width: 139px;
	display: block;
	float: left;
	margin: 0 -1px 0 0;
	padding: 0 10px;
	font-size: 1.2em;
	line-height: 2.15;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	border: 1px solid #534f4c;
	/*border-width: 0 1px 1px 0;
	background: transparent url(/images/interface/drawer_open.gif) no-repeat 95% 50%;*/
	color: #fff;
}

.drawer ul.tabs li a {
	width: 124px;
	padding: 0 10px 0 25px;
	background: transparent no-repeat 5px 50%;
}

/*.drawer.active ul.tabs li a {
	background-color: #322f2e;
	background-image: url(/images/interface/drawer_toggle.gif);
}

.drawer.active ul.tabs li.active a {
	background-color: transparent;
	background-image: url(/images/interface/drawer_close.gif);
}*/

.drawer ul.tabs li.left a {
	background-image: url(/images/interface/drawer_subscribe.gif);
}

.drawer ul.tabs li.right a {
	background-image: url(/images/interface/drawer_search.gif);
}

.product .drawer ul.tabs li.left a {
	background-image: none;
	width: 139px;
	padding-left: 10px;
}

.drawer ul.tabs li.left a {
	border-width: 0 1px 1px 0;
}

.drawer ul.tabs li.right a {
	border-width: 0 0 1px 1px;
}

.drawer.active ul.tabs li.active.left a {
	border-width: 0 1px 0 0;
}

.drawer.active ul.tabs li.active.right a {
	border-width: 0 0 0 1px;
}

/* @end */

/* @group tooltips */

.tooltip-container {
	/*width: 125px;*/
	min-width: 90px;
	max-width: 125px;
	max-width: 140px;
	padding: 2px 5px;
	/*background-color: rgba(50,47,46,0.9);*/
	background-color: #000;
	border: 1px solid #fff;
	color: #fff !important;
	text-align: left;
	z-index: 1000;
	position: relative;
	overflow: visible;
}

.tooltip-container .tooltip-title {
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	text-transform: none; /* cancel global header uppercase */
}

.tooltip-container .tooltip-image {
	display: block;
	margin: 3px 0;
	padding: 0;
	width: 140px;
	height: 140px;
	background: transparent url(/images/interface/spinner-lrg.gif) no-repeat 50% 50%;
}

.tooltip-container .tooltip-stem {
	position: absolute;
	/*background: transparent url(/images/interface/tooltip-stems.png) no-repeat;*/
	background: transparent no-repeat;
	width: 10px;
	height: 10px;
}

/* @group top */

.tooltip-container.top .tooltip-stem,
.tooltip-container.topleft .tooltip-stem,
.tooltip-container.topright .tooltip-stem {
	background-image: url(/images/interface/tooltip-stem-v.png);
	top: -10px;
}

.tooltip-container.top .tooltip-stem {
	left: 0;
	width: 100%;
	background-position: center top;
}

.tooltip-container.topleft .tooltip-stem {
	left: -1px;
	background-position: left top;
}

.tooltip-container.topright .tooltip-stem {
	right: -1px;
	background-position: right top;
}

/* @end */

/* @group bottom */

.tooltip-container.bottom .tooltip-stem,
.tooltip-container.bottomleft .tooltip-stem,
.tooltip-container.bottomright .tooltip-stem {
	background-image: url(/images/interface/tooltip-stem-v.png);
	bottom: -10px;
}

.tooltip-container.bottom .tooltip-stem {
	left: 0;
	width: 100%;
	background-position: center bottom;
}

.tooltip-container.bottomleft .tooltip-stem {
	left: -1px;
	background-position: left bottom;
}

.tooltip-container.bottomright .tooltip-stem {
	right: -1px;
	background-position: right bottom;
}

/* @end */

/* @group left */

.tooltip-container.left .tooltip-stem,
.tooltip-container.lefttop .tooltip-stem,
.tooltip-container.leftbottom .tooltip-stem {
	background-image: url(/images/interface/tooltip-stem-h.png);
	left: -10px;
}

.tooltip-container.left .tooltip-stem {
	top: 0;
	height: 100%;
	background-position: left center;
}

.tooltip-container.lefttop .tooltip-stem {
	top: -1px;
	background-position: left top;
}

.tooltip-container.leftbottom .tooltip-stem {
	bottom: -1px;
	background-position: left bottom;
}

/* @end */

/* @group right */

.tooltip-container.right .tooltip-stem,
.tooltip-container.righttop .tooltip-stem,
.tooltip-container.rightbottom .tooltip-stem {
	background: url(/images/interface/tooltip-stem-h.png);
	right: -10px;
}

.tooltip-container.right .tooltip-stem {
	top: 0;
	height: 100%;
	background-position: right center;
}

.tooltip-container.righttop .tooltip-stem {
	top: -1px;
	background-position: right top;
}

.tooltip-container.rightbottom .tooltip-stem {
	bottom: -1px;
	background-position: right bottom;
}

/* @end */

/* @end */

/* @group overflow */

.scroll-bar {
	width: 20px;
	position: absolute;
	top: -1px;
	bottom: 0;
	left: -10px;
	height: 100%;
	/*height: 320px;*/
	z-index: 1;
	border: 1px solid #656362;
	border-width: 1px 0 0 1px;
}

.scroll-widget {
	background-color: #aaa8a7;
	position: absolute;
	left: 0;
	width: 9px;
	/*height: 50%;*/
	z-index: 100;
}

.scroll-widget-top, .scroll-widget-bottom {
	position: absolute;
	left: 0;
	background-image: url('/images/interface/scroll-widget-ends.png');
	width: 9px;
	height: 3px;
	overflow: hidden;
	background-repeat: no-repeat;
	margin: 5px 0;
}

.scroll-widget-top {
	background-position: 50% -3px;
	top: 0;
}

.scroll-widget-bottom {
	background-position: 50% 0;
	bottom: 0;
}

* html .scroll-widget-bottom {
	bottom: -1px; /* required because ie6 misplaces bottom widget */ 
}

/*.scroll-button-up, .scroll-button-down {
	background: #999 no-repeat 0 0;
	width: 10px;
	height: 10px;
	position: absolute;
	left: 0;
	overflow: hidden;
	display: none;
}

.scroll-button-up {
	background-image: url('/images/interface/scroll-button-up.gif');
	top: -15px;
}

.scroll-button-down {
	background-image: url('/images/interface/scroll-button-down.gif');
	bottom: -15px;
}*/

/* @end */

/* @group panorama */

.textures, .heros {
	width: 320px;
	height: 400px;
	overflow: hidden;
	float: right;
	/*position: relative;*/

	position: absolute;
	top: 0;
	right: 0;
}

.heros {
	width: 720px;
}

.textures span {
	position: absolute;
	display: block;
	right: 10px;
	top: 0;
	height: 400px;
	width: 10px;
	z-index: 3;
}

* html .textures span {
	/*display: none;  hidden from ie6 to avoid horrible crashing, go figure */
	display: inline;
}

.textures span a {
	position: relative;
	float: left;
	height: 8px;
	width: 8px;
	border: 1px solid #fff;
	overflow: hidden; /* require by ie6 to keep square */
	text-indent: -9999px;
	margin: 10px 0 0 0;
	background-image: url(/images/trans_pixel.gif);
}

.textures span a.focused {
	border-color: #df002c;
}

.textures div.paused {
	position: absolute;
	right: 13px;
	top: 13px;
	height: 4px;
	width: 4px;
	text-indent: -9999px;
	background-color: #df002c;
	z-index: 2;
	overflow: hidden; /* require by ie6 to keep square */
}

/* @end */

/* @group sidebar */

#sidebarL .lev1 {
	float: left;
	text-align: right;
	padding: 0;
	margin: 0 0 15px 0;
	list-style-type: none;
	width: 100%;
}

#sidebarL .lev1 li {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
}

#sidebarL .lev1 li a {
	margin: 0 10px 0 0;
	padding: 0.5em 0 0.5em 10px;
	font-size: 1em;
	line-height: 1.5;
	color: #fff;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	position: relative;
	border-bottom: 1px solid #534f4c;
	float: left;
	width: 220px;
}

#sidebarL .lev1 li a:hover {
	color: #000;
}

#sidebarL .lev1 li.focus a, #sidebarL .lev1 li.focus a:hover {
	padding-right: 10px;
	margin-right: -10px;
	border: none;
	border-bottom: 2px solid #fff;
	font-weight: bold;
}

/* @end */

/* @group product */

ul.products, ul.products ul {
	float: left;
	width: 240px;
	height: 400px;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}

* html ul.products {
	overflow: visible; /* required because ie6 was hiding overflow scrollbar */
	margin: 0 -10px !important;	
}

ul.products ul {
	margin: 0 -10px;
	padding: 0;
	/*height: 320px;*/
	height: 350px; /* make bigger to partially expose the next row of thumbnails */
	overflow-y: auto;
	overflow-x: none;
	/*background-image: url(/images/interface/product_thumb_bkg.png);*/
}

* html ul.products ul {
	position: absolute;  /* required because ie6 was hiding overflow scrollbar */
	bottom: 0;
	left: 0;
}

ul.products li {
	float: left;
	margin: 0 10px;
	padding: 0;
	position: relative;
	list-style: none;
	width: 220px;
	font-size: 2.2em;
	/*display: inline;*/
}

/* ul.products>li>a */
ul.products li a.first {
	text-decoration: none;
	text-align: right;
	text-transform: uppercase;
	border-bottom: 1px solid #656362;
	width: 100%;
	display: block;
	font-weight: lighter;
	/*margin: 40px 0 0 0;*/
	margin: 10px 0 0 0; /* reduce margin to partially expose the next row of thumbnails */
	padding: 0;
}

ul.products li li {
	float: left;
	margin: 0;
	padding: 10px;
	position: relative;
	list-style: none;
	width: auto;
	display: inline;
}

ul.products li li a {
	float: left;
	display: block;
	text-decoration: none;
}

* html ul.products li li a {
	margin-left: 1px;
	margin-right: -3px; /* fix duplicate character bug in ie6 */
	display: inline;
}

ul.products li li a:hover, ul.products li li.focus a {
	border-bottom: 3px solid #aaa8a7;
	margin-bottom: -3px;
}

ul.products li li.focus a {
	border-bottom-color: #df002c;
}

#main div.product h1.pagetitle {
	color: #7f7e7d;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 2.15;
	margin: 0;
	padding: 0 10px;
	position: absolute;
	left: 240px;
	bottom: 1px;
	width: 380px;
	display: block;
	text-align: right;
}

/* @end */

/* @group series */

ul.series, ul.series ul {
	width: 640px;
}

ul.series li li a span {
	position: absolute;
	left: 10px;
	bottom: 10px;
	width: 130px;
	font-size: 0.2em;
	line-height: 1;
	text-transform: uppercase;
	padding: 5px;
	color: #333;
	/*background-color: rgba(50,47,46,0.9);*/
	background: transparent url(/images/interface/drawer-bkg.png) no-repeat 0 0;
	color: #fff;
}

* html ul.series li li a span {
	left: 11px;
}

/* @end */

/* @group category */

.category ul.products, .category ul.products ul {
	width: 640px;
}

/* @end */

/* @end */

/* @group main */

#main .article, #main .article .article {
	color: #fff;
	padding: 0; /* 1px padding to prevent margin collapse */
	margin: 0;
	float: left; /* required to stop images escaping */
	width: 100%; /* required beause float collapses width */
	display: inline; /* combat IE6 Doubled float-margin bug */
	position: relative;
	height: 100%;
}

#main h1.pagetitle, #main h1.embedtitle {
	display: none;
}

#main .body a:link, #main .body a:visited {
	border-bottom: 1px solid #bbb;
	text-decoration: none;
}

#main .body a:hover, #main .body a:active {
	border-bottom: 1px solid #666;
	text-decoration: none;
}

/* @group article */

#main .article.default {
	float: left;
	margin: 0;
	padding: 0;
	width: 640px;
}

#main .article.default h1.pagetitle {
	text-decoration: none;
	text-align: right;
	text-transform: uppercase;
	border-bottom: 1px solid #656362;
	width: 230px;
	display: block;
	font-weight: lighter;
	margin: 40px 0 0 0;
	padding: 0;
	font-size: 2.2em;
	line-height: 1.5;
}

#main .article.default .body {
	float: left;
	margin: 0;
	padding: 20px 20px 10px 20px;
	width: 600px !important;
	height: 290px;
	overflow-y: scroll;
}

* html #main .article.default .body {
	position: absolute;  /* required because ie6 was hiding overflow scrollbar */
	bottom: 0;
	left: 0;
}

#main .article.default .body h2 {
	margin-top: 1em;
	padding: 0.5em 0 0 0;
	border-top: 1px solid #656362;
}

#main .article.default .body h2:first-child,
#main .article.default .body h2.first,
#main .article.default .body .tab h2 {
	margin-top: -20px;
	padding: 0.5em 0 0 0;
	border: none;
}

#main .article.default .body h3 {
	clear: none;
}

#main .article.product .product {
	float: left;
	background-color: #ddded8;
	width: 400px;
	height: 400px;
}

/* @end */

/* @group tabs */

/* selected as .default .default for ie6 selector bug */
.default .default.tabs {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
}

.default .default.tabs ul {
	float: left;
	width: 100%;
	width: 600px !important;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #aaa8a7;
	overflow: visible;
}

.default .default.tabs ul li {
	float: left;
	margin: 0 5px -1px 0;
	padding: 0;
	border: 1px solid #aaa8a7;
	list-style: none;
	position: relative; /* required for ie6 negative margin */
	background: #534f4c;
}

.default .default.tabs ul li.active {
	background: none;
	border-color: #aaa8a7;
	border-bottom-color: #322f2e;
}

.default .default.tabs ul li.active a:link, .default .default.tabs ul li.active a:visited {
	background: transparent;
	color: #fff;
}

.default .default.tabs ul li.active a:hover, .default .default.tabs ul li.active a:active {
	color: #df002c;
}

.default .default.tabs ul li a:link, .default .default.tabs ul li a:visited,
.default .default.tabs ul li a:active, .default .default.tabs ul li a:hover {
	display: block;
	float: left;
	margin: 0;
	padding: 0 15px;
	line-height: 22px;
	text-decoration: none;
	border: none !important;
	background: none;
	font-weight: bold;
	background: transparent url(/images/interface/drawer-bkg.png) no-repeat 0 0;
	color: #aaa8a7;
}

.default .default.tabs ul li a:hover {
	background: #534f4c;
}

.default .default.tabs .tab {
	float: left;
	/*width: 100% !important;*/
	width: 600px !important; /* requires px width to calculate correctly */
	margin: 0;
	margin-right: -3px;
	padding: 16px 0 20px 0;
}

.default .default.tabs div.container {
	float: left;
	width: 600px !important;
}

/* @end */

/* @end */

/* @group footer */

#footer .left {
	float: left;
	color: #333;
	width: 640px;
	margin: 0 0 0 0;
	padding: 30px 0 0 0;
	text-transform: uppercase;
	border: 1px solid #aaa8a7;
	border-width: 0 1px 1px 0;
}

#footer .left li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 20px 0 0;
	color: #8f8e8e;
}

#footer .right {
	float: right;
	color: #666;
	margin: 30px 0 0 0;
	padding: 0 0 0 0;
	width: 230px;
	height: 30px;
	/*text-align: right;*/
	background: transparent url(/images/interface/footer_logo.png) no-repeat 100% 100%;
	text-indent: -9999px;
}

#footer .right .sitename {
	font-weight: bold;
	color: #666;
}

#footer a:link, #footer a:visited {
	color: #fff;
	border-bottom: none;
}

#footer a:hover, #footer a:active {
	text-decoration: none;
	border-bottom: 1px solid #000;
}

#footer a.hilite {
	border-bottom: 1px solid #fff;
}

/* @end */

/* @group search */

/* @group request */

.search table  {
	margin: 0;
	padding: 10px 0;
}

.search th, .search td {
	/*font-size: 10px;*/
	font-style: 1em;
	text-align: left;
}

.search th {
	padding: 5px 3px 5px 0;
}

.search .help {
	color: #666;
	line-height: 1.2;
}

/* @end */

/* @group results */

/* @group title */

.search dt {
	font-weight: bold;
	margin: 5px 0;
}

.search dt a {
	text-decoration: none;
}

.search dt a:hover {
	text-decoration: none;
	border-bottom: 1px solid #333;
}

/* @end */

.search dd {
	margin-left: 20px;
}

.search dd .s_excerpt {
	/*font-size: 10px;*/
	font-size: 0.9em;
	color: #666;
	line-height: 1.2;
}

.search dd strong, .search dd b, .search dt b {
	font-weight: bold;
	color: #333;
	border-bottom: 1px dotted #666;
	background-color: #fe9;
}

/* @group score */

.search p.s_scoreC, .search span.s_scoreB {
	font-size: 1px;
	height: 8px;
	display: block;
}

.search p.s_scoreC {
	position: absolute;
	right: 15px; /* pc ie workaround */
	top: 5px;
	width: 50px;
	border: 1px solid #ccc;
	background-color: #fff;
}

html>body .search p.s_scoreC {
	right: 0; /* override for everything but ie */
}

.search span.s_scoreB {
	/*background: #f60 url(/images/interface/score.gif) repeat-x 0px 50%;*/
	background-color: #487fbb;
	border-right: 1px solid #333;/**/
}

/* @end */

.search dd p {
	color: #333;
}

.search dd div {
	border: 1px solid #eee;
	margin-top: 5px;
}

.search dd div div {
	background-color: #eee;
	border: 1px solid #eee;
	margin: 5px;
	padding: 2px 0;
	position: relative;
}

.search dd div p, .search dd div div p {
	margin: 5px;
}

.search dd div div div {
	border-top: 2px solid #fff;
	margin: 5px 5px 0 5px;
}

.search dd div div p {
	/*font-size: 10px;*/
	font-size: 0.9em;
	margin: 0 5px;
	color: #000;
}

.search dd div div p span {
	font-weight: bold;
	color: #545e6b;
}

/* @group files */

.search dd div div div p {
	color: #000;
	margin: 0;
	background: url(/images/interface/arrow_right.gif) no-repeat 0px 50%;
	padding-left: 16px;
}

.search dd div div div p.s_notes, .search dd div div div p.s_filename {
	background: 0;
}

.search dd div div div p a {
	text-decoration: none;
	border-bottom: 0;
	font-weight: bold;
}

.search dd div div div p a:hover {
	text-decoration: none;
	border-bottom: 1px solid #333;
}

.search dd div div div p span {
	font-weight: bold;
	color: #48146a;
	display: none;
}

.search dd div p.s_description {
	font-weight: bold;
	color: #333;
}

.search dd div p.s_description span.s_size {
	font-weight: normal;
	display: inline;
	color: #000;
}

.search dd div div div p.s_filename {
	color: #ffb51a;
	font-weight: normal;
}

/* @end */

/* @end */

/* @group pagination */

.search .pages {
	padding: 10px 0;
	border-top: 1px solid #ddd;
}

.search p.pages a {
	font-weight: bold;
}

.search p.pages strong {
	color: #666;
}

/* @end */

/* @end */

/* @group sitemap */

.sitemap {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}

.sitemap li {
	padding: .2em 0;
	margin: 0;
}

.sitemap li li {
	padding: 0;
	margin: 0;
}

.sitemap ul ul {
	list-style: inherit;
}

/* @end */

/* @group formmail */

/* @group table */

.formmail table {
	/*border-top: 1px solid #eee;*/
	border-collapse: collapse;
	width: 100%;
}

.formmail th, .formmail td {
	font-size: 11px;
	padding: 3px;
	/*border-bottom: 1px solid #eee;*/
	text-align: left;
	border-collapse: collapse;
}

.formmail th {
	vertical-align: top;
	text-align: right;
	white-space: nowrap;
	padding: 3px 10px 3px 0;
	color: #666;
	line-height: 22px;
	border-right: 1px solid #ddd;
	/* hide from mac ie \*/
	width: 1%; /**/
}

.formmail td {
	position: relative;
	padding-left: 10px;
}

.formmail td input, .formmail td select {
	width: 65%;
	margin: 2px 0;
	border: 1px solid #aaa;
	padding: 2px;
}

.formmail td select {
	width: auto;
}

/* @end */

/* @group tableless */

/* @group contact */

div.input, div.checkbox, div.select {
	float: left;
	width: 272px;
}

div.input input {
	width: 266px;
}

div.comments {
	clear: both;
	float: none;
}

div.telephone input, div.state input, div.postcode input {
	width: auto;
}

div.checkbox, div.checkbox input, div.checkbox label {
	float: left;
}

div.checkbox fieldset {
	width: 100%;
}

span.checkbox {
	float: left;
	width: 100%;
	margin-right: -3px; /* for ie6 duplicate char bug */
}

span.checkbox label {
	text-transform: none !important;
}

div.checkbox input {
	margin-right: 5px;
}

div.checkbox span.intro {
	display: block;
	float: left;
	width: 100%;
	margin: 0.25em 0;
}

div.brochure {
	width: auto !important;
}

/* @group cover images */

div.brochures {
	float: left;
	margin: 0 -20px 10px 0;
}

div.brochures img {
	margin: 0 20px 0 0;
}

div.brochures a {
	float: left;
	border: none !important;
}

/* @end */

/* @end */

.formmail form {
	clear: both;
	padding: 1.5em 0 0 0;
}

.formmail form fieldset.group {
	margin-top: -0.75em;
	margin-bottom: 1.5em;
	padding: 0.75em 18px 0 0;
	border: 1px solid #656362;
}

.formmail form div {
	float: left;
	padding: 0 0 1.5em 18px; /* use padding instead of margin for ie7 */
}

.formmail .input input, .formmail textarea, .formmail select {
	font-size: 1em;
	line-height: 1;
	background-color: #fff;
	color: #322f2e !important;
	border: 1px solid #aaa8a7;
	padding: 2px;
	margin: 0;
}

.formmail textarea {
	width: 556px;
}

* html .formmail textarea {
	width: 98%;
}

.formmail label {
	font-size: 0.913em;
	font-weight: normal;
	text-transform: uppercase;
	color: #b8b4b3;
	display: block;
	margin-bottom: 0.25em;
	vertical-align: baseline;
}

.formmail fieldset.group legend {
	font-weight: normal;
	font-size: 1.5em;
	line-height: 2;
	margin: 0 20px;
	padding: 0 1em;
	/*background-color: #eaedf2;*/
	color: #fff;
	border: 1px solid #656362;
}

.formmail .required {
	font-weight: normal;
	color: #df002c;
}

.formmail .notes {
	color: #656362;
}

.formmail .error input, .formmail .error textarea,
.formmail input.error, .formmail textarea.error {
	background-color: #df002c;
	border: 1px solid #df002c !important;
	color: #fff !important;
}

/* @end */

/* @end */

/* @group InPlaceEditor */

ul li span.arrows {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

#main span.bse_admin_buttons {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

/* @group common */

.editor_control {
	width: 24px;
	height: 17px;
	text-indent: -9999px;
	background: transparent url(/images/admin/vtc/buttons/inplace.gif) no-repeat 100% 50%;
	z-index: 1000;
	margin: 0;
	padding: 0;
	left: -29px;
}

.editor_control_hilite {
	width: 48px;
	background-image: url(/images/admin/vtc/buttons/inplaceH.gif);
	left: -53px;
}

.inplaceeditor-form {
	margin-bottom: 10px;
	clear: both;
}

.inplaceeditor-form .editor_field {
	width: 100%;
	/*width: 461px;*/
	margin: 0;
	padding: 0;
	border: 0;
}

.inplaceeditor-form .editor_cancel {
	font-weight: bold;
}

.inplaceeditor-form .editor_ok_button {
	margin-right: 5px;
}

/* @end */

/* @group main */

#main .body .editor_control, #main .body .editor_container {
	margin: 0;
	padding: 0;
}

#main .inplaceeditor-form input.editor_field {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 36px;
	line-height: 36px;
	font-weight: bold;
	color: #666;
	background-color: transparent;
	margin: 10px 0;
	padding: 5px 0;
	border: 1px solid #999;
	border-width: 1px 0;
}

#main .inplaceeditor-form textarea.editor_field {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333;
	background-color: transparent;
	margin-bottom: 10px;
	padding: 5px 0;
	border: 1px solid #999;
	border-width: 1px 0;
}

/* @end */

/* @group sidebar */

#sidebarL .inplaceeditor-form input.editor_field {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 20px;
	line-height: 22px;
	font-weight: bold;
	color: #fff;
	background-color: transparent;
	margin: 10px 0;
	padding: 5px 0;
	border: 1px solid #999;
	border-width: 1px 0;
}

#sidebarL .inplaceeditor-form textarea.editor_field {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color: #fff;
	background-color: transparent;
	margin-bottom: 10px;
	padding: 5px 0;
	border: 1px solid #999;
	border-width: 1px 0;
}

#sidebarL .inplaceeditor-form .editor_cancel {
	color: #fff !important;
}

/* @end */

/* @end */

/* @group hotspots */

a.hotspot {
	cursor: help;	
}

.editor {
	background-color: #fff;
	border: 2px solid #000;
	width: 200px;
	padding: 2px;
	text-align: right;
}
		
.editor select, .editor input {
	margin: 3px;
}

.editor select.editor-input {
	width: 188px;
}
	
.editor input.editor-input {
	width: 188px;
}

.cancel-button {
	top: 15px;
	right: 15px;
}

.textures .output {
	position: absolute;
	width: 290px;
	height: 370px;
	bottom: 10px;
	right: 10px;
	padding: 5px;
	font-size: 0.85em;
	border: 1px solid #ccc;
	margin: -1px;
}

.heros .output {
	width: 690px;
}
		


/* @end */

/* @group home */

.a1 .body {
	float: left;
	width: 200px;
	margin: 0;
	padding: 160px 20px 0 20px;
	background: transparent url(/images/interface/made-in-australia.png) no-repeat 50% 0;
}

.a1 .body h2 {
	font-size: 1.25em;
	font-weight: bold;
	margin-bottom: 0;
}

/* @end */