﻿body 
{
	font-family: Arial;
	text-align: center;
	margin:0px 0px;
	font-size: 10px;
	background-color: #eee;
}

a:hover {text-decoration:underline;}

h1
{
	font-size: 14px;
	padding-bottom: 10px;
	padding-top: 5px;
	color: #536056;
}

h2
{
	font-size: 12px;
	color: #536056;
}

table
{
	border: 0px;
	border-color: White;
}

td
{
	padding:3px;
	font-size: 10px;
}

th
{
	padding: 5px;
	font-size: 12px;
}

a
{
	color: #000000;
	font-weight: bold;	
	text-decoration: none;
}

p
{
  font-size:11px;
  margin-bottom:10px;
  color:#717374;
}

#MainBody
{
	margin: 0 auto; 
	text-align: left;
	width:900px;
	background-color: #FFF;
  border-left:1px solid #aaa;
  border-right:1px solid #aaa;
  border-bottom:1px solid #aaa;

}

.left {float:left;}
.right {float:right;}

.header
{
  position:relative;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	padding: 0px 18px 0px 18px;
  position:relative;
}
.header a {color:#fff;}
.header .image {float:right;position:absolute;right:0;top:0;padding:10px;} 

.footer
{
  background: url(/Images/footer.gif) no-repeat 15px 0px;
	font-size:11px;
	height:20px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding: 20px 6px 0px 38px;
}

#webTitle {
  margin-top:100px;

}

#FrameTop
{
	margin:0px;
	padding: 0px 0px 0px 0px;
}

#MainAreaWrapper
{

	text-align: left;
	width: 900px;
	margin-top: -3px;
  float:left;	
}


#MiddleAreaDiv
{
width:840px;
  float:left;
	padding-left:30px;
	padding-right:30px;
	background-color: #fff;
}


#Window
{
	background:  url(/images/WindowBg.jpg); 
	padding: 10px 10px 10px 10px;
	clear:none;
	text-align:left;
	/*height: 284px;*/
}
#WindowWhite
{
	background-color: #FFFFFF;	
	width: 900px;
	padding: 14px 10px 10px 10px;
	float:left;
	text-align:center;
	display: inline;
	/*height: 290px;*/
}

#WindowSmall
{
	padding: 0,0,0,0;
	font-size: 10px;
}

#WindowImage
{
}

#WindowContent
{
	font-size: 14px;
	padding: 20px 20px 20px 30px;
	height: 200px;
}

#ContentEntirePage {
  margin:0px;
}
.clear
{
	clear:both;
}

#menuWrapper
{
  font-family: Arial;
	padding-top:2px;
	padding-bottom:10px;
	text-align:right;
	font-size:14px;
	position:absolute;
	right:30px;
	top:120px;
	color:#536056;
}

#menuWrapper a {	color:#536056; text-decoration:none;font-weight:normal;}
#menuWrapper a:hover {	color:#536056; text-decoration: underline;}

