body {
	margin: 0px;
	background-image: url(../Templates/images/background_gradient_1x500.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #999999;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

img {
 border:0;
}

hr {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding:0px;
	margin-top:5px;
	margin-bottom:5px;
}

.clearall {
 height:1px;
 padding:0;
 margin:0;
 border:0;
 display: block;
 clear:both;
 font-size:1px;
}


#wrapper {
background-color:#FFFFFF;

	width: 988px;
	height:auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
	border: 1px solid #000000;
	clear: both;
	display: block;
}

.skipNav {
 display: none;
}

#header {
 	background-image: url(../Templates/images/home_page_animatic.gif);
	background-position: right top;
	background-repeat: no-repeat;

 background-color: #000000;
 color: #ffffff;
 width:988px;
 height:120px;
 margin:0;
 padding:0;
 border:0;
 clear: both;
 display: block;
}

#header #logobox {
 width:315px;
 height:65px;
 margin:35px 0 0 36px;
 padding:0;
 border:0;
 clear: both;
 float:left;
 display: block;
}

#header #loginbox {
position:relative;
 left:50px;
 top: 60px;
}

#header #userMenu{
position:relative;
 margin: 0;
 padding:0;
 left:0px;
 top: -15px;
}

#topmenu {
 width:988px;
 margin:0;
 padding:0;
 border:0;
 clear: both;
 float:left;
 display: block;
 background-color:#000000;
}

#breadcrumbNav {
 background-color:#e2e3e5;
 color:#000000;
 width:979px;
 margin:0;
 padding:6px 0 6px 9px;
 border:0;
 clear: both;
 float:left;
 display: block;
}

#leftcol {
 background-color:#d6d7d9;
 color:#6e6f73;
 width:197px;
 margin:0;
 padding:0;
 border-right:1px solid #93b61e;
 clear: both;
 float:left;
 display: block;
}

#leftcol #findProduct #productsearchBox {
 float:left;
 display: block;
}

#leftcol #findProduct #productsearchGoBox {
 float:left;
 display: block;
}

#leftcol #findProduct #productsearchBox #productsearch {
 background-color:#c3d581;
 color:#000000;
 width:161px;
 margin:0;
 padding:2px 2px 1px 7px;
 border-top:2px solid #95b61f;
 border-bottom:2px solid #95b61f;
 border-left:2px solid #95b61f;
 border-right:0;
}

#leftcol #leftmenu {
 width:197px;
 clear: both;
 float:left;
 display: block;
}

#leftcol #leftmenu a {
 width:182px;
 margin:0;
 padding:3px 8px 3px 7px;
 display: block;
}

#leftcol #contactBanner {
 width:197px;
 margin:15px 0 10px 0;
 padding:0;
 border:0;
 clear: both;
 float:left;
 display: block;
}

#centrecol {
 width:593px;
 margin:0;
 padding:0;
 border-top:1px solid #93b61e;
 float:left;
 display: block;
}

#centrecol #productBreadcrumb {
 width:578px;
 height:16px;
 margin:0;
 padding:2px 0 0 15px;
 border-bottom:1px solid #93b61e;
 float:left;
 display: block;
}

#centrecol .narrowcol1, #centrecol .narrowcol2, #centrecol .narrowcol3, #centrecol .widecol1, #centrecol .widecol2, #centrecol .fullwidth {
 padding:17px 14px 17px 14px;
 border-bottom:1px solid #93b61e;
 
 	background-color: #FFFFFF;

}

#centrecol .narrowcol1, #centrecol .narrowcol3 {
 width:169px;
 margin:0;
 float:left;
 display: block;
}

#centrecol .narrowcol2 {
 width:169px;
 margin:0;
 border-left:1px solid #93b61e;
 border-right:1px solid #93b61e;
 float:left;
 display: block;
}

#centrecol .widecol1 {
 width:367px;
 margin:0;
 border-right:1px solid #93b61e;
 float:left;
 display: block;
}

