/* IE6 Min-Height Hack */
html>body #content, html>body #content .sidebar, html>body #content #contactInfo { height: auto; }

/* Body */
body { background:url(../../images/layout/body.gif) repeat-x bottom left; font:normal 13px "lucida grande", verdana, arial, helvetica, sans-serif; margin:0; padding:0; }

/* Container */
#container { background:url(../../images/layout/container_bg.gif) no-repeat top center; }

/* Header */
#header { margin:0 auto; width:750px; }
#header h1.logo { background:url(../../images/layout/logo.gif) no-repeat top left; height:91px; margin:0; padding:0; }
#header h1.logo a { display:block; height:80px; text-decoration:none; text-indent:-3000px; width:595px; }
#header p.accessibility { display: none; }
#header ul.nav { height:22px; margin:0 0 0 8px; padding:0; }
#header ul.nav li { float:left; list-style-type:none; margin:0; padding:0; }
#header ul.nav li a, #header ul.nav li a:link, #header ul.nav li a:visited { background:url(../../images/layout/tab.gif) no-repeat right top; color:#ee4d94; float:left; font:normal 16px/16px "arial black", arial, helvetica, sans-serif;  height: 30px;padding:5px 10px 0; text-decoration:none; }
#header ul.nav li a.contact { background:none; }
#header ul.nav li a:hover, #header ul.nav li a:active { background:url(../../images/layout/tab_hover.gif) repeat-x left top; color:#000; }
#header ul.nav li a.selected,#header ul.nav li a.selected:link, #header ul.nav li a.selected:visited, #header ul.nav li a.selected:hover, #header ul.nav li a.selected:active { background:url(../../images/layout/tab.gif) repeat-x left top; color:#000; }
	
/* Page */
#page { clear:both; margin:0 auto; padding:20px 10px; width:730px; }

/* Content */	
#content { height: 500px; min-height:500; padding: 0 0 150px 0;}
#content.float { float:right; width:580px;}
#content a:link, #content a:visited { color:#0033ff; }
#content a:hover, #content a:active { background:#0033ff; color:#fff; text-decoration:none; }
#content address { font:normal 14px/22px "verdana", arial, helvetica, sans-serif; margin:0 0 10px 0; padding:0; }
#content h2 { display:none; }
#content h3 { font:bold 20px georgia, "times new roman", times, serif; margin:0 0 15px 0; padding:0; }
#content h4 { font:bold 18px arial, helvetica, sans-serif; letter-spacing:-0.06em; margin:0 0 10px 0; padding:0; }
#content h5 { border-top:1px solid #cfe2bf; color:#78836f; color:grey; font-size:11px; height:14px; margin:-8px 0 5px 0; padding:5px 0; }
#content img.right { float:right; margin:0 0 20px 20px; }
#content img.left { float:left; margin:0 20px 20px 0; }
#content p { font:normal 14px/22px "verdana", arial, helvetica, sans-serif; margin:0 0 10px 0; padding:0; }

#content #contactInfo { float:right; height:300px; margin:0 0 20px 20px; min-height:300px; width:250px; }

#content #contactForm { float:left; margin:0 0 20px 0; padding:0; width:460px; }
#content #contactForm h3 { display:block; }
#content #contactForm fieldset { border:none; margin:0; padding:0; }
#content #contactForm label { color:#4f4f31; display:block; font-weight:bold; margin:0 0 10px 0; padding:0; }
#content #contactForm label input, #content #contactForm label TextBox { display:block; padding:4px 0 0 3px; width:95%; }
#content #contactForm legend { display:none; }
#content #contactForm p { margin:10px 0; padding:0; }

#content fieldset { border:none; margin:0; padding:0; }
#content label { color:#4f4f31; display:block; font-weight:bold; margin:0 0 10px 0; padding:0; }


#content .distributors { font-size:14px; font-weight:bold; line-height:22px; }
#content .categories { display:block; margin:0 0 10px 0; padding:0; }
#content .categories li { float:left; list-style-type:none; margin:0 8px 3px 0; padding:0; }
#content .categories li a {display:block;font:normal 16px "arial black", arial, helvetica, sans-serif; height:140px; text-align:center; text-decoration:none; width:135px; }
#content .categories li a:hover, #content .categories li a:active { background:transparent; color:#000; }
#content .categories li a img { border:none; display:block; }#content .gallery { display:block; margin:0 0 10px 0; padding:0; }

