html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, table, td, tr, th, td, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-size:100%;font:inherit;}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1.5;background:white;}
/*table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}*/


table {border-collapse:separate;border-spacing:0;}
caption, th, td {font-weight:normal;float:none !important;}


blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
:focus {outline:0;}


#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
	margin-left: 240px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 245px; /*Width of left column*/
margin-left: -100%;
}
.rightPad {padding-right:20px;}
#footer{
	clear: left;
	width: 100%;
	margin-top:6px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dedede;
	padding-top:10px;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0; padding:0;
}


/* Styles */

hr {color:#dedede; height:1px;}
.font2 {font-family: Helvetica, sans-serif;}
.font1 {font-family: Arial,sans-serif;}
.ligther {font-weight: lighter;}
.botSpace60 {margin-bottom:200px;}
.relBox {position: relative;}
.buttons {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #316B99;
	color: #EDEDED;
	margin:0px;
	padding:2px;
}
.hotBox { width:792px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dedede;
	padding-top: 8px;
	padding-bottom:1.5em;
}
.hotBox2 { width:774px;
	padding-bottom:1.5em;
}
.errMessage, .errMess {font-family: Arial, Helvetica, sans-serif; color: #de2139;}

.errMessage {font-weight:bold} 
.errMess {font-size: 10px;} 
.bgWhite {background-color: #FFFFFF;}
.bgColor {
	background-color: #F1F1F1;
}
.padtop10 {padding-top:10px;}
.bold {font-weight:bold}
.pad {width:800px; margin-left:0;}
.pad300 {width:296px; margin-left:0; padding-bottom:20px;}
.pad59 {width:59px;}
.lineHeight24 {line-height:24px;}
.lineHeight32 {line-height:32px;}
.topLine {background-color: #3B4E87; line-height:28px; color:#fff; text-transform:uppercase; font-size:11px;}
.bottomLine, .botLine  {border-bottom-color:#003882; border-bottom-width:1px; border-bottom-style: solid;}
.bline {border-bottom-color:#dedede; border-bottom-width:1px; border-bottom-style: solid;}
.bottomLine {line-height:28px;}
.grid {margin-left:10px; width:1000px}
.size12 {font-size:12px}
.size11 {font-size:11px}
.size10 {font-size:10px}

.hideIt {text-indent:-9999px;}

.mainPos {
	text-transform: uppercase;
	font-size: 15px;
	color: #a8a8a8;
	position: absolute;
	left: 65px;
	top: 10px;
	font-weight: bold;
}
.subPos {
	text-transform: lowercase;
	font-size: 12px;
	color: #174a7c;
	position: absolute;
	left: 65px;
	top: 27px;
}

#banner {
	position: relative;
	height: 60px;
}
#logout {
	position: absolute;
	top: 10px;
	right: 20px;
	font-size: 11px;
	text-transform: uppercase;
	font-family: Arial;
}


#logo {
	background-image: url(../images/gil.png);
	background-repeat: no-repeat;
	height: 60px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dedede;
	background-position: 25px 20px;
}

#theTopNav li {
	display: inline;
	font-weight: lighter;
	text-transform: uppercase;
}


#theMainNav {}
#theMainNav li {
	display: block;
	height: 56px;
	background-image: url(../images/btn.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 238px;
	position: relative;
}

#theMainNav a {
	text-decoration: none;
	display: block;
	height: 56px;
	width: 238px;
}

#theMainNav a:hover {
	display: block;
	height: 56px;
	background-image: url(../images/btn.jpg);
	background-position: 0px -56px;
	background-repeat: no-repeat;
	width: 238px;
}

#addCust a:hover, #search a:hover, #shipOrder a:hover, #addProduct a:hover, #editProduct a:hover, #customerPrice a:hover, #order a:hover, #manager a:hover, #reports a:hover, #release a:hover  {
	display: block;
	height: 56px;
	background-image: url(../images/icon.gif);
	background-repeat: no-repeat;
	width: 238px;
}

#addCust a:hover {background-position: 17px 0px;}
#search a:hover {background-position: 17px -56px;}
#shipOrder a:hover {background-position: 17px -112px;}
#addProduct a:hover {background-position: 17px -168px;}
#editProduct a:hover {background-position: 17px -280px;}
#customerPrice a:hover {background-position: 17px -448px;}
#order a:hover {background-position: 17px -504px;}
#manager a:hover {background-position: 17px -336px;}
#reports a:hover {background-position: 17px -392px;}
#release a:hover {background-position: 17px -224px;}



#mainDisplay {
	width: 95%;
	text-align: left;
}

