/* -------------------------------------------------------------- Hidden image preload items */

.hidden
{
	display:none;
}

/* -------------------------------------------------------------- Page items */

#container
{
	margin: 0 auto;
	width: 1100px;
}

#header
{
	background: #eee;
	color: black;
	padding-bottom: 30px;
	position:relative;
	text-align:center;
	border-bottom: 1px solid OrangeRed;
}

#header h1 {
	margin: 0;
}

#content-container1
{
	float: left;
	width: 100%;
	background: url(/images/page/background1.gif) repeat-y 20% 0;
}

#content-container2
{
	float: left;
	width: 100%;
	background: url(/images/page/background2.gif) repeat-y 80% 0;
}

#left-side
{
	float: left;
	width: 18%;
	padding-top: 35px;
	padding-bottom: 20px;
	margin-left: 1%;
	margin-right: 1%;
	display: inline;
}

#content
{
	float: left;
	width: 56%;
	padding-top: 40px;
	padding-bottom: 15px;
	margin-left: 2%;
	margin-right: 2%;
}

#content h2
{
	margin: 0;
	text-align:center;
}

#picblock
{
	text-align:center;
	padding-top:10px;
}

#picblock img
{
	border: 2px solid #C0C0C0;
	margin-left:5px;
	margin-right:5px;
}

#right-side
{
	float: right;
	width: 18%;
	padding-top: 35px;
	padding-bottom: 20px;
	margin-left: 1%;
	margin-right: 1%;
	display: inline;
}

#right-side h3 { margin: 0; padding: 10px }

#footer
{
	clear: both;
	color: black;
	background: #ccc;
	text-align: right;
	padding: 5px;
	height: 30px;
	line-height: 30px;
	font-size:80%;
	border-top: 1px solid OrangeRed;
}

/* -------------------------------------------------------------- Menu items */

#headerMenu {
	padding:0;
	margin:0;
	list-style:none;
	width:700px;
	height:45px;
	position:absolute;
	top:172px;
	left:20px;
}

#headerMenu li {
	position:relative;
	float:left;
}

#headerMenu li a {
	display:block;
	height:45px;
	width:100px;
	padding:0;
	float:left;
	background:black;
	outline: none;
	color:#fff;
	text-decoration:none;
	font-family:"trebuchet MS", sans-serif;
	font-size:14px;
	text-align:center;
	cursor:pointer;
	background: url(/images/menu/headerMenu-off.png);
}

#headerMenu li a b {
	position:relative;
	top:16px;
	font-weight:normal;
}

#headerMenu li a:hover,
#headerMenu li a:focus,
.home     #headerMenu li#home     a,
.products #headerMenu li#products a,
.news     #headerMenu li#news     a,
.about    #headerMenu li#about    a,
.contact  #headerMenu li#contact  a
{background: url(/images/menu/headerMenu-on.png) no-repeat right top; cursor:pointer; color:#fff}

#headerMenu li a:active
{background: url(/images/menu/headerMenu-click.png) no-repeat right top; cursor:pointer; color:#fff}

#headerMenu li a:hover  b,
#headerMenu li a:active b,
#headerMenu li a:focus  b,
.home     #headerMenu li#home     a b,
.products #headerMenu li#products a b,
.news     #headerMenu li#news     a b,
.about    #headerMenu li#about    a b,
.contact  #headerMenu li#contact  a b
{cursor:pointer; top:12px; padding-right:3px;}

/* -------------------------------------------------------------- Block items */

.roundtop {
    background-image: url(/images/boxoutline/boxTop.png);
    width: 198px;
    height: 18px;
    }

.roundside {
    background-image: url(/images/boxoutline/boxMiddle.png);
    background-repeat: repeat-y;
    width: 198px;
	margin-top:-18px;
}

.roundsidetext {
	margin: 15px 15px 15px 15px;
}

.roundsidetext p
{
	font-size: 80%;
	text-align:center;
    line-height: 18px;
	vertical-align:middle;
}

.roundbottom {
    background-image: url(/images/boxoutline/boxBottom.png);
    width: 198px;
    height: 18px;
	margin-top:-15px;
}

/* -------------------------------------------------------------- Product items */

.product
{
	clear:both;
	font-size: 90%;
}

.product p
{
	margin-top:14px;
	text-align:justify;
}

.product p b
{
	float:right;
	font-weight:normal;
}

.break
{
	font-size: 90%;
	text-align:center;
	color:OrangeRed;
	clear:both
}

a.productstate
{
	width:120px;
	height:120px;
	position:relative;
	display:inline;
	border: 0;
	margin-top:15px;
	margin-right:10px;
	float:left;
}

a.productstate img
{
	float:left;
	display:block;
	border: 2px solid #C0C0C0;
}

a.productstate span.status
{
	position:absolute;
	left:0%;
	top:0%;
}

/* -------------------------------------------------------------- 2 Line menu */

.leftMenu
{
	width: 166px; /* 198px block minus 32px */
}

.leftMenu ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.leftMenu li a
{
	text-decoration:none;
	font-family:"trebuchet MS", sans-serif;
	font-size: 70%;
	text-align:center;
	cursor:pointer;
	height: 36px;
	line-height:16px;
	outline: none;
	color: #fff;
	display: block;
	background: url(/images/menu/leftMenu-off.png);
	padding-top:2px;
}

.leftMenu li a:hover,
.leftMenu la a:focus
{
	color: #fff;
	background: url(/images/menu/leftMenu-on.png);
}

.leftMenu li a:active
{
	color: #fff;
	background: url(/images/menu/leftMenu-click.png);
}

/* -------------------------------------------------------------- 1 Line menu */

.singleButton {
	width: 166px;
	float:right;
}

.singleButton ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.singleButton li a {
	text-decoration:none;
	font-family:"trebuchet MS", sans-serif;
	font-size: 80%;
	text-align:left;
	text-indent:20px;
	cursor:pointer;
	line-height:36px;
	width: 166px;
	color: #fff;
	display: block;
	background: url(/images/menu/singleButton-off.png);
}

.singleButton li a:hover {
	color: #fff;
	background: url(/images/menu/singleButton-on.png);
}

.singleButton li a:active {
	color: #fff;
	background: url(/images/menu/singleButton-click.png);
}