/*
LEGAL
=====
Copyright: Daemon Pty Limited 2006, http://www.daemon.com.au
Community: Mollio http://www.mollio.org $
License: Released Under the "Common Public License 1.0", 
http://www.opensource.org/licenses/cpl.php
License: Released Under the "Creative Commons License", 
http://creativecommons.org/licenses/by/2.5/
License: Released Under the "GNU Creative Commons License", 
http://creativecommons.org/licenses/GPL/2.0/
*/

/* THE BIG GUYS */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, hr, 
blockquote, a, a img, font, img, dd, dl, dt, li, ol, ul,
fieldset, form, label, legend, table, caption, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	line-height: inherit;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}

body {
	padding: 0 0 20px;
	color:#333;
	font:83%/1.5 arial,tahoma,verdana,sans-serif; 
/*	background: #475361 url(../images/body-bg.gif) top left repeat-x; */
}

ol, ul {
	list-style: none;
}

/* LINKS */
a,a:link,a:hover {
	background:transparent;
	text-decoration:none;
	cursor:pointer
} 
a:link {
	/* color:#c00*/
} 
a:visited {
	/* color:#999 */
} 
a:hover,a:active {
	/* color:#069 */
} 


/* LAYOUT - HEADER */
#header {
	background: #EF108C url(../images/header_bg.gif) top left repeat;
	padding: 0 0 5px;
	margin: 0px;
	height: 131px;
	width: 100%; /* 1000px*/
}

#header .site-name {
	font: 265% arial;
	letter-spacing: -.05em;
 /*	margin:0 0 0 40px; */
	padding:3px 0;
	color:#ccc;
	border:none
}

#logo {
	margin: 0 0 15px 0;
	float: left;
	display: inline;
	background: url(../images/logo.png) top left no-repeat;
	width: 23%;
	height: 118px;
	width:210px;
	height: 118px;
	
}

#header_banner {
	margin: 1px 79px 5px 0;
	float: right;
	display: inline;
	background: #EF108C url(../images/header_banner.jpg) top left no-repeat;
	width: 67%;
	height: 99px;
	
}
div#login-box {
	float: right;
	width: 304px;
	height: 29px;
	background: url(../images/login-tab.gif) no-repeat;
	margin: 51px 10px 0 0;
	overflow: hidden;
	display: inline;
}
	
/* NAV - top horizontal nav */
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	float: right; 
}
#nav {
	font-weight:bold;
	height:2.09em;
	font: bold 96% arial;
	margin: 0 74px 0 40px;
}
#nav li {
		position:relative;
		background: #999;
		float: left;
		width: 10em;
		display:block;
		margin: 0;
		border-bottom: 3px solid #666;
		border-right: 3px solid #252525;
		padding:0
	}
#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	text-decoration:none;
	cursor:pointer;
	color:#fff;
	display: block;
	padding: 4px 10px 2px
}
#nav a:hover {
	color:#000
}
	
#nav li ul {
	border-left: 1px solid #c00;
	background: #f6f6f6 url(../images/featurebox_bg.gif) no-repeat 100% 100%;
	width:15.8em;
	font-size:90%;
	margin-top:3px;
	position: absolute;
	font-weight:normal;
	left: -999em
}
#nav li:hover ul, #nav li.sfhover ul {
	left: 0;
	z-index:99999
}
	
#nav li li {
	background:none;
	float:none;
	border:none;
	border: 1px solid #999;
	border-top:1px solid #fff;
	border-right:none;
	border-left:none;
	padding-left:0
}
#nav li li.last {
	border-bottom:none
}
#nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {
	color:#000;
	padding: 3px 10px 2px;
	width:14em
}
#nav li li a:hover {
	color:#fff;
	background:#c00
}
	
#nav li.active {
	background: #c00;
	border-bottom: 3px solid #c00
}
#nav li.active ul {
	border:none;
	background: #c00 url(../images/featurebox2_bg.gif) no-repeat 100% 100%
}
#nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active {}
#nav li.active a:hover {
	color:#000
}
	
#nav li.active li {
	border:none;
	border-top: 1px solid #c15c5c;
	border-bottom: 1px solid #870000
}
#nav li.active li.last {
	border-bottom: none
}
#nav li.active li a:link, #nav li.active li a:visited, 
#nav li.active li a:hover, #nav li.active li a:active {
	color:#fff
}
#nav li.active li a:hover {
	background: #666 url(../images/sprites.gif) repeat-x 0 99%;
	color:#fff
}
	
