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

/* --- Body - control position #container, allows centering of site -- */
body {
	text-align: center;
	background: white url(../../images/bg.gif) top repeat-x;
}

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

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





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

#logo {
	border:0px dashed #ccc;
	margin: 0px 0px 0px 0px;
	padding:0px 0 0 0;
	float:left;
	width:158px;
	position:relative;
}

#nav_3_rows	{border:0px dashed lime; width:760px; margin:0 0 0 220px; }

#nav_row_1	{
border:0px dashed #eee;
margin:0px 0 0 0; 
height:40px;
}
#nav_row_2	{
border:0px dashed #ccc;
margin:0px 0 0 0;
height:48px;
}



/* row1 links */
 .toplinks {
 	font-family:tahoma, arial, sans-serif;	font-size: 9.5pt; color:#fff;
}
.toplinks a:link{	
 	font-weight:bold;
	text-decoration: none;
	color: #fff;
	margin: 0px 0px 0px 0px;
}
.toplinks a:visited{	
 	font-weight:bold;
	text-decoration: none;
	color: #fff;
	margin: 0px 0px 0px 0px;
}
 .toplinks a:hover		{
 	font-weight:bold;
	text-decoration: none;
	color: #ccc;
}


#basket-checkout {float:right; text-align:right;padding:10px 0 0 0;}

#currency	{ padding:8px 0 0 0;}
.currency	{display:block; float:left; padding:3px 0 0px 0;}

 .toplinks_sitemap {
 	font-family:tahoma, arial, sans-serif;	font-size: 9.5pt; color:#fff;
}
 .toplinks_sitemap a:link, .toplinks_sitemap a:visited	{	
 	font-weight:bold;
	text-decoration: none;
	color: #fff;
	margin: 0px 0px 0px 0px;
}
 .toplinks_sitemap a:hover		{
 	font-weight:bold;
	text-decoration: none;
	color: #ccc;
}


#searchbar	{
border:0px solid red;
text-align:right;
margin:0px 0px 0px 0; padding:10px 0 0 0; 
}
#searchbar h4	{display:inline; font-family:tahoma, arial, sans-serif;	font-size: 9.5pt; color:#fff;}

#replacement-1 {
  width: 19px;
  height: 22px;
  margin: 0px 2px 0 3px;
  padding: 0px 0 5px 0;
  border: 0;
  background: transparent url(../../images/icon_arrow.gif) no-repeat left top;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}





/* --- main nav -------- */
/* menu */
#navcontainer{
border:0px dotted gray;
margin: 0px 0 0px 0px;
padding: 0;
font-family:tahoma, arial, helvetica, sans-serif;
font-size:10pt; font-weight:bold;
}
#navcontainer ul{
border:0px solid red;
margin: 0;padding: 0px;
list-style-type: none;
text-align: center;
}
#navcontainer ul li{
display: block;
float:left;
text-align: center;
padding: 0px 0 0 1px; margin: 0;
}
#navcontainer ul li a{
border:0px dotted red;
background:#E43A44 url(../../images/bg_topnav.gif);
width: 107px;
padding:6px 0 6px 0; margin: 3px 0 0px 0;
color: #d2d2d2;
text-decoration: none;
font-weight:bold;
display: block;
text-align: center;
}
#navcontainer ul li a:hover{color:#fff; background-position: 0 -28px;}
#navcontainer a:active{color:#fff;  background-position: 0 -28px;}
#navcontainer li#active a{color:#fff;  background-position: 0 -28px;}

/* menu */

















/* sectionHeader */

#sectionHeader	{
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
/*background:#F5F8F3;*/
background:#Fff;
width:565px;
/*height:55px;*/
padding:0 0 7px 0;
margin:0 0 6px 0px;
}

#sectionHeaderImage	{
border:0px dashed red;
background:#EDF3EB;
width:0px;
padding:0;
margin:0 0 px 0;
float:right;
/*height:55px;*/
}

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



/* sectionHeader */




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

/* Left hand section of page body (if you have one!) */
#left {
	border:0px dashed blue;
	width: 176px;
	margin: 0px 0 0 0;
	float: left;
}
/* main content div for a product */
.main	{width:550px;}


/* Dynamic page content section of page body */
#pagecontentHome {
	border:0px dashed gray;
	width: 757px;
	float: left;
	padding: 0 0 0 16px;
	margin:0px 0 0 20px;
}
#hp_mainbox	{
border:0px solid red;
width:754px; 
height:120px;  
background:#666 url(../../images/hp_mainbox.gif);
color:#fff;
font-size:10.5pt;
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:0x dashed blue;
	width: 561px;
	float: left;
	padding: 0 0 0 18px;
	margin: 0 0 0 20px;
}

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

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



/* --- HOMEPAGE BANNER --------------- */

#banner_wrapper	{
background:#111;
width:759px; height:216px;
}
#bannerRight	{float:right; width:500px;}

#bannerleft	 {padding:0 0px 0 0;}

#bannerleft1	{
	float:left;
	border:0px solid grey;
	width:126px;
	background:#333; color:#fff;
	text-align:center; padding:0px 0 0 1px;
	text-transform:uppercase;
}
#bannerleft2	{
	float:left;
	border:0px solid grey;
	width:128px;
	background:#000; color:#fff;
	text-align:center; padding:0px 0 0 0;
	text-transform:uppercase;
}

.r	{margin-left:1px;}

.bannerText	{	
	font-size:14pt;
}
.bannerText a:link, .bannerText a:visited	{
color:#fff;
display:block; 
width:128px; 
height:46px;
padding:20px 0 0px 0; margin:0;
background:url(../../images/bg_bannertext.gif);  background-position:0px -73px;
}
.bannerText a:hover	{
display:block; 
width:128px; 
height:46px;
padding:20px 0 0 0; margin:0;
color:#fff; background-position:0px 0px;
text-decoration:underline;
}


/* --- HOMEPAGE BANNER --------------- */






/* --- 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:#4C4CFE;
	text-decoration:none;
}
#footercontent :visited	{
	color:#4C4CFE;
	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:#4C4CFE;
	text-decoration:none;
}
#footercontent2 :visited	{
	color:#4C4CFE;
	text-decoration:none;
}	


#footer	{	
border:0px solid #ccc;
background:#92030F url(../../images/bg_footer.gif);
width:100%;
text-align:left;
font-family:trebuchet MS, arial;
font-size:9pt;
color:#b1b1b1;
font-weight:normal;
margin-top:20px;
}

#footer a:link, #footer a:visited {color:#b1b1b1;}
#footer a:hover {color:#fff;}

#footerContent	{
border:0px solid #ccc;
padding:2px 0 20px 0px;
width:960px;
text-align:left;
}
#footer_logo	{float:left; margin:-9px 0 0 0;}
#footer_text	{padding:0 0 0 210px;}

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









/* --- 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:-3px 0 0 0; padding:0;
text-align:left;
width:140px;
}
#icon1 img	{
float:none; margin:0;
}




/* header swaps */


h3	{border: 0px solid blue;margin:0 padding:0; display:block;}

/* newsletter sidebar  */
h3.swap {height:58px;background-repeat:no-repeat;margin:0 0 0 0; padding:0;	}
h3.swap span {display:none;}
h3#sb_newsletter_header {background-image:url("../../images/newsletter_sidebar_header.gif");}



/* header swaps */


._tiny	{margin:0 0 0 4px; border:1px solid red;}