/**
 * Design. (c) Jason Earl, 2005, Virtual Function
 *
 * "tableless" design known to work (and tested) on Mozilla, and IE 6.
 * Should also work KHTML (Konqueror and Safari)
 */


/* -----------------------------------------------------------
						Generic
----------------------------------------------------------- */

body {
	background: #9BB2CA url(../../img/index/back.jpg) top left;
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-family: Verdana, sans-serif;
	color:#283232;
}

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

a:hover {
	border-bottom: #ec5d00 1px solid;
}

.pageWrapper {
	margin: 0 10%;
	width: auto;
	min-width: 620px;
}

/** Uncomment below for liquid width (expands and contracts with brwoser window width 
*/
.pageWrapper {
	margin: 0 auto;
	width: 930px;
	min-width: 620px;
}


/* extension to page wrapper */
#main {
	border-right: #FFF 2px solid;
	border-left: #FFF 2px solid;
	/* IE Hack. Set this to right colour for now */
	background: #f1f3f2;
}

div#bodyWrap {
	background: url('../../img/index/back_top.jpg') top repeat-x;
}

div#bodyWrap {
	width: auto;
	min-width: 770px;
	height: 432px;
}

.content .text {
	float:left;
	clear:both;
	width:100%;
}

img.product, 
.product img {
	/*border: 1px solid #7a7a7a;
	margin: 12px 8px 4px 8px; */
	border:none;
}

.content .product {
	float:left;
	margin:10px 20px 10px 18px;
	text-align: center;
}
.content .product a:hover{
	border:none;
}

.subBarInner p {
	margin: 8px 8px 2px 8px;
	padding: 0;
	color:#141414;
}

.product {
	font-weight: bold;
	color: #0B70CE ! important;
}

div.wide3 {
	width: 33%;
	float: left;
	text-align: center;
}

input[type=text],
input[type=button],
input[type=submit],
select,
textarea
{
	background: #F6F9FB;
	border: 1px solid #225F82;
}

/* -----------------------------------------------------------
					Headers ( h* style )
----------------------------------------------------------- */
.black-color
	{
		color:black;
	}
.red-color
	{
		color:#d32003;
	}
.blue-color
	{
		color:#34b3f3;
	}
.orange-color
	{
		color:#EC5D00;
	}

h1,
h2,
h3,
h4,
h5,
h6
{
	margin: 8px 16px;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0.08em;
}

h1 {
	font-size: 18px;
	color: #ec5d00;
	padding-bottom: 4px;
	border-bottom: 1px solid #ec5d00;
}

h1 span {
	float: right;
	color: #a67e64;
}

/* -----------------------------------------------------------
					View Controllers
----------------------------------------------------------- */

.clear {
	clear: both;
}

.hide, #oldBrowserNotice, 
.ieSixCharDupBug {
	display: none;
}

/* -----------------------------------------------------------
					Page Header(s) and Footer
----------------------------------------------------------- */

#header {
	height: 146px;
	margin-right: -2px; /* Box model adjustment */
}

#header #logo {
	width: 223px;
	float: left;
	background: url('../../img/index/logo.jpg') bottom center no-repeat #FFF;
	margin: 0 -3px;
	height: 146px;
	position: absolute;
	z-index: 100;
}

#header #logo h1 {
	display: none;
}

#heading .head {
	height: 78px;
	background: url('../../img/index/header.jpg') no-repeat right top #FFF;
	border-right: 2px solid #fff;
	position: relative;
	margin-right: -2px;
}

* html #heading .head {
  margin-right: -4px; /* Extra 2px due to IE Box model */
}

#heading .top, 
#heading .sub {
	color: #FFF;
	margin: 10px 10px 0 0;
	float: right;
	width: 370px;
	text-align: right;
	height: 22px;
}

#heading a:link,
#heading a:visited {
	color: #FFF;
	margin-left: 32px;
}

#heading a:hover {
	border-bottom: #cfcfcf 4px solid;
}

#heading .sub {
	clear: right;
}

#footer {
	position: relative;	/* IE fix */
	padding: 4px 24px;
	color: #249;
	background: url('../../img/index/bg5.jpg');
}

/* -----------------------------------------------------------
						Layout Controls
----------------------------------------------------------- */

/* --------------------- Common to both -------------------- */

#mainInner,
div.subBarInner,
div.subTitleInner {
	z-index: 2;
	width: 100%;
	border-right: #FFF 2px solid;

}

div.content {
	border-width: 0;	/* Fix print/v4 borders issue */
}

#mainOuter div.left,
#mainOuter div.right,
#mainOuter div.content,
div.subBarInner div.content,
div.subBarInner div.right,
div.subTitleInner div.content,
div.subTitleInner div.right {
	/* For Sub elements of #mainOuter AND div.subBarInner */
	float: left;
	position: relative;
	z-index: 10;
	overflow: visible;	/* fix for IE italics bug */
}

/* --------------------- The Sub Bar Piece -------------------- */