#botTag {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #3B4E87;
	padding-top: 8px;
	text-align: right;
	margin-right: 20px;
	text-transform: uppercase;
	clear: both;
}
.topSpace {margin-top:10px;}
.topSpace6 {margin-top:6px;}
.botSpace20 {margin-bottom:20px;}
.indent8 {text-indent:8px;}
.indent40 {text-indent:40px;}
input {
	background-color: #f2f2f2;
}
label {display: block; width: 143px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-transform:uppercase; color:#666699; text-align: left; margin-top:8px;	padding:0;}
.theLabel {text-align:right; width:140px; float:left; margin-right:5px;	margin-top: 5px;}

#copy a, #copy2 a {display: block; background-image: url(../images/copyOver.gif); background-repeat: no-repeat; position: absolute; text-indent:-9999px;	height: 72px; width: 68px;}
#copy a:hover, #copy2 a:hover {
	background-image: url(../images/copyOver.gif);
	background-position: 0px -73px;
}

#copy a {top: 120px; left: 385px;}
#copy2 a {top: 120px; left: 385px;}

#newEmployee, #getSubProducts, #getDetail, #getDetail2, #getInfo, #getInfo2, #searchScreen, #loginScreen, #getShip {
	position: relative;
	margin-left:0px;
/*	margin-right:auto;*/
	padding-top: 25px;
}

#getShip {height: 350px; width:460px;}
#getSubProducts {height: 250px; width:440px;}
#getDetail {height: 280px; width:460px;}
#newEmployee {height: 280px; width:440px;}
#getDetail2 {height: 430px;	width:820px;}
#getInfo {height: 430px; width:790px;}
#getInfo2 {height: 460px; width:790px;}
#searchScreen {height: 350px; width:540px;}
#loginScreen {height: 150px; width:230px;}

#searchScreen li, #loginScreen li, #newEmployee li {position: absolute;	list-style: none;}
#getDetail li, #getDetail2 li, #getInfo li, #getInfo2 li, #getSubProducts li, #getShip li {list-style: none; clear:both; margin-bottom:8px;}

#getShip li {margin-left: 25px;} 
#getDetail li {margin-left: 25px;}
#getDetail2 li {margin-left: 0px;}
#getInfo li {margin-left: 0px;}
#getInfo2 li {margin-left: 8px;}


#dc15a, #dc1, #dc2, #dc3, #dc4, #dc5, #dc6, #dc7, #dc8, #dc9, #dc10, #dc11, #dc12, #dc13, #dc14, #dc15, #dc17, #gsp1, #gsp2, #gsp3, #gsp4, #gsp5, #gsp6, #gsp7, #gsp8, #dc18, #dc19, #dc20, #dc21, #dz01  {position: absolute;}

#dc1 {top: 430px; left: 280px;}
#dc2 {top: 475px; left: 256px;}
#dc5 {top: 300px; left: 244px;}
#dc14 {top: 170px; left: 170px;}
#dc15 {top: 0px; left: 0px; width: 419px;}
#dc15a {top: 0px; left: 0px;}
#dc16 {top: 0px; left: 0px; width: 210px;}
#dc17 {top: 10px; left: -10px;}
#dc18 {top: 10px; left: 410px;}
#dc19 {top: -20px; left: 0px; width: 980px;}
#dc20 {top: 30px; left: 405px;}
#dc21 {top: 40px; left: 0px;}
#dc12,#dc16 {
	line-height: 28px;
	padding-left: 20px;
	background-color: #3B4E87;
	color: #FFF;
	font-family: Arial;
}

#ls1 {top: 47px; left: 39px;}
#ls2 {left: 141px; top: 143px;}
#ls3 {top: 35px; left: 22px;}

.colorRed { color:#F00}

#dz01 {top: 398px; left: 430px;}
#dc13 {top: 398px; left: 0px; margin-top:64px;}
#dc8 {top: 200px; left: 144px;}
#dc16 {top: 8px; left: 0px; width: 210px;}
#dc12 {top: 0px; left: -8px; width: 770px;}
#dc21 {top: 40px; left: 0px;}
#dc11 {top: 40px; left: 380px;}
#dc4 {top: 450px; left: 336px;}

#ss1 {top: 10px; left: 12px;}
#ss2 {left: 195px; top: 10px;}
#ss3 {top: 120px; left: 12px;}
#ss4 {left: 377px; top: 10px;}
#ss5 {left: 460px; top: 315px;}

#gsp1 {top: 100px; left: 0px;}
#gsp2 {top: 100px; left: 110px;}
#gsp3 {top: 200px; left: 14px;}
#gsp4 {top: 50px; left: 0px;}
#gsp5 {top: 20px; left: 0px;}
#gsp6 {top: 149px; left: 285px;}
#gsp7 {top: 150px; left: 0px;}
#gsp8 {top: 170px; left: 275px;}


#ue1 {top: 10px; left: 40px;}
#ue2 {top: 10px; left: 244px;}
#ue3 {top: 230px; left: 244px;}
#ue4 {top: 60px; left: 404px;}

#mainContent { min-width:1255px;}
#lCol {
	float: left;
	width: 245px;
	margin-top:8px;
}
#rCol {
	float: left;
	margin-top:8px;}