#nav li.active li.active a:link, #nav li.active li.active a:visited, #nav li.active li.active a:hover, #nav li.active li.active a:active {
	color:#fff;
	font-weight:bold;
	background: #666 url(../images/sprites.gif) repeat-x 0 99%
}

/* hide from IE mac \*/
#nav li {
	width:auto
}
/* end hiding from IE5 mac */
	
/* SEARCH Form */
#language {
	color:#000;
	float: left;
	font-weight:bold;
	margin: 2px 0px 10px 0px;	
}

/* SEARCH Form */
#search {
	color:#000;
	float:right;
	font-weight:bold;
	margin: 2px 0px 10px 0px;
	width:27em;
	
}
#search form {
	margin:0;
}
	#search input {
	width:15em;
	margin: 0 0 -1px;
	height:22.45px;
	border:1px solid #AD0063;
	border-right:none;
}
	#search label {
	padding:5px 0 0;
	display:inline
}
#search input.f-submit {
	width:67px;
	font-size:81%;
	height:27px;
	background: #AD0063 url(../images/search_button.gif) no-repeat 100% 0%;
	border:none;
	margin-left:-4px;
	padding-bottom: 7.1px;
}
input.f-submit {
	padding: 1px 0px;
	color:#fff;
	font-weight:bold;
}

/* LAYOUT - main body of page */
#wrap {
	min-width:900px; /* min-width:820px; */
	max-width:1000px; /* max-width:960px; */
	margin: 0px auto;
	position:relative; 
	background: #475361 url(../images/wrap_bg.gif) top left repeat;
	width: 100%; /* stooopid IE*/
}
#content-wrap {
	position:relative;
	width:97%; 
	margin-bottom: 10px;
}
#utility {
	position:absolute;
	top:0;
	left:25px;
	width:165px;
	border-top: 5px solid #999;
	padding-bottom: 40px
}

#sidebar, #prodsidebar,#featuresidebar {
	border-top: 5px solid #999;
	float: right;
}

#sidebar, #prodsidebar {
	width:27%;
}

#prodsidebar {
	width:39%; /* width: 40%; */
	position: relative;
	top: 60px;
	height: 430px;
}

#featuresidebar {
	width:66%;
	/* height: 430px; */
	margin: 0 10px 0 0;
	border: none;
}

#featuresidebar h1 {
	background:#FFF;
	font-family: Myriad Pro;
	font-size: 30px;
	font-weight:bold
}

#banner, #content {
	margin: 1px 38px;
}

#banner {
}

#content {
 /*	border: 1px solid #000; */
}

#content #center {
	width: 99%;
	float: left;
	border: 1px solid #D6D6D6;
	background: #FFF;
}
#content #center .welcome {
	width: 96%;
	float: left;
	border: 1px solid #D6D6D6;
	margin: 15px;
	background: #FFEFF7;
}

#content #center .prod {
	background: #FFF;
	border:none;
}

#content #center .welcome .mountain_photo {
	background: #739EFF url(../images/mountain.jpg) no-repeat;
	height: 200px;
	width: 98%;
	margin: 5px;
}

#content #center img.feature {
	margin: 5px 15px 25px 0px;
	float: right;
}

img.all {
	position:relative;
	margin: 0 10px;
	float: right;
	top: -35px;
}

#content #center .welcome .intro {
	width: 99%;
	margin: 5px;
}
#content #center .welcome .intro img.dent {
	width: 10%;
	margin: 5px 15px 35px 0px;
	float: left;
}
#content #center .welcome .intro p {
	text-align: justify;
	padding: 1px 55px;
	font-size: 11px;
}
#content #center .welcome .intro img {
	width: 30%;
	margin: 5px 15px 5px 0px;
	float: right;
}
#content #center .welcome .intro .highlight {
	font-weight: bold;
}

.index {
	float: right;
}
.address {
	background: #739EFF url(../images/address_bg.gif) no-repeat 100% 0%;
	height: 160px;
	width: 96%;
	margin: 0px 17px 10px;
	border-left: #BDBEBD 1px solid;
}