/* Gallery */
#content .gallery {
display: block;
margin: 0 0 10px 0;
padding: 0;
}
#content .gallery li {
float: left;
list-style-type: none;
margin: 0 8px 3px 0;
padding: 0;

}
#content .gallery li a {
display: block;
font: bold 12px verdana, arial, helvetica, sans-serif;
height: 40px;
padding: 105px 0 0 0;
position: relative;
text-align: center;
text-decoration: none;
width: 135px;
overflow:hidden;
}
#content .gallery li a:hover, 
#content .gallery li a:active {
background: transparent;
color: #000;
height: 42px;
padding: 103px 0 0 0;
text-decoration: none;
}
#content .gallery li a em {
background: url(../../images/layout/rounded_thm.png) no-repeat 0 2px;
color: #666;
display: block;
font-size: 11px;
font-weight: normal;
height: 20px;
left: 0;
position: absolute;
padding:120px 0 0 0 ;
top: 0;
width: 135px;
z-index: 5;
}
* html #content .gallery li a em 
{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../images/layout/rounded_thm.png", sizingMethod="crop");
} 
#content .gallery li a img {
border: none;
left: 0;
position: absolute;
top: 2px;
z-index: 4px;
}

/* Product Image */
.productImage {
float:right;
width:300px;
margin:0 0 20px 20px!important;
}
.productImage a {
display:block;
}

.productImage a img {
display:block;
width:300px;
height: 200px;
border:none;
}

.productImage em {
display:block;
width:300px;
text-align:center;
font-size: 11px;
}

/* Static Packaging Image */

#staticPackaging 
{
	display: block;
	margin: 0 0 0 0;
	padding: 0;
	margin:0 0 0 0;
	width:99%;
}

#staticPackaging li {
float: left;
list-style-type: none;
margin: 0 8px 3px 0;
padding: 0;

}

#staticPackaging li a 
{
	display:block;
}

#staticPackaging li a img 
{
	display:block;
	width:95px;
	height: 50px;
	border:none;
}

#staticPackaging li em {
	display:block;
	width:95px;	
	text-align:center;
	font-size: 11px;
}



/* ProductThumb Image */
.productThumb {
position:relative;
width:135px;
height: 100px;
overflow:hidden;
margin: 2px 0 2px 0;
}

ul.productThumb {
list-style:none;
margin:0;
padding:0;
}

.productThumb img {
position:relative;
z-index:4;
}

.productThumb em {
display:block;
background:url(../../images/layout/rounded_thm.png) no-repeat top left;
width:135px;
height:100px;
position:absolute;
top:0;
left:0;
z-index:5;
color:#000;
text-indent: -3000em;
}

* html .productThumb em {
background:url(../../images/layout/rounded_thm.gif);
}
#content .newspost { border-bottom:1px solid #cfe2bf; clear:both; margin: 0 0 15px 0; padding:0 0 15px 0; }
#content .newspost.recent { border-bottom:0px solid #cfe2bf; clear:both; margin: 0; padding:0; }
#content .newspost.details h3, #content .newspost h4 { margin:0; }
#content .newspost p { font-size:12px; line-height:16px; margin:0 0 10px 0; padding:0; }
#content .newspost .date { color:gray; font-size:11px; line-height:normal; margin:0 0 5px 0; padding:0; }
#content .pagination { color:#333; height:14px; list-style-type:none; margin:0 0 15px 0; padding:0; }
#content .pagination li { background:transparent; float:left; font-size:12px; font-weight:bold; margin:0; padding:0; }
#content .pagination li.nav { color:#aaa; float:right; text-align:right; }

/* Sidebar */
#sidebar { border-right:1px solid #ddd; float:left; height:300px; margin:0; min-height:300px; width:130px; }
#sidebar h2 { display:none; }
#sidebar ul.nav { font:normal 16px "arial black", arial, helvetica, sans-serif; letter-spacing:-0.05em; list-style-type:none; margin:0; padding:0; }
#sidebar ul.nav li { clear:both; float:left; line-height:normal; margin:0; padding:0; }
#sidebar ul.nav li a { border-bottom:1px solid #ddd; color:#009900; float:left; padding:3px 5px; text-decoration:none; width:120px; }
#sidebar ul.nav li a:hover, #sidebar ul.nav li a:active { background:#8cc66f; border-bottom:1px solid #8cc66f; color:#fff; }
#sidebar ul.nav li a.selected { background:#009900; border-bottom:1px solid #009900; color:#fff; }

/* Footer */
#footer { background:#004e00 url(../../images/layout/footer_bg.gif) repeat-x top left; color: #fff; clear:both; height:85px; margin: 0; padding: 15px 0 0 0; }
#footer address, #footer ul.contactInfo { display: none;}
#footer ul.nav { display:block; list-style-type:none; margin: 0 auto; padding:0; width: 750px;}
#footer ul.nav li { border-left:1px solid #222; float:left; margin:0 0 0 10px; padding:0 0 0 10px; }
#footer ul.nav li.top { border-left:0px solid #fff; padding:0; }
#footer ul.nav li a { color:#8cc66f; }
#footer ul.nav li a:hover, #footer ul.nav li a:active { background:#fff; color:#000; text-decoration:none; }