a.tooltip, a.tooltip2, a.tooltip3, a.tooltip4, a.tooltip5, a.tooltip6, a.tooltip7, a.tooltip8, a.tooltip9, a.tooltip10, a.tooltip11 {color:#c00;}
a.tooltip:hover, a.tooltip2:hover, a.tooltip3:hover, a.tooltip4:hover, a.tooltip5:hover, a.tooltip6:hover, a.tooltip7:hover, a.tooltip8:hover, a.tooltip9:hover, a.tooltip10:hover, a.tooltip11:hover {border:0;	z-index:500; text-decoration:none; }
a.tooltip b, a.tooltip2 b, a.tooltip3 b, a.tooltip4 b, a.tooltip5 b, a.tooltip6 b, a.tooltip7 b, a.tooltip8 b, a.tooltip9 b, a.tooltip10 b, a.tooltip11 b {display:none;}
a.tooltip:hover b em, a.tooltip2:hover b em, a.tooltip3:hover b em, a.tooltip4:hover b em, a.tooltip5:hover b em, a.tooltip6:hover b em, a.tooltip7:hover b em, a.tooltip8:hover b em, a.tooltip9:hover b em, a.tooltip10:hover b em, a.tooltip11:hover b em {position:absolute; width:6px; height:11px; display:block;} 
a.tooltip:hover b, a.tooltip2:hover b, a.tooltip3:hover b, a.tooltip4:hover b, a.tooltip5:hover b, a.tooltip6:hover b, a.tooltip7:hover b, a.tooltip8:hover b, a.tooltip9:hover b, a.tooltip10:hover b, a.tooltip11:hover b{display:block; position:absolute; padding:1px; font-weight:normal; color:#000; border:1px solid #888; background:#ffc; z-index: 100;} 


a.tooltip:hover b {top:5px;left:-93px;margin:3px;}
a.tooltip2:hover b {top:5px;left:65px;margin:3px;}
a.tooltip3:hover b {top:1px;left:30px; width:200px; padding:3px;}
a.tooltip4:hover b {top:5px;left:-98px;}
a.tooltip5:hover b {top:1px;left:30px; width:100px;padding:3px;}
a.tooltip6:hover b {top:0px;left:-90px;padding:3px;}
a.tooltip7:hover b {top:-18px;left:40px;padding:4px;width:500px; }
a.tooltip8:hover b {top:5px;left:-99px;margin:3px;}
a.tooltip9:hover b {top:-14px;left:-109px;}
a.tooltip10:hover b {top:-14px;left:-104px;}
a.tooltip11:hover b {top:5px;left:100px;margin:3px;}


a.tooltip:hover b em {top:9px;left: 81px; background: transparent url(../images/tooltip.gif) no-repeat 0 0;} 
a.tooltip2:hover b em {top:9px;left: -6px; background: transparent url(../images/tooltip2.gif) no-repeat 0 0;}
a.tooltip3:hover b em {top:5px;left: -6px; background: transparent url(../images/tooltip2.gif) no-repeat 0 0;}
a.tooltip4:hover b em {top:9px;left: 120px; background: transparent url(../images/tooltip.gif) no-repeat 0 0;} 
a.tooltip5:hover b em {top:5px;left: -6px; background: transparent url(../images/tooltip2.gif) no-repeat 0 0;}
a.tooltip6:hover b em {top:5px;left:78px; background: transparent url(../images/tooltip.gif) no-repeat 0 0;}
a.tooltip7:hover b em {top:12px;left: -6px; background: transparent url(../images/tooltip2.gif) no-repeat 0 0;} 
a.tooltip8:hover b em {top:9px;left: 86px; background: transparent url(../images/tooltip.gif) no-repeat 0 0;} 
a.tooltip9:hover b em {top:9px;left: 116px; background: transparent url(../images/tooltip.gif) no-repeat 0 0;} 
a.tooltip10:hover b em {top:9px;left: 95px; background: transparent url(../images/tooltip.gif) no-repeat 0 0;} 
a.tooltip11:hover b em {top:9px;left: -6px; background: transparent url(../images/tooltip2.gif) no-repeat 0 0;}


#move_1,#move_2 { position:absolute}
#move_1 { left:50px; top:50px;}
#move_2 { left:250px; top:50px;}