#centrecol .widecol2 {
 width:367px;
 margin:0;
 border-left:1px solid #93b61e;
 float:left;
 display: block;
}

#centrecol .fullwidth {
 width:564px;
 margin:0;
 float:left;
 display: block;
}


#centrecol #bottommenu {
 width:593px;
 margin:0;
 padding:0;
 border0;
 clear:both;
 float:left;
 display: block;
}

#centrecol #copyright {
 width:582px;
 margin:0;
 padding:9px 0 0 11px;
 border0;
 clear:both;
 float:left;
 display: block;
}


/*
#centrecol li {
	list-style-image: url(../templates/images/icon_square.gif);
}

*/

#rightcol {
 background-color:#d6d7d9;
 color:#6e6f73;
 width:168px;
 margin:0;
 padding:17px 14px 17px 14px;
 border-left:1px solid #93b61e;
 border-top:1px solid #93b61e;
 float:left;
 display: block;
}

/* Left sidebar navigation */
#leftnav, #leftnav ul {
 padding: 0;
 margin: 0;
 list-style: none;
}

#leftnav li {
 width: auto;
 margin:0;
}

/* Main nav */
#nav, #nav ul {
 padding: 0;
 margin: 0;
 list-style: none;
}

#nav li {
 float: left;
 width: auto;
 margin:0;
}

#nav li #selected {
background-color:#93b61e;
}

/* bottom nav */
#bottomnav, #bottomnav ul {
 padding: 0;
 margin: 0;
 list-style: none;
}

#bottomnav li {
 background-color:#c7c8ca;
 color:#000000;
 width: 97px;
 height:19px;
 margin:2px 2px 0 0;
 float: left;
}

#bottomnav li a {
 margin:0;
 padding:4px 0 0 5px;
 display:block;
}


#bottomnav .rightBox {
 width: 98px;
 margin-right:0;
}




#nav, #nav ul {
 padding: 0;
 margin: 0;
 list-style: none;
 line-height: 1;
 background:#000000;
}

#nav a {
/*
 width:79px;
 */
 width:127px;
 font-size:11px;
 letter-spacing: -1px;
 word-spacing: 0px;
 text-align:center;
 text-decoration: none;
 padding: 5px 3px 5px 10px;
 margin: 0;
 border-right:1px solid #93b61e;
 border-bottom:2px solid #93b61e;
 display: block;
}

#nav li {
 float: left;
}


#nav li #navAboutus {
 border-left:0;
}

#nav li #navContact {
 border-right:0;
}

#nav a:link {
 color: #ffffff;
 background-color: transparent;
 text-decoration: none;
}

#nav a:visited {
 color: #ffffff;
 background-color: transparent;
 text-decoration: none;
}

#nav a:hover {
 color: #000000;
 background-color: transparent;
 text-decoration: none;
}

#nav a:active {
 color: #000000;
 background-color: transparent;
 text-decoration: none;
}


#nav li {
 color: #ffffff;
 background-image: url(templates/images/topMenuPlus.gif);
 background-repeat: no-repeat;
 background-color: #000000;
 text-decoration: none;
}

#nav li:hover, #nav li.sfhover {
 color: #000000;
 background-image: url(images/topMenuSquare.gif);
 background-repeat: no-repeat;
 background-color: #93b61e;
 text-decoration: none;
}





#nav li ul {
 position: absolute;
 width: 198px;
 left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
 border-bottom:1px solid #93b61e;
}

#nav li:hover ul, #nav li.sfhover ul {
 left: auto;
}

#nav li ul li a {
 width: 178px;
 border-left:1px solid #93b61e;
 border-right:1px solid #93b61e;
 border-bottom:0;
}

#nav li ul li a:link {
 color: #6e6f73;
 background-color: #ffffff;
 text-decoration: none;
}

#nav li ul li a:visited {
 color: #6e6f73;
 background-color: #ffffff;
 text-decoration: none;
}

#nav li ul li a:hover {
 color: #000000;
 background-color: #ffffff;
 text-decoration: none;
}