div.subBarOuter,
div.subTitleOuter {
	z-index: 1;
	border-style: solid;
	border-color: #f1f3f2;
	border-width: 0;
}

div.subBarInner div.right,
div.subTitleInner div.right {
	float: right;
	width: 20em;
	margin: 0 -20em 0 1px;
}

div.subBarInner div.content,
div.subTitleInner div.content {
	margin: 0 -1px; /* Ensure floating  */  
	width: 100%;
}


/* --------------------- The Main Bar Piece -------------------- */

#mainOuter {
	z-index: 1;
	border-left: 16em #e8e8e0 solid;
	border-right: 8px #ec5d00 solid;
}

#mainInner {
	border-left: 2px solid #FFF;
	background: #f0f3f2;
}

#mainOuter .content {
	margin: 0 -1px;	/* Ensure floating */
	width: 100%;
}

#mainOuter .right {
	/* Not used for now */
	float: right; 			/* Possiblity for NN4 layout */
	width: 15em;
	margin: 0 -15em 0 1px;	/* Column position */
}

#mainOuter .left {
	width: 16em;
	margin: 0 1px 0 -16em;	/* Column position */
}

/* -----------------------------------------------------------
					Decoration Fix-up Pieces
----------------------------------------------------------- */

div.gap {
	border-top: 2px solid #FFF;
	background: #CDE;
	position: relative;
}

html>body .mozclear {
	border-bottom: 1px solid white;	/* help mozilla recognize empty  clearing element */
	margin-bottom: -1px;                  /* compensate for 1px space used by border */
}

/* -----------------------------------------------------------
						Fix BugIE :-|
----------------------------------------------------------- */

* html #mainInner, * html div.subBarInner, * html div.subTitleInner {
	position: relative;	/* fix a render bug in IE under certain conditions */
}

* html div.gap {
	margin-right: -4px;
}

* html #mainOuter {
	border-right: 4px #0B70CE solid;
}

.leftInside,
.titleSide,
#mainInner .left div.button1,
#mainInner .left div.button2 {
	margin-left: -2px;
	margin-right: 2px;
}


/* -----------------------------------------------------------
					Sub Bar (Thing under header)
----------------------------------------------------------- */

div.subBarInner {
	background: #f5f7ea  url('../../img/index/bg2.jpg');
	padding-bottom: 8px;
}

div.subBarInner span {
	display: block;
	color:#ec5d00;
}

div.subBarOuter,
div.subTitleOuter {
	border-right-width: 20em;
}

div.subTitleOuter div.right,
div.subBarOuter div.right {
	text-align: center;
}

div.subTitleOuter {
	border-color: #c9c9c9;
}

div.subTitleInner {
	background: #E6EDE0 url('../../img/index/bg1.jpg');
	color: #b24600;
}
div.subTitleInner div.right
	{
		color:#1f1f1f;
	}
/* -----------------------------------------------------------
							Main Bar
----------------------------------------------------------- */

.titleSide,
.titleMain {
	padding: 8px 16px 4px 16px;
	border-bottom: 1px solid #FFF;
	letter-spacing: 0.1em;
	height: 16px;
}

.titleSide {
	background: #ec5d00 repeat-y left url('../../img/index/title1.jpg');
	color: #FFF;
	margin-bottom: 12px;
	font-size: 12px;
	padding-left: 24px;
}

.titleMain {
	background: #dbe2e2;
	font-size: 11px;
}

.titleMain a:link,
.titleMain a:visited,
.titleMain a:hover {
	color: #b38e53;
}

.right p,
.content p {
	color: #283232;
	line-height: 1.6em;
	letter-spacing: 0.05em;
	padding: 0 16px 8px 16px;
}

.content a img {
	border:none;
}

#mainInner .left ul {
	list-style-type: none;
	margin: 0 0 12px 12px;
	padding: 0;
}

#mainInner .left ul li {
	margin: 8px;
}

ul.dotted,
li.select {
	list-style-type: square;
	color: #ff5400;
	margin-left: 52px;
}

.left .active a:link,
.left .active a:visited {
	font-weight: bold;
	color: #ff5400;
	list-style-type: square;
}

#mainInner .left ul.dotted {
	list-style-type: square;
}

#mainInner .left input {
	color: #000;
}

#mainInner .left div.button1,
#mainInner .left div.button2 {
	width: 100%;
	color: #163977;
	border: 0 none;
	border-top: #FFF solid 2px;
	padding: 6px 0;
}

#mainInner .left div.button1 a:link,
#mainInner .left div.button1 a:visited,
#mainInner .left div.button2 a:link,
#mainInner .left div.button2 a:visited {
	margin: 0 0 0 24px;
	font-size: 12px;
	font-weight: bold;
}

#mainInner .left div.button1 {
	background: #C9D6A6 url('../../img/index/bg3.jpg');
}

#mainInner .left div.button2 {
	border-bottom: #FFF solid 2px;
	background: #C9D6A6 url('../../img/index/bg4.jpg');
}