#content #left, #featureleft {
	width: 29.5%;
	padding: 0 10px;
	background: #FFF url(../images/welcome_bg.jpg) no-repeat 50% 0%;
	height: 300px;
}

#featureleft h2, #featureleft p {
	margin: 20px;
}

#featureleft h2 {
	font-size: 1.2em;
	font-weight:bold;
}

#content #prodleft {
	width: 60%; /* width: 59%; */
}	


#content #breadcrumb {
	margin-top:-5px;
	font-size:93%;
	font-weight:bold
}

#content #breadcrumb a:link, #content #breadcrumb a:visited {
	text-decoration:none
}

#content #breadcrumb a:hover, #content #breadcrumb a:active {
	text-decoration:underline
}

#content #left, #featureleft, #content #prodleft, #contact {
	float: left; 
	margin-right: 3px;
}

#contact {
	width:40%;
	background: #FFFED2; 
	margin: 20px 10px;
	padding:10px;
	border:1px solid #DCD5B8;
}

#contact h1 {
	color: #DD0A7D;
	font-weight: bold;
}
#contact img {
	width:98%;
	height: 100px;
}

#contactsidebar {
	float:right;
	width:50%;
	margin: 10px 10px;
	margin-left:0px;
	padding:10px;
	/*border:1px solid #DCD5B8;
	background: #FFFED2; */
}

.featurebox {
	color:#333;
	padding: 15px 20px 20px;
	border-top: 1px solid #d7d7d7;
	margin: 0 0 1.5em;
	background: #f6f6f6 url(../images/featurebox_bg.gif) no-repeat 100% 100%
}
.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {
	margin: 0 0 .3em;
	border-bottom: 1px solid #c00;
	color:#c00
}
.featurebox p {
	border:none;
	margin: 0 0 1em;
	color:#444
}
.featurebox a {
	font-weight:bold
}

.thumbnail {
	margin: 0 0 0 10px;
	position:relative;
	z-index:9999;
	border: 1px solid #eee;
	float:right;
	width:100px;
	padding:5px;
	background:#fff
}
.thumbnail img {
	border: 1px solid #000
}
	
	.pagination {
	background: #f2f2f2;
	color:#666;
	padding: 4px 2px 4px 7px;
	border: 1px solid #ddd;
	margin: 0 0 1.5em
}
	.pagination p {
	position:relative;
	text-align:right
}
	.pagination p a:link, .pagination p a:visited, 
	.pagination p a:hover, .pagination p a:active {
	text-decoration:none;
	background:#fff;
	padding:2px 5px;
	border: 1px solid #ccc
}
	.pagination p a:hover {
	background:#c00;
	color:#fff
}
	.pagination p span {
	text-decoration:none;
	background:#fff;
	padding:2px 5px;
	border: 1px solid #ccc;
	color:#ccc
}
	.pagination * {
	margin:0
}
	.pagination h4 {
	margin-top:-1.45em;
	padding:0;
	border:none
}
	
	#resultslist-wrap {
	margin: 0 0 1.5em;
	font-size:92%
}
	#resultslist-wrap dt, #resultslist-wrap dl {margin: 0}
	#resultslist-wrap dt {font: bold 85% arial;padding: 3px 0}
	#resultslist-wrap li {padding: 0 0 1em;margin:0 0 0 1.2em;font: bold 145% arial}
	#resultslist-wrap li dd {font: normal 73% arial}
	#resultslist-wrap li dl {margin:0}
	#resultslist-wrap dd {line-height:1.3}
	#resultslist-wrap dd.filetype, #resultslist-wrap dd.date {color:#999;display:inline;padding-right:.5em}
	
/* Feature products */

#feature_prods, #differences {
	margin:0.5em 0 1.5em 0;
	padding:0;
	list-style:none;
	}
	
#feature_prods li {
	margin:0;
	padding:0;
	float:left;
	background:url(../images/feature_bg.gif) no-repeat 0 0;
	height:315px;
	width:33%;
	}

#feature_prods li h3 {
	font-size:95%;
	text-align:center;
	margin:0px 0px 0px -10px;
	padding: 0px 10px;
	border: none;
	}
	
#feature_prods div {
	margin:0px;
	padding: 0px;
	border: none;
	}

#feature_prods li p, #allproducts li p {
	font-size:85%;
	text-align:center;
	margin:0px;
	padding: 0 5px;
	border: none;
	}
	
