﻿/* Global styles */
a{text-decoration:none;}
img{ border:none;}

h3, h3 a{ margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#005e1f; font-style:normal;}

table.contentpaneopen { width: 100%; padding: 0px; border-collapse: collapse; border-spacing: 0px; margin: 0px; }
table.contentpaneopen td {padding-right: 5px;}
table.contentpaneopen td.componentheading {padding-left: 4px;}
table.contentpane {width: 100%; padding: 0px; border-collapse: collapse; border-spacing: 0px; margin: 0px;}
table.contentpane td {margin: 0px; padding: 0px;}
table.contentpane td.componentheading {padding-left: 4px;}
table.contentpaneopen fieldset {border: 0px; border-bottom: 1px solid #006633;
padding:5px;}

body { margin-left:0px; margin-top:0em; margin-right:0px; margin-bottom:0px;
	 font-family: Century Gothic,  Verdana, Arial , Times New Roman;
	}
img { border-style:none;}


div.entireContentArea 
{
	 background-image:url(../images/insideFade2.jpg);
	 background-color:#F9F9F7;
	 	 	 
  background-repeat:no-repeat;
	 width:998px; border-width:1px; border-style:solid; border-color:#999999; margin-left:auto; margin-right:auto; 
}

div.manageLinks
{
	float:right;
	padding-right:30px;
}

a { font-size:10px; text-decoration:underline; color:Orange;}
a:hover { text-decoration:underline;  color:red; }

p { font-size:10px; color:#666666; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px ; }
p strong{  font-size:11px;}
li {  font-size:10px; color:#666666;}
label { font-size:10px; color:#666666; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px}
input {font-family:Century Gothic,  Arial;letter-spacing:.5px; font-size:10px; color:black; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
span { text-align:left; letter-spacing:.5px; font-size:10px; color:black; margin:0px 0px 0px 0px; padding: 1px 0px 0px 0px;}
select { cursor:pointer; font-family:Century Gothic,  Arial; font-size:10px; color:black; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px}
textArea { height:40px; font-family:Century Gothic,  Verdana, Arial , Times New Roman;  font-size:10px; color:black; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

h1 { margin:1px; }
h2 { color:#ffcc00; font-size:18px; font-weight:bold; font-family:Century Gothic,  Arial; margin-top:.2em; margin-bottom:0em; }
h3 {margin-top:.2em; margin-bottom:.2em; font-size:13px; font-weight:bold;color:#016a3f; width:98%;overflow:hidden; border-bottom-color:#016a3f; border-bottom-style:solid; border-bottom-width:1px;}
h4 { font-size:11px; color:black; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px}
h5 { font-size:10px; color:#666666; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px}

input.wide { width:112px;}
input.short { width:60px;}
input.max { width:90%;}
.cost { color:Red;}
textArea.wide { width:112px;}
textArea.short { width:60px;}
textArea.max { width:90%;}


.floatEnd { float:right; }
.floatStart { float:left;}
div.clearFix { clear:both;  }
div.floatwidth {width:950px; overflow:auto; }

div.center { width:100%;text-align:center; margin-top:3em;}

ul.horizontal {list-style:none;margin:0px;padding:0px; }
ul.horizontal li {float:left;margin:0px; padding:5px; text-align:center;line-height: 20px;}

ul.vertical { margin-top:.2em; margin-left:20px; list-style-image:url(../images/diamondBullet.jpg); list-style-type:none; list-style-position:outside;}
ul.vertical li { padding-top:.1em;}

div.moduletable {padding: 0; margin-bottom: 2px;}
table.moduletable {width: 100%; margin-bottom: 5px; padding: 0px; border-spacing: 0px; border-collapse: collapse;}
table.moduletable th, div.moduletable h3 {background: url(../images/subhead_bg.png) repeat-x; color: #666666; text-align: left; padding-left: 4px; height: 21px; line-height: 21px; font-weight: bold; font-size: 10px; text-transform: uppercase; margin: 0 0 2px 0;}
table.moduletable td {font-size: 11px; padding: 0px; margin: 0px; font-weight: normal; }

table.pollstableborder td {padding: 2px;}

.sectiontableheader {font-weight: bold; background: #f0f0f0; padding: 4px;}
.sectiontablefooter {}


/* Header styles */

div.header
{
	background-position:right;
	background-repeat:no-repeat;
	height: 80px;
}
div.header img { padding-left:15px; padding-top:.2em;}
div.header div.logoLeft {margin:0; padding:30px 50px 0 50px;}
div.welcomeUser {width:300px; height:10px;  text-align:right; padding-right:15px; padding-top:.5em;}
div.userLink {width:320px; height:10px; text-align:right; padding-top:.5em; vertical-align:bottom;}
 div.userLink ul {  width:80px;}
/* Main Content */
div.progress { text-align:center; position:absolute; height:20px; top:15em; overflow:visible; width:98%; text-align:center;   
}
div.progress div{ background-color:white; width:600px; padding-top:.5em; padding-bottom:.5em; border-style:solid; border-left:gray; border-width:1px;}
.mainNavigation{ }
div.mainContent {clear:both; display:table;  }
body div.mainContent {margin-top:15px;}
ul.tabStrip { margin-top:5px; background-color:#999999; width:98%;}

ul.tabStrip li { background-color:#999999;  line-height:15px;}
ul.tabStrip a {color:White;}
div.tabStrip { background-color:#999999; width:98%;}
ul.tabStrip li .active { color:#ffcc00; text-decoration:none; }


/*background-color:#ffcc00*/
div.leftTransBox {float:left; background-color:none; width:200px; height:650px;}
div.leftBox {float:left; background-color:#ffcc00; width:200px; height:650px;}
div.leftBox .links { height:90%;  margin-left:7px;}
div.leftBox div.foot{text-align:center;}
div.dialogSmallBox {margin-top:10px;}
div.dialogSmallBox h3 { color:#ffcc00; font-size:10px; border-bottom-style:none; background-image:url(../images/boxTopBg.jpg);  
		text-indent:10px; padding-top:.4em; background-repeat:no-repeat; background-position:top; margin-bottom:0px;  height:16px; }
div.dialogSmallBox .content { background-color:#fcfaf1; width:100%; margin-top:0px; padding-top:0px; margin-left:5px; width:170px; 
			 font-size:10px;  padding-top:.5em; padding-left:5px; padding-right:5px; padding-bottom:5px; overflow:visible;
		}
div.dialogSmallBox .content  p { padding-top:.3em; }
div.dialogSmallBox .content  select { margin-left:5px; margin-bottom:.2em;}
div.dialogSmallBox .content  span { margin-left:5px;}
div.dialogSmallBox select{ width:90%;}
div.dialogSmallBox select.max{ width:90%;}
div.dialogSmallBox .calPick .wideLess { margin-left:4px; width:132px;}

div.button {width:98%; text-align:right; margin-top:.5em; vertical-align:middle; padding-bottom:10px; font-size:12px; }


div.homeContentBox {position:relative; top:0px; left:20px; float:left; width:780px;}
div.contentBox {position:absolute; top:100px; left:425px; float:left; width:780px;}

div.smallBox { width:300px; height:140px;}
div.mediumBox {width:500px; padding-bottom:1em; padding-left:15px; padding-right:15px; border-width:1px; border-style:solid; border-color:#999999; padding-top:1em;}
div.mediumBox .formCaption { padding-left:50px; margin-top:1em;}
div.mediumBox h3{ text-align:left;}
div.mediumBox p{ text-align:center;}

div.productView { width:32%; height:400px; margin-right:10px; margin-left:20px;
	
	}
	
.shipmentFromSuppliers .button {margin-top:1.8em;}
.productsForPacking .button {margin-top:1.8em;}

/* Status display */
.message { font-size:11px;  color:red; font-weight:bold;  width:98%; height:10px; }
.message li{ font-size:11px;  color:red; font-weight:bold;  width:98%; height:10px; }
.warning { font-size:11px;  color:green; font-weight:bold;  width:98%; height:10px; }
.warning li{ font-size:11px;  color:green; font-weight:bold;  width:98%; height:10px; }

/* Grid styles */
.grid { font-size:10px;  font-family:Century Gothic,  Verdana, Arial, Times New Roman; margin-top:1em; width:98%; }
.gridFooter { background-color:White;  font-size:13px; color:#444444; border-style:solid; border-width:1px; font-weight:bold; font-style:italic;	 }
.gridItem { color:#444444; background-color:white;vertical-align:text-top; }
.gridAlternateItem {color:#444444;background-color:whitesmoke;vertical-align:text-top; }
.gridSelected { background-color:#FEEEB0;}
.gridPager {font-size:10px;  font-family:Century Gothic,  Verdana, Arial, Times New Roman; margin-top:.2em;}
.gridHeader { background-color:whitesmoke; font-weight:bold; text-align:center; vertical-align:text-bottom; font-size:11px;}
.gridGroupHeader { font-weight:bold; background-color:#016A3F; color:White;}
.grid .short { width:50px;}
.grid .veryShort { width:30px;}
.grid input.wideLess { width:65px;}

div.actionmark {padding-bottom:15px;}

html {}
body { background-color:#fffcdd; margin:0px;}
ul{ margin: 0; padding: 0; list-style: none;}
li{line-height: 15px; padding-left: 15px; padding-top: 0px; background-image: url(../images/arrow.png); background-repeat: no-repeat; background-position: 0px 2px;}
p{ margin-top:0.4em; margin-bottom:0.4em; width:auto;}
.fullWidth{width:100%;}

#homeBody{width:800px; height:300px; padding-top:233px; padding-left:71px; }

div.content, p.content{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#036835; }

div#container div{ text-align:left; float:left; }
#container {display:block; margin:0px auto; text-align:center; width:900px; overflow:hidden; background-image:url(../images/insideBg.jpg);background-repeat:no-repeat;background-color:#fdfde3;}

#topSection{text-align:center; padding-left:197px; padding-right:0px; padding-top:18px; }


#topMenuContainer{ text-align:center; overflow:hidden; padding-top:15px; padding-bottom:15px; height:20px; background-image:url(../images/topmenuBg.jpg); background-repeat:no-repeat; padding-left:33px; padding-right:40px; width:590px;}
div.topMenuSep{ color:#006600; font-size:20px; line-height:20px;  padding:0 13px 0 13px !important;margin:0;}

/* BEGIN - Styles for Top Menu Buttons */
div#tm5{background-image: url(../images/topmenu/tm1.gif); width:95px; height:18px; background-repeat:no-repeat; cursor:pointer; text-indent:-2000px;}
div#tm4{background-image: url(../images/topmenu/tm2.gif); width:95px; height:18px; background-repeat:no-repeat; cursor:pointer; text-indent:-2000px;}
div#tm3{background-image: url(../images/topmenu/tm3.gif); width:95px; height:18px; background-repeat:no-repeat; cursor:pointer; text-indent:-2000px;}
div#tm2{background-image: url(../images/topmenu/tm4.gif); width:55px; height:18px; background-repeat:no-repeat; cursor:pointer; text-indent:-2000px;}
div#tm1{background-image: url(../images/topmenu/tm5.gif);width:81px;height:18px;background-repeat:no-repeat;cursor:pointer;text-indent:-2000px;}
/* END - Styles for Top Menu Buttons */

/* BEGIN Top Menu Styles */
a.mainlevel_topmenu:link, a.mainlevel_topmenu:visited {display: block; background: url(../images/menu_bg.png) no-repeat; vertical-align: middle; font-size: 10px; font-weight: bold; color: #999999; text-align: left; padding-top: 0px; padding-left: 0px; height: 25px !important;	line-height: 25px; width: auto; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif; float:left;}
a.mainlevel_topmenu:hover {background-position: 0px -25px; text-decoration: none; color: #ffffff;}
a.mainlevel_topmenu#active_menu_topmenu {color:#c64934; font-weight: bold; }
a.mainlevel_topmenu#active_menu_topmenu:hover {color: #c64934;}
/* END Top Menu Styles */

/* BEGIN Footer Menu Styles */
a.mainlevel_footer:link, a.mainlevel_footer:visited {display: block; background: url(../images/menu_bg.png) no-repeat; vertical-align: middle; font-size: 11px; font-weight: normal; color: #b1b8a2; text-align: left; padding-top: 0px; padding-left: 0px; height: 25px !important; line-height: 25px; width: auto; text-decoration: none; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; float:left; }
a.mainlevel_footer:hover {background-position: 0px -25px; text-decoration: none; color: #999999;}
a.mainlevel_footer#active_menu_footer {color:#005837; }
a.mainlevel_topmenu#active_menu_footer:hover {color: #c64934;}
/* END Footer Menu Styles */

.footerSep{font-size: 16px;	font-weight:normal;	padding-left:5px; padding-right:5px; padding-top:3px; color:#005837;}

/* Footer styles */
#footer {display:block; text-align:center; padding-top: 30px; padding-left:50px; clear:both;}

.copyright p{text-align:center; display:block; width:890px; height:20px; overflow:hidden; color:#005837;}

div#footer div#footerMenuContainer{overflow:hidden; padding-bottom:0px; margin-bottom:0px; background-image:url(../images/footerBg.jpg); background-repeat:repeat-x; height:27px; overflow:hidden; padding-left:200px; width:550px;}
div#footer div#footerLeft{ width:11px; height:27px; overflow:hidden; background-image:url(../images/footerLeft.jpg); background-repeat: no-repeat; background-position:top left;}
div#footer div#footerRight{width:10px; height:27px; overflow:hidden; background-image:url(../images/footerRight.jpg); background-repeat:no-repeat; background-position:top left;}

div#footerMenuContainer table{overflow:hidden; width:auto; text-align:center;} 
div#footerMenuContainer td{text-align:center; width:400px;}

.gothicFont{ font-family:"Century Gothic",Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; :#006633;}

.fadeBorder{}

/* Menu Dropdown */
div#navPrimary
{
	font: x-small/1.6 Century Gothic,  verdana, Helvetica, sans-serif;
	margin-top:5px;
	width:100%;
	height:25px;
	/*background-image:url(../images/topMenuBackground.jpg);*/
	background-color:#016a3f;
	background-repeat:no-repeat;
	
}
div.menuDropDownBackground{
}

div#navPrimary a
{
	font-size:12px;
	display: block;
	color:white;
	text-decoration: none;
	padding-left:23px;
	padding-right:23px;
	padding-top:3px;
	padding-bottom:3px;
}

div#navPrimary li.topNavLeftSide a{
}

div#navPrimary li.topNavLeftSide a:hover {
	background-image:url(../images/menu/menu1_on_mid.jpg);
}

/* Top navigation menus at the right side*/
div#navPrimary li.topNavRightSide a{
}
div#navPrimary li.topNavRightSide a:hover{
	color:#016a3f;
width:20px;
}

div#navPrimary .topNavSideSeparator{
 width:60px;
 display:block;
}

div#navPrimary li:hover a, div#navPrimary li.over a
{

}

div#navPrimary a:hover
{
}

div#navPrimary li.topNavSeparator
{
	background-image:url(../images/menu/menu1_off_right.gif);
	background-repeat:no-repeat;
	display:block;
	height:25px;
	width:5px;
	padding-right:1px;
}

div#navPrimary li.topNavLeftSideLast
{
	background-image:url(../images/menu/menu2_off_right.jpg);
	background-repeat:no-repeat;
	display:block;
	height:25px;
	width:49px;
	padding-right:1px;
}


div#navPrimary span
{
	position: absolute;
	top: .3em;
	right: 3px;
}

div#navPrimary ul
{
	margin: 0;
	padding: 0;
}

div#navPrimary li
{
	display: block;
	float: left;
	position: relative;
}

div#navPrimary li.current a
{
	color: #000;
}

div#navPrimary li.first
{
	border-left: none;
}

div#navPrimary li.last
{
	padding-right: 0;
}

/* second level */
	div#navPrimary li ul
	{
		position: absolute;
		left: 0;
		top: 2.0em;
		display: none;
		z-index:3;
	}
	
	div#navPrimary li:hover ul
	{
		display: block;
	}
	
	div#navPrimary li.over ul
	{
		display: block;
	}
	
	div#navPrimary li li
	{
		padding-right: 0;
		border-top: none;
		font-weight: normal;
		position: relative;
		width: 160px;
		background-color:white;
		/* following two values are here to work around IE whitespace bug (not fixed in IE7)   */
		float: left;
		clear: left;
		
	}
	
	div#navPrimary li.expandable{
	 background-image:url(../images/menu/arrow.gif);
	 background-position:right;
	 background-repeat:no-repeat;
	}

	
	div#navPrimary li li a
	{
		border: 1px solid #016a3f;
		border-top: none;
		padding: .1em .5em;
		font-weight: normal;
		color: #016a3f;
		font-size:11px;
		padding-top:2px;
		padding-bottom:2px;
		background-image:none;
	}
	
	div#navPrimary li li.first a
	{
		border-top: 1px solid #016a3f;
	}
	
	div#navPrimary li li a:hover
	{
		text-decoration:underline;
		color:red;	
		background-image:none;
	}

	div#navPrimary li.topNavLeftSide li a:hover
	{
		
		background-image:none;
	}	
	
	
/* third level */			
	div#navPrimary li li ul
	{
		position: absolute;
		left: 159px;
		top: 0;
		display: none;
	}
	
	div#navPrimary li:hover li ul, div#navPrimary li.over li ul
	{
		display: none;
	}
	
	div#navPrimary li li:hover ul, div#navPrimary li li.over ul
	{
		display: block;
	}
	
	div#navPrimary li li.current li a
	{
		background-color: #016a3f;
	}
	
	div#navPrimary li li.current li a:hover
	{
		background-color: #E0EBFF;
	}
	
	div#navPrimary li li.current li.current a
	{
		background-color: #E0EBE0;
	}
	
	div#navPrimary li li.current li.current a:hover
	{
		background-color: #E0EBFF;
	}
	
	div#navPrimary li li.first li a
	{
		border-top: none;
	}
	
	div#navPrimary li li li.first a
	{
		border-top: 1px solid #000;
	}
div.reports  .message
{
	 margin-left:20px;
}
 
div.reports  .instruction
{
	margin-top:10px;
	 color:Green;
	 border-style:solid; border-width:1px; border-color:Green;
	 padding:10px;
	 width:500px;
	 margin-left:20px;
}
 
.ddFix 
{
	position: absolute;
	margin-top: 100px;
}

/* Form layout */
div.formCaption { text-align:right;}
div.formCaption p { float:left; width:150px;margin-top:.3em; margin-right:10px;}
div.formCaption input {margin-top:.1em; }

div.formCaptionOneColumnShort {margin-top:10px; text-align:right; padding-bottom:10px; }
div.formCaptionOneColumnShort h3{ text-align:center;}
div.formCaptionOneColumnShort p { float:left; width:120px;margin-top:.3em; margin-right:10px; }
div.formCaptionOneColumnShort span { float:left; text-align:left; padding-top:.2em; font-size:10px; color:#666666; margin:0px 0px 0px 0px; height:5px; margin-top:0em; margin-bottom:0em; }


div.formCaptionOneColumnShort2 {margin-top:10px; text-align:right; padding-bottom:10px; }
div.formCaptionOneColumnShort2 h3{ text-align:center;}
div.formCaptionOneColumnShort2 p { float:left; width:150px;margin-top:.3em; margin-right:10px; }
div.formCaptionOneColumnShort2 span { float:left; text-align:left; padding-top:.2em; font-size:10px; color:#666666; margin:0px 0px 0px 0px; height:5px; margin-top:0em; margin-bottom:0em; }


div.formCaptionOneColumn {margin-top:10px; text-align:right; padding-bottom:10px;}
div.formCaptionOneColumn h5 {  float:left; width:150px;margin-top:.3em; margin-right:10px;}
div.formCaptionOneColumn p { float:left; width:150px;margin-top:.3em; margin-right:10px;}
div.formCaptionOneColumn input {margin-top:.1em; float:left; }
div.formCaptionOneColumn select {margin-top:.1em; float:left; }
div.formCaptionOneColumn input {margin-top:.1em; float:left; }
div.formCaptionOneColumn textArea {margin-top:.1em; float:left; }
div.formCaptionOneColumn input.short { width:100px;}
div.formCaptionOneColumn input.wide { width:450px;}
div.formCaptionOneColumn textArea.wide { width:450px;}
div.formCaptionOneColumn a{ margin-top:.1em;float:left; text-indent:.1em;}
div.formCaptionOneColumn span { float:left; text-align:left; padding-top:.2em; font-size:10px; color:#666666; margin:0px 0px 0px 0px; height:5px; margin-top:0em; margin-bottom:0em; }
div.formCaptionOneColumn  span.required { float:none; font-size:13px; font-family:Times New Roman; }
div.formCaptionOneColumn p.required  { }

div.formCaptionTwoColumn {margin-top:10px; text-align:right; }
div.formCaptionTwoColumn h5 {  float:left; width:150px;margin-top:.3em; margin-right:10px;}
div.formCaptionTwoColumn p { float:left; width:150px;margin-top:.3em; margin-right:10px;}
div.formCaptionTwoColumn input {margin-top:.1em; float:left; }
div.formCaptionTwoColumn select {margin-top:.1em; float:left; }
div.formCaptionTwoColumn textArea {margin-top:.1em; float:left; }
div.formCaptionTwoColumn input.short { width:100px;}
div.formCaptionTwoColumn input.wide { width:200px;}
div.formCaptionTwoColumn input.wideLess { width:178px;}

div.formCaptionTwoColumn input.max { width:72%;}
div.formCaptionTwoColumn textArea.max { width:72%;}
div.formCaptionTwoColumn textArea.wide { width:200px;}
div.formCaptionTwoColumn select.short { width:103px;}
div.formCaptionTwoColumn select.wide { width:203px;}


div.searchHorizontal {padding-top:0em;}
div.searchHorizontal p{ float:left; margin-left:1px; margin-right:1px;padding-top:0em; margin-top:0em;}
div.searchHorizontal input { float:left;  width:75px; }
div.searchHorizontal select { float:left;width:300px;}


div.formCaptionTwoColumn select.max { width:72%;}
.calendar { cursor:pointer; float:left; margin-left:5px; margin-top:.1em;}
.calPick input { float:left;}



div.formCaptionTwoColumn span {margin-top:.1em; float:left; }
div.formCaptionTwoColumn span.short { width:100px;}
div.formCaptionTwoColumn span.wide { width:200px; }
div.formCaptionTwoColumn span.max { width:72%;}
div.formCaptionTwoColumn  span.required { float:none; font-size:13px; font-family:Times New Roman; }
div.formCaptionTwoColumn p.required  { }


div.calPick span { float:left; font-family:Times New Roman; font-size:11px;}


div.formCaptionThreeColumn { text-align:right; margin-top:10px; width:98%;}
div.formCaptionThreeColumn h5 { font-size:11px;  float:left; width:100px;margin-top:.3em; margin-right:10px;}
div.formCaptionThreeColumn p { float:left; width:100px;margin-top:.3em; margin-right:10px;}
div.formCaptionThreeColumn input {margin-top:.1em; float:left; }
div.formCaptionThreeColumn select {margin-top:.1em; float:left; }
div.formCaptionThreeColumn textArea {margin-top:.1em; float:left; }
div.formCaptionThreeColumn input.short { width:100px;}
div.formCaptionThreeColumn input.wide { width:140px;}
div.formCaptionThreeColumn textArea.wide { width:200px;}

#container #centerBody div.productHeader p, h1  { padding:0 0 0 6px;}
table.productWriteup{position:relative; left:12px;}

div.productIntro h1 {position: relative; left: 13px;}

/* BEGIN - Styles for Left Navigation */
#leftNav{width:200px;}
#leftNav div{display:block; float:left; width:152px;}

.menuTopPad{height:5px; background-repeat:no-repeat; background-position:top left; overflow:hidden; background-image: url(../images/leftmenuPadTop.jpg);}
.menuTopPadSelected{height:5px; background-repeat:no-repeat; background-position:top left; overflow:hidden; background-image:url(../images/activeTop.jpg);}

.menuBottomPad{	height:5px;	background-repeat:no-repeat; background-position:top left; overflow:hidden; background-image:url(../images/leftmenuPadBottom.jpg);}
.menuBottomPadSelected{	height:5px;	background-repeat:no-repeat; background-position:top left; overflow:hidden;	background-image:url(../images/activeBottom.jpg);}

.menuMiddle{background-image:url(../images/leftMenuBg.jpg); background-repeat:repeat;}
.menuMiddleSelected{background-image:url(../images/activeBg.jpg); background-repeat:repeat;}

.menuLevel1{width:152px; margin-left:0px;}
.menuLevel2{width:148px; margin-left:4px;}
.menuLevel3{width:144px; margin-left:8px;}

a.leftNavLink{vertical-align: middle; padding-top: 0px; padding-left: 20px; font-size: 11px; font-weight:bold; color: #C2C2C2; text-align: left; line-height:20px; text-decoration: none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}


/* END - Styles for Left Navigation */

/* Begin Style for Login Component */
div.mainLoginBox { width:100%; margin:0; padding:0 0 0 100px;}  
div.mainLoginBox input.button { background: url(../images/loginButton.gif); background-repeat:no-repeat;vertical-align:top;
font-size:0px; }
div.mainLoginBox h4 { margin:0; padding:0; width:300px; text-align:center; }
div.mainLoginBox div { clear:both; display:block; }
div.mainLoginBox div.loginBox { padding: 0 0 0 0; border:1px solid #CCCCCC;}
div.mainLoginBox div.loginBox p { text-align:center;}
div.mainLoginBox div.loginBox div { clear:both; height:auto; display:block; padding:1px 0 1px 5px;; width:295px;  }
div.mainLoginBox div.loginBox div.loginHeader { padding:4px 0 4px 0; border-bottom:1px solid #CCCCCC; text-align:center;}
div.mainLoginBox div.loginBox div.loginButton { padding:10px 0 6px 120px; width:180px;}


div.mainLoginBox div.loginBox div.loginTextBoxes { padding:10px 0 10px 0; }


div.ourProducts { position:relative; left:60px; width:500px; top:-45px;}


div.mainLoginBox div.loginBox div.loginTextBoxes input { margin-left:20px; }

/* End Style for Login Component */
div.loginMsg { width :100%; float:right; } 
div.loginMsg p{ margin:20px 21px 0 0; float:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#005e1f; }

div.pagination { clear:both; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:10px; display:block; width:100%; }
div.pagination ul { list-style:none; padding:0; margin:0; }
div.pagination ul li { float:left; padding:0 0 0 12px; }
div.pagination ul li a { text-decoration:none }
div.pagination ul li a:hover {text-decoration:underline;}
div.pagination ul li.activePage a{ font-weight:bold; text-decoration:underline;}

#container #centerBody div.productHeader p, h1  { padding:0 0 0 6px;}
table.productWriteup{position:relative; left:12px;}

div.productIntro h1 {position: relative; left: 13px;}

div.breadcrumb { clear:both; position:relative; top:10px; left:205px; width:300px;	}
div.breadcrumb ul { margin:0; padding:0;  height:20px; width:100%;}
div.breadcrumb ul li.first { padding:0; margin:0; float:left; }
div.breadcrumb ul li { float:left; padding:0 0 0 5px; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#339966; list-style:none; }
div.breadcrumb ul li a { color:#339966; text-decoration:none; }

/* END - Styles by TIW */


