/* 
========================================================================
TEMPLATE.CSS
========================================================================
*/

/* --- Body - control position #container, allows centering of site -- */
body {
	text-align: center;
	background-color: black;
}

#container {
	display: block;
	background:#000;
	background-position: top left;
	background-repeat: repeat-x;
	margin: 0 auto;
}

/* Contains rest of HTML */
#centrecontainer {
	width: 860px;
	text-align: left;
	margin: 0 auto;
	min-height: 100%;
}


/* --- Header section ------------------------------------------------ */
#header {
	border:0px dotted blue;
	height: 100px;
	margin: 0px 0 0 0px;
	padding:0;
	width:840px;
}

#header #title {
	border:0px dashed red;
	height: 60px;
	margin: 0px 10px 0px 10px;
	padding:15px 0 0 0;
	width:290px;
}

#header2	{
border:0px dashed red;
margin:20px 0 0 0;
float:right;
color:#ff6600;
width:440px;
}

/* Top links */
#header2 .links {
	border: solid 0px lime;
	text-align:right;
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
	font-size: 12.5pt; font-family:trebuchet MS; font-weight:bold;
	width:430px;
}
#header2 .links a:link, #header2 .links a:visited	{	
	border: solid 0px lime;
	position: relative;
	text-decoration: none;
	color: #ff6600;
	font-family:trebuchet MS, arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}
#header2 .links a:hover		{
	position: relative;
	text-decoration: none;
	color: #fff;
	background:#ff6600;
	font-family: trebuchet ms, arial, Helvetica, sans-serif;
	font-weight: bold;
}

#header2 h4	{display:inline; font-size:1.1em; font-weight:normal; font-family:arial;}


/* sectionHeader */

#sectionHeader	{
border:0px dashed red;
background:#F4F8F3;
width:505px;
height:65px;
padding:0px;
margin:0 0 5px 0px;
}

#sectionHeaderImage	{
border:0px dashed red;
background:#EDF3EB;
width:190px;
padding:0px;
margin:0 0 0px 0;
float:right;
height:65px;
}

#sectionHeaderTrail	{
border:0px dashed red;
margin:0px 0 0px 10px;
padding:5px 0 0 0;
}



/* sectionHeader */



#searchbar	{
border:0px solid red;
text-align:left;
margin:27px 0 3px 0; 
font-family:trebuchet ms, arial, helvetica, sans-serif;
font-size:1.05em;
}

/* --- main nav -------- */
/* menu */
#navcontainer{
border:0px dotted gray;
margin: 0px 0 0px 0px;
padding: 0;
font-family:trebuchet ms, arial, helvetica, sans-serif;
font-size:1.6em;
font-weight:bold;
letter-spacing:-0.4pt;
}
#navcontainer ul{
border:0px;
margin: 0;padding: 0px;
list-style-type: none;
text-align: left;
}
#navcontainer ul li{
display: block;
float:left;
text-align: left;
padding: 1px; margin: 0;
}
#navcontainer ul li a{
border:0px dotted red;
background:#Ff6600;
width: 150px;
padding:6px 0 6px 6px; margin: 2px 0 0px 0;
color: #fff;
text-decoration: none;
font-weight:bold;
display: block;
text-align: left;
}
#navcontainer ul li a:hover{color:#ff6600; background:#fff;}
#navcontainer a:active{color:#ff6600; background:#fff;}
#navcontainer li#active a{color:#ff6600; background:#fff;}

/* menu */

/* SUBmenu */
#subMenu	{
padding:0 0 0 10px;
font-size:13.5pt; letter-spacing:0;
}

/* SUBmenu */



#sb_buttonbg	{
background:#FCF3EC;
padding:3px 0 3px 15px;
}
#sb_buttonbg	h3 {
font-size:11.6pt;
padding:0; margin:0; 
font-weight:bold;
}






/* --- Entire page body section - everything below the header -------- */
#pagebody {
	border:0px dashed red;
	padding: 3px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
}

/* Left hand section of page body (if you have one!) */
#left {
	border:0px solid red;
	width: 155px;
	margin: 0px 0 0 0;
	float: left;
}