#feature_prods .featimg {
	width:142px; /* 81%*/
	margin-top:88px;
	margin-left:12px;
	}
	
.mod {
	margin-top:58px !important;
	}
		
#feature_prods  a:link,
#feature_prods a:visited {
	color:#FFF; /* color:#5d85ac; */
	border:none;
	}	
#feature_prods a:hover {
	color:#069;
	}		
#feature_prods h3 em {
	font-style:normal;
	font-size:1.2em;
	line-height:20px;
	margin:0 0 0 6px;
	width:110px;
	}	
#feature_prods li:hover h3 {
	color:#e6290e;
	}

#differences li {
	margin:0 28px 0 0;
	padding:0;
	float:left;
	background:url(../images/diff-tabs-top-wide.gif) no-repeat 0 0;
	}
#differences li#diff-4 {
	margin-right:0;
	}
#differences div {
	font-size:0.94em;
	padding:6px;
	background:url(../images/diff-tabs-bottom-wide.gif) no-repeat 0 100%;
	}
#differences li:hover {
	background-position:-156px 0;
	}
#differences li:hover div {
	background-position:-156px 100%;
	}
#differences p {
	margin:0;
	width:148px; /* width:144px; */
	min-height:8em;
	padding:0 0 67px 0; /* padding:0 0 27px 0; */
	background-repeat:no-repeat;
	background-position:50% 100%;
	}
#differences #diff-3 p {
 /*	padding:0 0 14px 0; */
	}
#differences #diff-4 p {
	padding:0 0 14px 0;
	}
#differences #diff-1 p {
	background-image:url(../products/Files.gif); /* background-image:url(images/tab-1-image-wide.gif);*/
	}
#differences #diff-2 p {
	background-image:url(../products/Files.gif);
	}
#differences #diff-3 p {
	background-image:url(../products/Files.gif);
	}
#differences #diff-4 p {
	background-image:url(../images/tab-4-image-wide.gif);
	}
#differences h3 {
	font-weight:bold;
	font-size:1em;
	line-height:1.1em;
	margin:0 0 0 8px;
	width:137px;
	}
#differences h3 a:link,
#differences h3 a:visited {
	color:#5d85ac;
	border:none;
	}	
#differences h3 a:hover {
	color:#e6290e;
	}		
#differences h3 em {
	font-style:normal;
	font-size:1.2em;
	line-height:20px;
	margin:0 0 0 6px;
	width:110px;
	}	
#differences li:hover h3 {
	color:#e6290e;
	}

#left ul#differences {
	padding:0;
	margin:0;
	list-style-type:none;
	list-style-image: none;
	float: left;
	position: relative;
	z-index: 50;
	display: inline;
	width: 100%;
	margin-left: 6px;
}

#left ul#differences ul {
	width:189px;
	margin: 0;
	border-top: solid 1px #3b4450;
}

#left ul#differences li {
	float:left;
	position:relative;
	width: 156px; /* width: 195px; */
	width:23.99%;
	display: inline;
	height: 220px;
/*	border: 2px solid #455560; */
}
#left ul#differences ul li
{
    height: 20px;
    margin: 0;
}

#left ul a span
{
    font-size: 110%;
    display: block;
    margin: 5px 0;
}

/* style the top level hover */
#left a:hover{ 
/*	background:#333c46 url(../images/feature-hover.gif) top left repeat-x; */
}
#left :hover > a, #left ul ul :hover > a {
/*	background:#333c46 url(../images/feature-hover.gif) top left repeat-x; */
}
#left ul ul :hover > a
{
 /*   background: #2a323b url(../images/arrow-right.gif) center left no-repeat; */
}

#left ul ul a:hover, * html #left ul ul a:hover
{
 /*   background: #2a323b url(../images/arrow-right.gif) center left no-repeat; */
    text-decoration: underline;
}

/* make the second level visible when hover on first level list OR link */
#left ul li:hover ul,
#left ul a:hover ul{
visibility:visible; 
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#left table {
	position:absolute; 
	top:0; 
	left:0; 
	border-collapse:collapse;
}



/* All products */
#allproducts {
	margin:10px;
}

#allproducts li {
	margin:0;
	padding:0;
	float:left;
	background:url(../images/feature_bg_all.gif) no-repeat 0 0;
	height:235px;
	width:25%;
}

