/* CSS Document */
h1{
margin:1px;
padding:5px;
padding-bottom:6px;
font-size:2em;
background-color:#1557D1;
color:#ffffff;
}
h2{
color:#000066;
font-size:1.8em;
margin:0px;
}
h3{
margin:5px;
font-size:1.5em;
}
#kglc h3{
margin-bottom:-5px;
}
h4{
margin:5px;
}
a{
color:#000066;
}
body{
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#000066;
}
#online{

background-image:url(foam.jpg);
border-bottom:1px solid #ffffff;
border-top:1px solid #ffffff;

}
#kglc{
background-color:#CDE5FD;
background-image:url(peg.jpg);
background-repeat:no-repeat;
background-position:left;
height:135px;
border-bottom:1px solid #ffffff;
}
#kglc img{
border:0px;
}
#logo{
	margin:5px;
	float:left;
	position:absolute;

}
#login{
background-color:#FFFFFF;
filter:alpha(opacity=50);
-moz-opacity:0.50;float:right;
margin:10px;
}
#login input{
margin:5px;
width:135px;
color: #000066;
}
#login form{
margin:0px;
}
#login p{
padding-bottom:0px;
}
#login form img{
margin-bottom:-2px;
margin-right:5px;
}
#login div{
position:relative;
}
#search{
background-color:#FFFFFF;
filter:alpha(opacity=80);
-moz-opacity:0.80;float:right;
margin:10px;
top:190px;
clear:right;
margin-top:0px;
}
#search form{
margin:0px;
}
#search div{
position:relative;
}
#search input{
margin:5px;
width:135px;
color:#000066;
}
#search form img{
margin-bottom:-2px;
margin-right:5px;
}
#spectulise{
background-color:#000066;
color:#ffffff;
padding:5px;
clear:both;
font-size:0.85em;

}
#spectulise a{
color:#ffffff;
text-decoration:none;
}
#spectulise a:hover{
text-decoration:underline;
}



p{
margin:0px;
padding:5px;
}
#legal{
float:right;
}
#nav{
background-color:#000066;
height:24px;
}
#nav ul{
margin:0px;
padding:0px;
}

.topmenuul{
	list-style-type:none;
	margin:0;
	padding:0;
}

.topmenuli{
	list-style-type:none;
	float:left;
background:#000066;
}

.topmenutitle{
	display:block;
color:#ffffff;
font-weight:bold;
	
}
.topmenutitle:hover{
background-color:#FFFF00;
color:#000066;
}
.topmenutitleselect{
	display:block;
color:#000066;
font-weight:bold;
	background-color:#ffff00;
	text-decoration: none;
	
border-right:1px solid #ffffff;
	padding:5px;
	line-height:14px;
}
.submenuul{
	list-style-type:none;
	position:absolute;
z-index:100;
	margin: 0;
	padding:0;
	display:none;
}

.submenuli a{
	display:block;
	width:200px;
}

li:hover ul , li.over ul{ /* lists nested under hovered list items */
	display: block;
}

#dmenu li>ul { 
	top: auto;
	left: auto;
}




/* menu design */

#dmenu {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:12px;
}

.topmenuul {
	
}

.topmenutitle {
	
	text-decoration: none;
	
border-right:1px solid #ffffff;
	padding:5px;
	line-height:14px;
}

.submenuul {
	margin-top:-1px;
	background-color:#5BA0D7;
	background-position: top left;
	background-repeat: repeat-x;
	border-top:1px solid #000000;
	border-bottom:2px solid #000066;
	border-right:2px solid #000066;
border-left:1px solid #000066;


}
.submenuli a{
	padding:3px;
	text-decoration: none;
	color: #ffffff;

}

.submenuli a:hover{
	text-decoration: none;
	background:#ffff00;
	color: #000066;
}




.cartimg img{
border:0px;
}

#catalogue img{
padding:5px 0px 5px 5px;
}
#catalogue ul{
margin:0px;
padding:0px;
display:block;
list-style-type:none;
}

