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

html { height: 100%;}

img{ behavior: url(iepngfix.htc); }

body {
	background-color:#4897d2;
	height: 100%;

	font-family: Trebuchet MS, Arial, Helvetica;
	}
	
div.frame {
	width: 1000px;
	margin:0 auto;
	background:#fff;
	height: auto;
	border: 0px solid;
}

div.templatedis {
	width: 550px;
	float: left;
	margin-left: 10px;
	height: 450px;
	border: 0px solid;
	overflow-y: scroll;
	overflow-x: auto;

}

div.main{
	margin: 0 auto;
	width:900px;
	color:#d5dce2;
}

div.right{
	float:right;
	width: 300px;
}

div.remove {
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
}

div.edit {
	position: absolute;
	bottom: 0px;
	left: 0px;
	cursor: pointer;
}

div.handle {
	position: absolute;
	top: 0px;
	left: 0px;
	cursor: pointer;
}

div.resize {
	position: absolute;
	bottom: 0px;
	right: 0px;
	cursor:se-resize;
}

div.progress{

}

div.orders{
	width: 250px;
	height: 400px;
	border:1px solid #999;
	overflow-y: auto;
	margin: 0 auto;
}

div.havet{
	border:1px solid #990000;
	cursor:pointer;
}

p {
	padding:12px; 
	font-size: 12px;
	color: #333333;
}

h1 {
	padding:15px;
	color: #0099FF;
}

h2 {
	padding:15px;
	color:#0099FF;
}


h3 {
	padding:10px;
	color: #4897d2;
	font-size:18px;
	font-weight:normal;
}
h4 {
	color: #4897d2;
	font-size:15px;
	font-weight:normal;
}

h5 {
	padding:10px;
	padding-left: 20px;
	color: #3366CC;
	font-size:14px;
}

div.lilcart{
}


/* Required CSS classes: must be included in all pages using this script */

/* Apply the element you want to drag/resize */
.drsElement {
 position: absolute;
 border: 1px solid #333;
 font-size:11px;

	
}

li {
	margin: 4px;
	margin-left: 30px;
	font-size: 11px;
	color: #333333;
}

/*
 The main mouse handle that moves the whole element.
 You can apply to the same tag as drsElement if you want.
*/
.drsMoveHandle {
 cursor: move;
 position:absolute;
 top: 0px;
 left:0px;
}

/*
 The DragResize object name is automatically applied to all generated
 corner resize handles, as well as one of the individual classes below.
*/
.dragresize {
 position: absolute;
 width: 5px;
 height: 5px;
 font-size: 1px;
 background: #EEE;
 border: 1px solid #333;
}

/*
 Individual corner classes - required for resize support.
 These are based on the object name plus the handle ID.
*/
.dragresize-tl {
 top: -8px;
 left: -8px;
 cursor: nw-resize;
}
.dragresize-tm {
 top: -8px;
 left: 50%;
 margin-left: -4px;
 cursor: n-resize;
}
.dragresize-tr {
 top: -8px;
 right: -8px;
 cursor: ne-resize;
}

.dragresize-ml {
 top: 50%;
 margin-top: -4px;
 left: -8px;
 cursor: w-resize;
}
.dragresize-mr {
 top: 50%;
 margin-top: -4px;
 right: -8px;
 cursor: e-resize;
}

.dragresize-bl {
 bottom: -8px;
 left: -8px;
 cursor: sw-resize;
}
.dragresize-bm {
 bottom: -8px;
 left: 50%;
 margin-left: -4px;
 cursor: s-resize;
}
.dragresize-br {
 bottom: -8px;
 right: -8px;
 cursor: se-resize;
}

li { list-style:none;
		 }
dl { padding: 10px;}
dt { color:#000033; font-size:12px; list-style: circle; padding:5px; background-color: #CCCCCC; margin:2px; width: 150px;}
dd { color:#000033; font-size:11px;  margin: 3px; margin-left:15px; padding:5px; background-color:#FFFFCC; width: 135px;}

a.menu:link {color:#ffffff;   text-decoration:none; font-size: 18px; padding-left: 20px; font-weight:bold;}
a.menu:active {color:#ffffff;   text-decoration:none; font-size: 18px; padding-left: 20px; font-weight:bold;}
a.menu:visited {color:#ffffff;   text-decoration:none; font-size: 18px; padding-left: 20px; font-weight:bold;}
a.menu:hover {color:#f5941f;   text-decoration: none; font-size: 18px; padding-left: 20px; font-weight:bold;}

a:link {padding:0px; margin:0px; padding-left: 0px; color:#000066; font-size:13px;  text-decoration:none; font-weight:normal;}
a:active {padding:0px; margin:0px; padding-left: 0px; color:#000066; font-size:13px;  text-decoration:none; font-weight:normal;}
a:visited {padding:0px; margin:0px; padding-left: 0px; color:#000066;  font-size:13px; text-decoration:none; font-weight:normal;}
a:hover {padding:0px; margin:0px; padding-left: 0px; color:#0099FF; font-size:13px;  text-decoration: underline; font-weight:normal;}

a.by:link {padding:0px; margin:0px; padding-left: 0px; color:#777777; font-size:12px;  text-decoration:none; font-weight:normal;}
a.by:active {padding:0px; margin:0px; padding-left: 0px; color:#777777; font-size:12px;  text-decoration:none; font-weight:normal;}
a.by:visited {padding:0px; margin:0px; padding-left: 0px; color:#777777;  font-size:12px; text-decoration:none; font-weight:normal;}
a.by:hover {padding:0px; margin:0px; padding-left: 0px; color:#CC0000; font-size:12px;  text-decoration: none; font-weight:normal;}

a.leftmenu{margin: 4px;
	margin-left: 40px;
	font-size: 12px;
	color: #333;}

a.productmenu{
	font-size: 11px;
	color: #333333;}
	
a.topmenu{ color:#fff; margin:10px;}
a.botmenu{ color:#fff; margin:5px;}