#allproducts li h3 {
	font-size:95%;
	text-align:center;
	margin:0px;
	padding: 0px 18px 0px 1px;
	border: none;
	}
	
#allproducts .allimg {
	width:158px; /* 81%*/
	margin-top:24px;
	margin-left:3px;
	}
	
#allproducts div {
	margin:0 11px;
	}	

/* FORMS */
form {
	margin: 0 0 1.5em
}
input {
	font-family: arial,tahoma,verdana,sans-serif;
	margin: 2px 0
}
fieldset {
	border: none
}
label {
	padding: 5px 0
}
label br {
	clear:left
}
	
/* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */
form.f-wrap-1 {
	width:100%;
	padding: .5em 0;
	background: #f6f6f6 url(../images/featurebox_bg.gif) no-repeat 100% 100%;
	border-top: 1px solid #d7d7d7;
	position:relative;
}
	form.f-wrap-1 fieldset {
		width:auto;
		margin: 0 1em
	}
	form.f-wrap-1 h3 {
		margin:0 0 .6em;
		font: bold 155% arial;
		color:#c00
	}
	form.f-wrap-1 label {
		clear:left;
		float:left;
		width:100%;
		border-top: 1px solid #fff
	}
		
/* hide from IE mac \*/
form.f-wrap-1 label {
	float:none
}
/* end hiding from IE5 mac */
	
form.f-wrap-1 label input, form.f-wrap-1 label textarea, form.f-wrap-1 label select {
	width:15em;
	float:left;
	margin-left:10px
}
		
form.f-wrap-1 label b {
	float:left;
	width:8em;
	line-height: 1.7;
	display:block;
	position:relative
}
form.f-wrap-1 label b .req {
	color:#c00;
	font-size:150%;
	font-weight:normal;
	position:absolute;
	top:-.1em;
	line-height:1;
	left:-.4em;
	width:.3em;
	height:.3em
}
form.f-wrap-1 div.req {
	color:#666;
	font-size:96%;
	font-weight:normal;
	position:absolute;
	top:.4em;
	right:.4em;
	left:auto;width:13em;
	text-align:right
}
form.f-wrap-1 div.req b {
	color:#c00;
	font-size:140%
}
form.f-wrap-1 label select {
	width: 15.5em
}
form.f-wrap-1 label textarea.f-comments {
	width: 20em
}
form.f-wrap-1 div.f-submit-wrap {
	padding: 5px 0 5px 8em
}
form.f-wrap-1 input.f-submit {
	margin: 0 0 0 10px
}
		
form.f-wrap-1 fieldset.f-checkbox-wrap, form.f-wrap-1 fieldset.f-radio-wrap {
	clear:left;
	float:left;
	width:32em;
	border:none;
	margin:0;
	padding-bottom:.7em
}
form.f-wrap-1 fieldset.f-checkbox-wrap b, form.f-wrap-1 fieldset.f-radio-wrap b {
	float:left;
	width:8em;
	line-height: 1.7;
	display:block;
	position:relative;
	padding-top:.3em
}
form.f-wrap-1 fieldset.f-checkbox-wrap fieldset, 
form.f-wrap-1 fieldset.f-radio-wrap fieldset {
	float:left;
	width:13em;
	margin: 3px 0 0 10px
}
form.f-wrap-1 fieldset.f-checkbox-wrap label, form.f-wrap-1 fieldset.f-radio-wrap label {
	float:left;
	width:13em;
	border:none;
	margin:0;
	padding:2px 0;
	margin-right:-3px
}
form.f-wrap-1 label input.f-checkbox, form.f-wrap-1 label input.f-radio {
	width:auto;
	float:none;
	margin:0;
	padding:0
}

form.f-wrap-1 label span.errormsg {
	position:absolute;
	top:0;
	right:-10em;
	left:auto;
	display:block;
	width:16em;
	background: transparent url(../images/errormsg_bg.gif) no-repeat 0 0
}
form.f-wrap-1 label span.errormsg b {
	padding: 10px 0;
	margin: 0 10px 0 30px;
	color:#B30800;
	font-weight:bold;
	display:block;
	width:auto;
	float:none;
	line-height:1.3
}