/* Dynamic page content section of page body */
#pagecontentHome {
	border:0px dashed gray;
	width: 664px;
	float: left;
	padding: 0 0 0 11px;
	margin:0px 0 0 9px;
}
#hp_mainbox	{
border:0px solid red;
width:665px; 
height:192px;  
background:#ECF2EB;
font-size:9.0pt;
line-height:120%;
margin:0px 0 0 0;
}
#hp_mainbox h1	{
font-family:arial, helvetica, sans-serif;
font-size:17px;
padding:0; margin:0;
display:inline;
}
#hp_icons	{
margin-top:10px;
font-size:10.5pt;
line-height:20px;
}
#hp_icons	img	{margin-right:10px;}


/* Dynamic page content section of page body */
#pagecontent {
	border:0px dashed blue;
	width: 506px;
	float: left;
	padding: 0 0 0 10px;
	margin: 0 0 0 6px;
}

#pagecontent_pad {
	border:0px dashed red;
	padding: 0px 0px 5px 0px;
}
#ieFix	{padding:9px 0 0 0;}

/* Right hand section of page body */
#right {
	border:0px dashed lime;
	width: 150px;
	margin: 0px;
	float: right;
	padding: 0px;
}

/* --- Footer -------------------------------------------------------- */
/* Footer nav links */

#footercontent{
	color:#666;
	font-family: trebuchet MS, Arial, sans-serif;
	font-size:100%;
	font-weight:normal;
}
#footercontent a:hover {
	color:red;
	text-decoration:underline;
}
#footercontent :link	{
	color:#ff6600;
	text-decoration:none;
}
#footercontent :visited	{
	color:#ff6600;
	text-decoration:none;
}	


#footercontent2{
	color:#666;
	font-family: trebuchet MS, Arial, sans-serif;
	font-size:100%;
	font-weight:normal;
}
#footercontent2 a:hover {
	color:red;
	text-decoration:underline;
}
#footercontent2 :link	{
	color:#ff6600;
	text-decoration:none;
}
#footercontent2 :visited	{
	color:#ff6600;
	text-decoration:none;
}	


#footer	{	
border:0px dashed red;

width:100%;
text-align:left;
font-family:trebuchet MS, arial;
font-size:8.5pt;
color:#666;
font-weight:normal;
margin-top:20px;
}

#footerContent	{
border:0px dashed red;
padding:5px 0 5px 5px;
width:835px;
text-align:left;
background:#000;
}
#footerContent2	{border:0px dashed red;
padding:0px 0 20px 0;
width:835px;
text-align:left;
}

#turtle	{
float:right;
text-align:right;
}



#footer2	{	
border:0px dashed red;
background:#000;
width:100%;
text-align:left;
font-family:trebuchet MS, arial;
font-size:8.5pt;
color:#666;
}









/* --- language, currency menu and search box ------------------------ */
#languagemenu form select, #currencymenu form select, #prodtypemenuform select {
	width: 128px;
	margin: 0;
	padding: 0;
}

#searchbox input {
	width: 108px;
}

#searchbox #searchbutton {
	width: 10px;
	text-align: right;
	margin: 0;
	padding: 0;
}

/* --- Template items ------------------------------------------------ */
#left_pad {
	padding: 0px 5px 0px 8px;
}

#left h2 {
	margin: 10px 0px 5px 0px;
	font-weight: bold;
}

/* search and mailinglist forms */
#quicksearch form {
	display: block;
}

#left input.submit {
	height: 22px;
	width: 30px;
}

#left input.text {
	width: 95px;
}

#mailinglist label#email {
	display: block;
	margin: 0px 0px 2px 0px;
}

#mailinglist label#htmlemail {
	display: block;
	margin: 2px 0px 2px 0px;
}

#right h2 {
	margin: 10px 0px 5px 0px;
	font-weight: bold;
}












/* tooltip */

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#fff;
    color:#ccc;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#fff; color:#ccc; text-decoration:none;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
	font-size:8.5pt;
    display:block;
    position:absolute;
    top:1.5em; left:1em; width:10em;
    border:1px solid #666;
	padding:7px;
    background-color:#fff; color:#666;
	text-decoration:none;
    text-align: left;
	font-weight:normal;
	
}

#icon1	{
border:0px solid red;
margin:0; padding:0;
text-align:left;
width:140px;
}
#icon1 img	{
float:none; margin:0;
}