#footer ul.camden {position:relative; display:block; list-style-type:none; margin: -17px auto; padding:0; width: 750px;}
#footer ul.camden li { border-left:0px solid #222; float:right; margin:0 0 0 10px; padding:0 0 0 10px; }
#footer ul.camden li.top { border-left:0px solid #fff; padding:0; float:right; }
#footer ul.camden li a { color:#8cc66f; }
#footer ul.camden li a:hover, #footer ul.nav li a:active { background:#fff; color:#000; text-decoration:none; }

/* footer-position*/
html { height: 100%; }
body { height: 100%; }
#container { position: relative;min-height: 100%; }
* html #container { height: 100%; }
#footer { position: relative;margin: -7.5em auto 0 auto; }
* html #footer { margin-top: -7.4em; }




/* Print Styles */
@media print {
	#container, #header, #page, #content, #sidebar, #footer {margin: 0; padding: 0;}
	#header ul.nav, #sidebar ul.nav, #footer ul.nav, #content #contactForm, #content .categories { display:none; }
	#header h1.logo { border-bottom:1px solid #ccc; height:auto; margin:0 0 15px 0; padding:0 0 15px 0; }
	#header h1.logo a { color:#000; font:bold 32px georgia, "times new roman", times, serif; height:auto; text-indent:0; }
	#page { padding:0; width:auto; }
	#content { padding: 0 0 50px 0; }
	#content.float { float:none; width:auto; }
	#content h2, #sidebar h2 { display:inline; font:bold 22px/50px georgia, "times new roman", times, serif; }
	#content p { margin-bottom:15px; }
	#content #contactInfo { float:none; height:0; margin:0; min-height:0; }
	#sidebar { border-right:0px solid #ddd; display:inline; float:none; height:auto; margin:0; min-height:auto; width:auto; }
	#footer { border-top: 1px solid #ccc; height:auto; margin: 0; padding: 0; width: auto;}
	#footer address, #footer ul.contactInfo { display: block;}
	#footer address { float: left; font: bold 11px/13px Verdana, Arial, Helvetica, sans-serif; width:210px;}
	#footer address strong { display: block; font: bold 15px/16px Georgia, "Times New Roman", Times, serif; margin: 10px 0 3px 0}
	#footer ul.contactInfo {float: right; width: auto;}
}

/* Lou Styles */
.menu {
    float:left;
    width:200px;
}

.productTextBox
{
	width:500px;
	background-color:#F9F8F7;
	font-family:Arial;
	font-size:8pt;
}

.standardTextbox
{
	background-color:#F9F8F7;
	font-family:Arial;
	font-size:8pt;
}

.multiLineTextBox
{
	width:500px;
	background-color:#F9F8F7;
	font-family:Arial;
	font-size:8pt;
}

.standardButton
{
	font-size:8pt;
	height:20px;
}

.standardText
{
	background-color:Transparent;
	font-family:Arial;
	font-size:8pt;
}

.checkBox
{
	background-color:#F9F8F7;
	font-size:8pt;
}

.hiddenTextBox
{
	display:none;
	background-color:Orange;
	color:Black;	
}

.dropDown
{
	background-color:#F9F8F7;
	font-size:8pt;
}

.errorText
{
	font-family:Arial;
	font-size:12px;
	color:Maroon;
}

.successText
{
	font-family:Arial;
	font-size:12px;
	color:Green;
}

.panel
{
	background-color:#FFF;
}

.AuthLink
{
	color:Orange;
	font-weight:bold;
}

.dataGrid
{	
	font-family:Arial;
	font-size:12px;
	padding-bottom:2px;
	padding-left:4px;
	padding-right:4px;
	padding-top:2px;
}
.header
{
	background-color:Green;
	color:#FFFFFF;
}
.item
{
	background-color:#F9F8F7;
	color:#000000;
}
.altItem
{
	background-color:#DCDCDC;
	color:#000000;
}
.SelectedItem
{
	background-color:GRAY;
	color:#000000;
}
.footer
{
	background-color:Green;
}
.pageRow
{
	background-color:DarkGreen;
	color:White;
}

/* Table */	
#content table {
	border: 1px solid #DCDCDC;
	border-collapse: collapse;
	margin: 0 0 2em 0;
	width: 100%;
	}
#content table td {
	border-bottom: 1px solid #DCDCDC;
	font-size: 12px;
	padding: 0.5em 0 0.5em 0.5em;
	}
#content table th {
	background: #333;
	border: none!important;
	border-right: 1px solid #DCDCDC;
	color: #fff;
	font-size: 16px;
	padding: 0.4em;
	text-align: left;
	}
#content table tr:hover {
	background: #ffcc66;
	}
	
/* nextPrevLinks */
#content{position:relative;}
#content ul.nextPrevLinks {margin:0; padding:0; position:absolute; top:0px; right:0;} #content ul.nextPrevLinks li {list-style-type: none; margin:0; padding:0;float:left;} #content ul.nextPrevLinks li a {float:left;padding:1px 5px 3px;} #content ul.nextPrevLinks li.next a {border-left:2px solid #aaa;}