/* TYPOGRAPHY */
p, ul, ol {
	margin: 0 0 0 1em
}
h1, h2, h3, h4, h5, h6 {
	letter-spacing: -1px;
	font-family: arial,verdana,sans-serif;
	margin: 1.2em 0 .3em;
	color:#000;
	border-bottom: 1px solid #eee;
	padding-bottom: .1em
}
h1 {
	font-size: 196%;
	margin-top:.6em
}

#prodleft h1, #prodleft h2, #left h1, #left h2, .title {
	font-size: 210%; 
	font-weight: normal; 
	font-family: Century Gothic; 
	background: url(../images/h2-bg.gif) bottom left no-repeat; 
	padding: 0 0 10px 20px; 
	color: #788188; 
	margin: 10px 0;
}

#prodleft h2, #left h2{
	padding: 0 0 10px 15px;
	font-size: 110%;
	font-weight: bold; 
	position: relative;
}
h2 span{
	position: absolute; 
	top: 0; 
	right: 0; 
	font-weight: normal;
}
h3 {
	font-size: 126%
}
h4 {
	font-size: 116%
}
h5 {
	font-size: 106%
}
h6 {
	font-size: 96%
}
.highlight {
 /*	color:#E17000 */
 font-weight: bold;
}
.subdued {
	color:#999
}
.error {
	color:#c00;
	font-weight:bold
}
.success {
	color:#390;
	font-weight:bold
}
.caption {
	color:#999;
	font-size:11px
}
.date {
	font: bold 82% arial;
	color:#bbb;
	display:block;
	letter-spacing: 1px
}
small {
	font-size:11px
}

/* LISTS 
ul {
	margin: .3em 0 1.5em 0;
	list-style-type:none
}
	ul.related {margin-top: -1em}
ol {margin: .5em .5em 1.5em}
ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}
li {line-height: 1.4em;padding-left: 25px;background: transparent url("../images/sprites.gif") no-repeat 0 0}
li.doc {background-position: 3px -500px}
ul.nomarker li {background:none;padding-left:0}

dl {margin: 0 0 1em 0}
dt {font-weight:bold;margin-top: 1.3em}
dl dl {margin: 0 0 1.5em 30px}
*/
/* GENERAL */
img {
	border:none
} 
hr {
	margin: 15px 10px 0px;
	background:#f2f2f2;
	height:1px;
	color:#f2f2f2;
	border:0;
	border-top: solid 1px #7a8da5;
	
}
.clear {
	clear:both;
	position:relative;
	font-size:0px;
	height:0px;
	line-height:0px
} 
.floatLeft{
	float: left;
}
.floatRight{
	float: right;
	margin: 0px;
	margin-right:10px;
}

	
	/* TABLES */
	.table1 {border: 2px solid #900;border-collapse:collapse;width:100%}
		.table1 td {background: #fff url(../images/sprites.gif) repeat-x 0 -1600px;padding:3px;border: 1px solid #fff}
		.table1 th {text-align:left;border: 1px solid #fff}
		.table1 thead th {color:#fff;font-size:145%;background: #900 url(../images/sprites.gif) repeat-x 0 -1300px;padding: 10px 6px}
		.table1 tbody th {color:#fff;font-size:115%;background: #88b8db url(../images/sprites.gif) repeat-x 0 -1400px;padding: 6px}
		.table1 tbody th.sub {font-size:100%;color:#000;background: #efefef url(../images/sprites.gif) repeat-x 0 -1500px;padding: 6px}

	/* TABLES - calendar */
	.calendar {width:200px;font-size:92%}
		.calendar td {text-align:center;border: 1px solid #ddd}
		.calendar th {text-align:center}
		.calendar thead th {padding: 3px 2px}
		.calendar tbody th {padding: 2px}
		.calendar tbody th.sub {padding: 2px}
		
	/* 'MORE' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
		a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active {background: transparent url(../images/sprites.gif) no-repeat 5px -500px;padding-left:21px}
		a.morelink:hover {background: transparent url(../images/sprites.gif) 5px -400px}
		.morelink span {position:absolute;left:-9999px;width:900px}
		
	/* CODE - formatting for code inserted into body - more here: http://dizque.lacalabaza.net/temp/lipt/ */
		ol.code {font-family: monospace;position:relative}
		ol.code li {color: #666;margin-bottom: 1px}
		ol.code code {color: #000;display: block}
		ol.code .cmt {color: #4077d2}
		li.tab0 code {padding-left: 4em}
		li.tab1 code {padding-left: 8em}
		li.tab2 code {padding-left: 12em}
		li.tab3 code {padding-left: 16em}
		li.tab4 code {padding-left: 20em}
		li.tab5 code {padding-left: 24em}
		ol.code li  {background: #f3f3f3 url(../images/td_bg.gif) no-repeat 100% 100%}
		p.note {margin: 1em;border: 1px solid #ddd;background: #f0f0f0;padding: 1em}


/* LAYOUT - FOOTER */

#footer-wrapper {
	clear:both;
	border-top: 1px solid #E3E8EE;
	font-size:86%;
	color: #000;
	padding-top: 21px;
	padding-bottom: 24px;
	background-color: #242321;
	background-image: url(../images/footer_bg.gif);
	background-repeat: repeat-x;
	text-align: left;
	margin: 0px;
	width: 100%;
	display: block;
} 

#footer {
	margin: 0px 50px;
	text-align:center;
	font-size:86%;
	color: #000; /* color: #ACA79C; */
	padding-top: 21px;
	padding-bottom: 24px;
}
#footer p {
	margin:0
}

#footer a {
	color: #FFF; /* color: #ACA79C; */
	background-color: inherit;
	text-decoration: none;
	border-bottom: 1px dotted #706D65;
	font-size: 1.5em;
}

.adr, .tel, .fax, .email {
	color: #FFF;
}

#footer a:hover {
	color: #9ED3E5;
	background-color: inherit;
	text-decoration: none;
	border-bottom: 1px dotted #A8CAF0;
}


#help-container {
	float: left;
	margin-right: 24px;
	margin-left: 25px;
	width: 28%; /* width: 240px;*/
}
#help-container ul {
	margin: 0;
	padding-left: 1.5em;
	font-size: .93em;
	line-height: 1.5em;

}
#help-container ul li {
	margin: 0;
	padding: 0;
	list-style-type: square;
}

#help-container a {
	font-size: 1em;
	color:#849CC9;
}

#footer dl,
#footer dt,
#footer dd {
	margin: 0;
	padding: 0;
	font-size: .97em;
}

#footer dl {
	margin-bottom: 1em;
}

#footer dt {
	margin-bottom: 0.5em;
	background-color: inherit;
	text-transform: uppercase;
	font-size: .97em;
	/* font-family: georgia, times, serif; */
	letter-spacing: .03em;
}