#catalogue ul a{							/* Change Colors */
	display:block;/*ns*/ width:196px; color:#ffffff; font-weight:bold; font-size:0.9em; padding:2px; text-indent:3px; border-bottom:1px solid #000066; text-decoration:none;
}
#catalogue ul a:hover{							/* Change Colors */
	display:block;/*ns*/ width:196px; padding:2px; text-indent:3px; border-bottom:1px solid #000066;
 text-decoration:none; background-color:#FFFF00; color:#000066;
}

#catalogue .selected{
background-color:#000066;
}
#catalogue form{
margin:0px;
padding-left:5px;
padding-bottom:5px;
border-bottom:1px solid #ffffff;
}
#catalogue form img{
border:0px;
padding:0px;
padding-left:5px;
padding-top:5px;
margin-bottom:-5px;
}
ul #nav2 a{
background-color:#D0E3F2;
border:none;
color:#1557D1;
}
ul #nav2 a:hover{
background-color:#ffff00;
border:none;
color:#000066;
}
#nav2 .selected{
color:#000066;
background:#D0E3F2;
}

#offer div{
border-top:1px solid #ffffff;
border-bottom:1px solid #ffffff;
}
.pic{
padding:5px;
}

	#main1 {
		margin:0; padding:0;
		background: url("bg.gif") top left repeat-y;
clear:both;
		}
	#main2 {
		margin:0; padding:0;
		background:url("bg.gif") top right repeat-y;
		}
	#catalogue {
		float:left;
		width:200px;
		margin:0; padding:0;

		}
	#offer {
		float:right;
		width:200px;
		margin:0; padding:0;
border-left:1px solid #ffffff;

		}
#offer p{color:#ffffff;}#offer a{font-weight:bold; color:#ffffff;  text-decoration:none;}
#offer a:hover{
text-decoration:underline;
color:#000066;
}
#offer div a{
color:#000066;
display:block;
padding-left:5px;
padding-top:14px;
}
#offer div a:hover{
background-color:#000066;
color:#FFFF00;
text-decoration:none;
}
#offer a img{
border:0px;
}
	#content {
		margin:0 200px;
position:relative;
		}
#content ul{
text-indent:15px;
}
.water{
margin:5px;
border:1px solid #000066;
background:#D0E3F2;
height:1%;

}

.water a img{
border:1px solid #000066;
margin:5px;
}
.water .add{
font-size:1.3em;
font-weight:bold;
clear:both;
}
.water .add a{
background-color:#000066;
width:100px;
color:#ffffff;
font-size:0.8em;
font-weight:bold;
padding:3px;
text-decoration:none;
}
.water .add a:hover{
background-color:#ffff00;
color:#000066;
}
.water .add .selected{
background-color:#ffff00;
color:#000066;
}
.water form{
padding:5px;
margin-bottom:3px;
}
.tips{
width:90%;
}
.tips a{
color:#000066;
}
.tips ul{
margin:0px;
margin-left:20px;
}
.submi{
background-color:#000066;
width:100px;
color:#ffffff;
font-size:1em;
font-weight:bold;
padding:3px;
text-decoration:none;
}
.submi:hover{
background-color:#ffff00;
width:100px;
color:#000066;
}
	.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
	
		margin:0; padding:0;
		background:transparent;border-bottom:1px solid #ffffff;
		}
	#cart{
margin:5px;
width:190px;
border-collapse:collapse;
font-size:0.85em;
font-weight:bold;
}
#cart td{
background:#CEE3F3;
border:1px solid #5BA0D7;
padding:3px;
}
#total{
border:5px solid #000000;
}
.basket a{
background:#000066;
padding:5px;
margin-bottom:10px;
width:100px;
margin-bottom:20px;
}
.basket a:hover{
background:#ffff00;
}
.basket{
margin-bottom:5px;
}
#editor{
background-color:#000066;
position:absolute;
border:1px solid #ffffff;
margin-left:350px;
top:70px;
width:25px;
padding:2px;
}
#editor a{
color:#ffffff;
font-weight:bold;
font-size:1em;
text-decoration:none;
}
#editor a:hover{
background-color:#FFFF00;
color:#000066;
font-weight:bold;
font-size:1em;
text-decoration:none;
}
.item{
border:1px solid #000066;
margin:5px;
}
.ex{
padding-left:5px;
padding-top:14px;
}

#itemdisp td{
vertical-align:bottom;
text-align:center;
border:1px solid #D0E3F2;
}