@charset "utf-8";
/* CSS Document */

* { margin:0; padding: 0; border:0px; }

.clear{
	clear:both;
}

body{
	background-color:#6db0fe;
}


#page-body{
	width:960px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px auto;
	background-color: white;
}

#mashhead{
	/*background-image:url(../images/mashhead.jpg);*/
	height: 200px;
	border: 0px;
	overflow: hidden;
}

#page-main{
	overflow:hidden;
	background-repeat: repeat-y;
	background-image: url(/static/images/main-background.jpg);
	width: 100%;
/*	position:relative;*/
}

#left-nav{
	background-image : url("/static/images/left-nav.jpg");
	background-repeat : repeat-y;
	width: 200px;
	float: left;
	padding-bottom: 30px;
	padding-top: 10px;
}

#left-nav ul{
	list-style: none;
	padding-top: 45px;
	padding-bottom: 60px;
}

#left-nav li{
	background-image : url(/static/images/leftnavitem.jpg);
	background-repeat: no-repeat;	
	height : 30px;
	margin: 0px 10px 10px 0px;
	font-size: 15px;
	text-align: center;
	font-weight: bold;
}

#left-nav li:HOVER{
	background-image : url(/static/images/leftnavitem-oc.jpg);
	background-repeat: no-repeat;	
}

#left-nav a{
	color: green;
	text-decoration: none;
	line-height: 1.8em;
	font-weight: bold;
}

#main-content{
	width: 720px;
	float: left;
	margin-left: 20px;
	margin-top: 10px;
}


#menu-bar {
	background :url(../images/menu.jpg) repeat-x;
	color: white;
	font-weight: bold;	
	padding: 0px;
	margin: 0px;
	/*padding-left: 20px;*/
}

#menu-bar ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#menu-bar li{
	float: left;
	height: 38px;
	overflow:hidden;
}

.spacer{
	margin: 5px 8px 5px 8px;	
	background-image: url(/static/images/spacer.jpg);
	width: 2px;
}

#footer{
	width:960px;
	height : 50px;
	background-image: url(../images/footer.jpg);
	background-repeat: repeat-y;
	color: white;
}

.footer-content{
	margin-left : 200px;
	text-align : center;
	padding-top: 10px;
	font-size: 16px;
	font-weight: bold;
}


.pl{
	position:absolute;
	z-index:1;
}

.pl-inner {
	position:absolute;
	width:40px;
	height:115px;
	z-index:1;
	left: -15px;
}

.os {
	position:absolute;
	z-index:1;
}

.os-inner {
	position:absolute;
	width:200px;
	height:45px;
	z-index:1;
	left: -15px;
}

/*-------------------------------------------------------------------------------------------------*/

.product-item{
	width: 200px;
	text-align:center;
	padding: 0px 20px 30px 20px;
	display : block;
	height : 200px;
	float: left;
}

.product-left{
	float : left;
	padding-top: 10px;
	padding-left: 10px;
	width : 400px;
}

.product-right{
	float: right;
	padding-top: 10px;
	padding-right: 10px;
	width: 300px;
}

.caption a{
	font-weight: bold;
	color: yellow;	
}

.bf{
	font-weight: bold;
}

.rt{
	font-size: 15px;
	font-family: monospace;	
}

.paginate{
	text-align: center;
	color: white;
	margin-bottom: 10px;
	font-weight: bold;	
}

.paginate a{
	color: white;
}

.item-div {
	width: 100%;	
	border: 1px solid white;
	overflow: hidden;
	padding: 5px;
}

.item-div-left{
	float: left;
	width : 400px;
}

.item-div-right{
	width : 320px;
	float: right;
	text-align: right;
}


.nav-tree {
	font-weight: bold;
	color: white;
	margin-bottom : 10px;
}

.nav-tree a{
	color: white;
}

.back-to{
	font-weight: bold;
	color: white;
	margin-bottom : 10px;
}

.back-to a{
	color: white;
}