#footer dd {
	line-height: 1.4em;
}

#address-container {
	float: left;
	margin-right: 34px;
	margin-left: 100px;
}
#address-container dt {
	/* background-image: url(../images/address.gif); */
	background-repeat: no-repeat;
	background-position: left center;
}
#address-container dt,
#address-container dd {
	padding-left: 25px;
}

#jef-container ul {
	margin-left: 0px;
	margin-top: -3px;
	padding-left: 2.5em;
	list-style-type: square;
	line-height: 1.6em;
	text-decoration: none;
}
#jef-container ul li {
	margin-left: 20px;
}

.designer
{
   margin-left: 10px;
	height: auto !important;
	color: #FFF;
	text-align: center;
	
}

/*****************************************************
== Products description page
*****************************************************/
.prodRight
{
    width: 51%;
    margin-left: 10px;
	min-height: 100%;
	height: auto !important;
	height: 100%; /*stoopid ie*/
	border: solid 3px #F02596; 
	
}

.prodImage
{
    width: 98%; /* width: 254px; */
    visibility: visible;
    text-align: center;
    border: 3px solid #FFF;
}

.accord ul
{
    float: left;
    width: 186px;
}

.accord ul li
{
    float: left;
    width: 186px;
}

.accord ul li a
{
    color: #fff;
    float: left;
    width: 166px;
    text-decoration: none;
    margin-left: 10px;
    padding: 3px 0 3px 10px;
}

.accord ul li a:hover, .accord ul li a.subOn
{
    background: url(../images/bullet.gif) left center no-repeat;
}

.lozenge
{
    background: transparent url(../images/lozenge.gif) top left no-repeat;
    height: 16px;
    width: 166px;
    float: left;
    margin: 10px 0;
    color: #CEFEFF;
    font-weight: bold;
    padding: 2px 0 0 20px;
}

.lozenge a
{
    color: #CEFEFF;
    text-decoration: none;
}