#nav li ul li a:active {
 color: #000000;
 background-color: #ffffff;
 text-decoration: none;
}

#referral {
 display:none;
}

/* Product catalogue styles */
.Product_Family, .event{
	border: 1px solid #999999;
	margin-bottom: 0px;
	margin-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	clear:both;
}



.non-stock_product, .non-stock_product a, .stock_product, .stock_product a{
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	color: #00cc00;
	line-height: 15pt;
	padding: 0px;
	text-align: left;
	background-color: #eeeeee;
	margin: 0px;
	display: inline;
}

.imageFloatLeft, .Product_Family img, .Product_Category img {
 float:left;
 clear:left;
 margin:10px 10px 10px 0px;
 }
 
.imageFloatRight {
 float:right;
 clear:right;
 margin:10px 0px 10px 10px;

 }
 
 .Product_Category {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	clear:both;
}


/* Simple Table */

.simpleTable{
width:100%;
clear: both;
border-collapse: collapse; 
}

.simpleTable thead {
	background-color: #000000;
}

.simpleTable th{
font-size:11px;
	color: #FFFFFF;
	padding-left:3px;
}

.simpleTable td{
	font-size:11px;
	color: #555555;
	padding-left:3px;
	padding-top:2px;
	padding-bottom:5px;
	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEEE;
}



.simpleTable #evenRow{
	background-color: #EEEEEE;
}

/* misc */
#offerContainer {
margin-top:50px;
	padding: 10px;
}

div#error {
	border-width: 1px;
	border-style: solid;
	border-color: #FF0000;
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#FFB7B7;
	color:#FF0000
}

div#advisory {
	border-width: 1px;
	border-style: solid;
	border-color:#33CC00;
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#A6FFA6;
		color:#FF0000

}


div#warning{
	border-width: 1px;
	border-style: solid;
	border-color:#FF9900;
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#FFE79D;
	color:#FF9900
}

div#success{
	border-width: 1px;
	border-style: solid;
	border-color:#33CC00;
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#CAFFCA;
	color:#33CC00
}



/* clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;  }
.clearfix { display: inline-block; }
.clearfix {display: block;}


/*Standard forms */

.formStandard fieldset {
margin:0;
padding:0;
	border: 1px solid #CCCCCC;
}

.formStandard ul {
margin:0;
padding:0;
}
.formStandard li {
	list-style-image: none;
	list-style-type: none;
	padding-top:5px;
	padding-bottom:5px;
}

.formStandard legend {
 color: #92b51d;
 background-color: transparent;
 font-size:13px;
 font-weight:bold;
 margin:10px 0 10px 0;
 padding:0;
	font-style: normal;
	font-variant: small-caps;

}

.formStandard label {
display:block;
	padding-bottom:5px;
}

.formStandard em {
color:#f00;
}

/* tabset */
ul.tabset {
	list-style: none;
	clear:both;
	padding: 0;
margin:0;
	margin-bottom:10px;
	font-size: 12px;
	height: 30px;
	border-bottom: 1px solid #000;

/*
	margin: 1em 0;
	background: white url(/images/tabs-20081224.png) 0 29px repeat-x;
	line-height: 1;
*/
}

ul.tabset li {
	background-color:#eee;
	margin:0;
	padding:0;
	padding-left:20px;
	padding-right:20px;
    margin-left:5px;
	display: block;
	float: left;
	height:29px;
	/*
	background: #eee url(/images/tabs-20081224.png) right -2px no-repeat;
	*/
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;

	/*
	white-space: nowrap;
	max-width: 140px;
*/
}


ul.tabset li.selected {
    background-color:#fff;
    border-bottom:none;
	height:30px;
}

ul.tabset li strong, ul.tabset li a
{
color:#000;
	display: block;
	float: left;
	padding: 6px 0 4px 0px;
}

ul.tabset li.selected strong,
ul.tabset li.selected a
{
	padding: 6px 0 4px 0px;
}

ul.tabset li.selected a {
color:#000;

	padding: 6px 0 4px 0px;
}