/* Top Menu */
.DDMenu {float:left;padding:0;margin:0;width:100%;background-color: #568c40;font-size:12px;}
.DDMenu ul {}
.DDMenu li {float:left;position:relative;list-style-type:none;font-weight:bold;}
.DDMenu li a {float: left; text-align: left; font-family: arial;color:#fff;background-color:#568c40;padding:10px;padding-left:10px;padding-right:20px;padding-left:20px;font-weight:bold;}
.DDMenu li a:hover, .DDMenu li a.selected {color:#568c40;background-color:#ddd;}
.DDMenu li ul a {float: left; text-align: left; font-family: arial;color:#fff;background-color:#568c40;padding:5px;width:100px;padding-right:20px;padding-left:20px;font-weight:normal;}
.DDMenu li ul {visibility:hidden;position:absolute;left:0px;top:35px;}
.DDMenu ul li:hover ul {visibility:visible;background-color:#fff;}

/* Left Menu */
/* Level 1 */
.LMenu ul {padding:0;margin:0;font-family: arial;background-color:#fff;font-size:14px;font-weight:normal;clear:both;display:block;overflow:hidden;color:#536056;}
.LMenu li {display:block;overflow:hidden;border-top: dotted 1px #ccc;overflow:hidden;}
.LMenu li a {float: left; text-align: left; display:block;font-weight:normal;padding:5px 0px;overflow:hidden;color:#536056;}
.LMenu li a.selected {font-weight:bold;}
/* Level 2 */
.LMenu li ul {display:block;font-size:12px;}
.LMenu li ul li {display:block;border:0;}
.LMenu li ul li a {float: left; text-align: left; font-weight:normal; margin-left:10px; display:block;overflow:hidden;padding:5px 0px;overflow:hidden;color:#536056;}
.LMenu li ul li a.selected {font-weight:bold; }
/* Level 3 */
.LMenu li ul li ul {display:block;overflow:hidden;font-size:10px;}
.LMenu li ul li ul li {display:block;border:0;}
.LMenu li ul li ul li a {font-weight:normal; margin-left:20px;display:block;padding:0px 0px;color:#777;}



#ContentMainArea
{
	  border-style: solid;
    float:left;
    overflow:hidden;	  
}
#ContentLeftArea
{
	padding-right: 0px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:0px;
	float:left;
	width: 150px;
}
#ContentMiddleArea
{
	padding-right: 10px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
  float:left;
  overflow:hidden;
  width:670px;
	
}

.image {padding:20px;text-align:center;float:left;}
.image img { border:solid 1px #000;}

.productListItem {float:left; width:303px;background: #f0f0f0 url(/images/dekket_prod_bg.jpg) bottom repeat-x;margin: 0 10px 10px 0;padding:10px;height:132px;overflow:hidden;border:solid 1px #ccc;}
.productListItem h2 {font-size: 14px;padding: 3px 0px 5px 0px; }
.productListItem img {float:left;margin-right:10px; }

.productGroupListItem {float:left; width:303px;background: #f0f0f0 url(/images/dekket_prod_bg.jpg) bottom repeat-x;margin: 0 10px 10px 0;padding:10px;height:132px;overflow:hidden;border:solid 1px #ccc;}
.productGroupListItem h2 {font-size: 14px;padding: 3px 0px 5px 0px; }
.productGroupListItem img {float:left;margin-right:10px; }

.pageListItem {float:left; width:650px; background: #f0f0f0 url(/images/dekket_prod_bg.jpg) bottom repeat-x;margin: 0 10px 10px 0;padding:10px;overflow:hidden;border:solid 1px #ccc;}
.pageListItem h2 {font-size: 14px;padding: 3px 0px 5px 0px; }
.pageListItem img {float:left;margin-right:10px; }


.frameLeft {padding-left:15px;background: transparent url(/images/box_left.gif) repeat-y;}
.frameRight {padding-right:15px;background: transparent url(/images/box_right.gif) repeat-y right;}
.frameContent {background-color:#fff;overflow:hidden;}
.frameBottomLeft {padding-left:15px;background: transparent url(/images/box_bl.gif) bottom left;}
.frameBottomRight {padding-right:15px;background: transparent url(/images/box_br.gif) bottom right;}
.frameBottom {padding-right:15px;background: transparent url(/images/box_bottom.gif) repeat-x bottom;padding-top:15px;}
.frameTopLeft {padding-left:15px;background: transparent url(/images/box_tl.gif) top left;}
.frameTopRight {padding-right:15px;background: transparent url(/images/box_tr.gif) top right;}
.frameTop {padding-right:15px;background: transparent url(/images/box_top.gif) repeat-x top;padding-top:15px;}
.logo {float:right;margin-left:30px;margin-bottom:10px;}
.frameContent img {float:left;overflow:hidden;}

.breadcrumb {margin-left:00px;color:#ddd;clear:both;margin:5px 0px;}
.breadcrumb a {color:#ccc;}

.shoppingCart {float:left; width:98%;background: #f5f5f5 url(/images/dekket_prod_bg.jpg) bottom repeat-x;margin: 10px 0 0 0;padding:10px;border:solid 1px #ccc;}
.pageListItem h2 {font-size: 14px;padding: 3px 0px 5px 0px; }
.pageListItem img {float:left;margin-right:10px; }

.button {margin-top:5px;clear:both;}
.button input {float:left;}
.button img {float:left;}
.button a {margin-top:4px;margin-left:10px; float:left;}

.productPrice {font-size:18px;color:#4C564E;font-weight:bold;}
.newsIntro {font-size:12px;}