body {margin:3px; padding:0px; font-family:Verdana; font-size:11px; color:#000000}

img {border:0px}
form {margin:0px; padding:0px}

p {margin:5px 0px}

a {color:#4C6699; text-decoration:underline}
a:hover {color:#000000; text-decoration:underline}

h2 {font-family:Arial; font-size:18px; color:#000000; margin:3px; text-align:right}
h3 {Font-family:Arial; font-size:16px; color:#000000; margin:3px}
.TopBrd1 {border-bottom:2px solid #000000}
.RgtBrd1 {border-right:1px solid #7F7F7F}
.LftCatHd {font-family:Arial; font-size:13px; text-transform:uppercase; color:#000000; font-weight:bold; margin:2px 0px}
.LftCatTxt {margin:5px 10px}
.msg {color:#F70E2B; text-align:center; margin:0px}
.TabTxt1 {margin:0px; padding:3px}
.TabHead1 {background:#E6E6E6; font-weight:bold}
.TabBorder1 {border:1px solid #C8C8C8}

.BoxLine {background:url(images/tabdiv1.gif) bottom left repeat-x}
.BoxActive {border-left:1px solid #C8C8C8; border-top:1px solid #C8C8C8; border-right:1px solid #C8C8C8; padding:3px 10px; background:#FFFFFF; font-weight:bold; color:#000000}
.BoxDis {border:1px solid #C8C8C8; background:#F0F0F0; padding:3px 10px}
.BoxCnt {border-left:1px solid #C8C8C8; border-bottom:1px solid #C8C8C8; border-right:1px solid #C8C8C8; padding:10px}

.CatName {font-size:13px; font-weight:bold; color:#008000}

input {border:1px solid #969696; font-family:Verdana; font-size:11px; color:#505050}
input.chkbx {border:0px}
select {border:1px solid #969696; font-family:Verdana; font-size:11px; color:#505050}
textarea {border:1px solid #969696; font-family:Verdana; font-size:11px; color:#505050}

.Edit_Cell_Color { background:#FFFFCC;}
.ShippOrder { background-color:#F4F4F4;}


/********** LightBox Implementation *************/
#lightbox {background:#ffffff; padding:5px; border:2px solid #646464}
#lightboxDetails {padding-top:0.4em}	
#lightboxCaption {float:left}
#keyboardMsg {float:right}
#closeButton {top:0px; right:0px}
#lightbox img {border:none; clear:both}
#overlay img {border:none}
#overlay {background:url(images/overlay.png)}

* html #overlay {
	background-color:#333;
	background-color: transparent;
	background-image: url(images/spacer.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
}

.bord{
border: 1px solid gray;
}
.rbroundbox {  }
.rbtop div  { background: url(images/top_left.gif) no-repeat top left; }
.rbtop      { background: url(images/top_right.gif) no-repeat top right; }
.rbbot div  { background: url(images/bottom_left.gif) no-repeat bottom left; }
.rbbot      { background: url(images/bottom_right.gif) no-repeat bottom right; }

 /* height and width details */
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 14px;
	font-size: 1px;
}
.rbcontent  { margin: 0 14px; }
.rbroundbox { width: 20em; margin: auto;border:solid #000000 1px; }

/*

#p7swapmenu {background:#FFFFFF; width:212px}
#p7swapmenu ul {margin:0px; padding:0px}
#p7swapmenu li {margin:0px; padding:0px; list-style-type:none}
.closed a, .open a {background:#E6E6E6; border-bottom:1px solid #A6A6A6; color:#000000; display:block; font-family:Arial; font-size:13px; font-weight:bold; padding:5px 10px; text-decoration:none}
.closed a:hover, .open a:hover {background:#CCCCCC; color:#FFFFFF; text-decoration:none}
.closed a {background-image:url(menplus.gif)}
.open a {background-image:url(menminus.gif)}
.closed ul a, .open ul a, .open ul a:hover {background:transparent; color:#000000; border:0px; font-size:13px; font-weight:normal; padding:5px 10px; margin:0px}
.open ul a:hover {background:#CCCCCC; color:#000000}
#p7current {font-weight:bold}
 Menu Item END 
*/

/* New Menu Item START */
#menuItm {list-style-type:none; margin:0; padding:0}

#menuItm li {display:block; float:left; position:relative; z-index:100; margin-right:1px}
#menuItm li span {display:block; z-index:100; background:#FFFFFF; padding:5px 10px; font-size:12px; color:#808080; font-weight:bold}
#menuItm li a, #menuItm li a:visited {display:block; padding:0}

#menuItm dl {position:absolute; top:0; left:0; margin:0; padding:0; background:url(images/spacer.gif)}
#menuItm dt {background:#FFFFFF; margin:0; font-size:12px; color:#808080; font-weight:bold; float:left; border-right:1px solid #B6B6B6}
#menuItm dd {display:none; background:transparent; border-bottom:1px solid #B6B6B6; clear:left; margin:0; padding:0; font-size:12px; text-align:left}

#menuItm dt a, #menuItm dt a:visited {display:block; color:#808080; padding:5px 10px; text-decoration:none}
#menuItm dd a, #menuItm dd a:visited {background:#EDF2F8; color:#808080; text-decoration:none; display:block; padding:3px 10px}

#menuItm li a:hover {border:0}

#menuItm li:hover dd, #menuItm li a:hover dd {display:block}
#menuItm li:hover dl, #menuItm li a:hover dl {}
#menuItm li:hover dt a, #menuItm li a:hover dt a, #menuItm dd a:hover {background:#EDF2F8; color:#FF0000}
/* New Menu Item ENDS */

/* Default CSS
================================================*/
/* Basic styling, used when JavaScript is unsupported */
.cbb {
	margin:1em 0;
	padding:0 10px;
	border:1px solid #666;
	background:#fff;
}
.cbb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}
/* Normal styling */
.cb {
	margin:0.5em 0;
	width:800px;
}
	/* Top corners and border */
.bt {
	height:17px;
	margin:0 0 0 18px;
	background:url(images/box.gif) no-repeat 100% 0;
}
.bt div {
	position:relative;
	left:-18px;
	width:18px;
	height:17px;
	background:url(images/box.gif) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

	/* Bottom corners and border */
.bb {
	height:14px;
	margin:0 0 0 12px;
	background:url(images/box.gif) no-repeat 100% 100%;
}
.bb div {
	position:relative;
	left:-12px;
	width:12px;
	height:14px;
	background:url(images/box.gif) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

	/* Left border */
.i1 {
	padding:0 0 0 12px;
	background:url(images/borders.gif) repeat-y 0 0;
}
	/* Right border */
.i2 {
	padding:0 12px 0 0;
	background:url(images/borders.gif) repeat-y 100% 0;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display:block;
	margin:0;
	padding:1px 10px;
	background:#fff;
	 padding:4px 4px 14px 4px;
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;}
#btnLSLC2{
margin-left:10px;
}

.content{
float:right; text-align:left; width:78%;  padding-top:60px;
}
.content select{
margin-top:20px;}
.content h2{
text-align:left;}

.image{
float:left; width:22%; vertical-align:middle
}