/*---------------------  C O N T A C T  U S -----------------------*/
table.contactForm
	{
		margin:10px 15px;
	}
.contactForm p
	{
		margin:3px 5px;
		padding:3px 5px;
		line-height:normal;
	}

/*---------------------  G A L L E R Y -----------------------*/	

.gPsH, .gPsH a /* gallery page sub header */
	{
		width:500px;
		margin:0 0 20px 0 !important;
		margin:0 0 10px 0;
		clear:both;
	}
.gPsH a:hover
	{
		text-decoration:none;
	}
.gPpC a /* gallery page picture container */
	{
		width:154px;
		height:154px;
		margin:5px;
		float:left;
		background-position:center;
		background-repeat:no-repeat;
		border:1px solid #cfcfcf;
	}
	
.pageListCnt /* page list container */
	{
		width:500px;
		margin:10px 0 0 0 !important;
		margin:15px 0 0 0;
		float:left;
		clear:both;
	}
.pageListCnt .pageList
	{
		font-size:13px;
	}
.pageListCnt .pageList a
	{
		background-color:#283232;
		color:#fff;
		border:1px solid #283232;
		padding:2px 5px;
		margin:0 2px;
	}
.pageListCnt .pageList a:hover
	{
		background-color:#fff;
		color:#283232;
		border:1px solid #283232;
	}
	
/*----------------- V O T I N G -- P O O L --------------------------------*/	

.vPcC /* voting pool content container ( for left bar) */
	{
		width:154px !important;
		width:144px;
		height:auto;
		padding:0 10px 10px 10px;
	}

.vPiC /* voting pool input ( radio ) container */
	{
		width:100%;
		height:auto;
		margin:0 0 2px 0;
		padding: 0 5px;
	}
.vPiC input
	{
		padding:0;
		margin:0 10px 0 0;
	}
.vPiC span
	{
		font-size:10px;
		color:black;
	}
.vPoC /* voting pool output (result) container */
	{
		height:12px;
		margin-bottom: 10px;
		padding:1px 2px 1px 0;
		background:#454545;
		text-align:right;
		font-size:10px;
		color:#deebf3;
	}
.vPsBc /* voting pool submit button container */
	{
		margin:20px 0;
	}
.vPsBc input
	{
		margin:0 20px 0 0;
	}
.vPsBc a
	{
		color:#015289;
		text-decoration:underline;
	}

.vPpCc  /* voting pool page content container */
	{
		width:100%;
		margin:10px 0 0 0;
		padding:10px 0 10px 0;
		border:0px !important;
		border:1px;
	}
.vPpCc .vPoC
	{
		margin:0 0 0 10px;
	}
.vPpCc td
   {
		border:1px solid #d4cdcd;
		padding:0;
   }
.vPpCpQ /* voting pool page content - percent - quantity */
	{
		width:100px;
		/* border-left:1px solid #c9c9c9;*/
		text-align:center;
		background-color:#c9c9c9;
	}
.vPpCa /* voting pool page content answer */
	{
		width:220px;
		background-color:#c9c9c9;
		/* border-left:1px solid #c9c9c9;*/
	}	
	
/*-------------------- P O P  U P  I M A G E --------------------*/

.imgPopUp, .content .imgPopUp
	{
		position:absolute;
		float:left;
		top:150px;
		left:300px;
		width:430px;
		height:430px;
		border:solid 1px black;
		background-color:white;
		visibility:hidden;
	}
.imgPopUpC
	{
		float:right;
		color:black;
		padding:2px 5px;
		/*border:solid 1px black;*/
	}
.imgPopUpImg
	{
		float:right;
		color:black;
		padding:15px;
		/*border:solid 1px black;*/
	}

/*-------------------- M E S S A G E S -----------------------------*/
.msg_success
	{
		font-size:11px;
		font-weight:bold;
		color:#6e910f;
	}
.msg_fail
	{
		font-size:11px;
		font-weight:bold;
		color:#840000;
	}
.msg_warning
	{
		font-size:11px;
		font-weight:bold;
		color:#ff6600;
	}
.msg_error
	{
		font-size:11px;
		font-weight:bold;
		color:#840000;
	}
.msg_fatal_error
	{
		font-size:11px;
		font-weight:bold;
		color:#840000;
	}

	
/* glide content */	
.glidecontent
{
	margin-left: 1px;
}

.glidecontent .image
{
	width:710px; /* 602 */
	padding:156px 0 0 0;
	background-position:bottom center;
	background-repeat:no-repeat;
}
.glidecontent .image .info
	{
		width:674px; /*566px*/
		height:31px;
		padding:5px 18px 0 18px;
		background: url('../../img/index/glidecontent.image.info.png') ;
		_background: none;
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/index/glidecontent.image.info.png', sizingMethod='scale');
	}
	.glidecontent .image .info p, .glidecontent .image .info p a
		{
			margin:0;
			padding:0;				
			color:black;
			line-height:11px;
		}
		.glidecontent .image .info p a
			{
			
			}