* {
	margin:0; 
	padding:0;
} 

html {
	height:100%; 
	font-size:100.01%;
} 

body
{
	text-align: center;
	min-height: 101%;
	font: 100.01%/130% Verdana, Arial, Helvetica, sans-serif;
	color: #93897F;
	background-color: #93897f;
} 

body * {
	text-align:left;
}

/*
	Credit to Mike Foskett for this nice intro: http://www.websemantics.co.uk
*/




/* General Link Specification */

a, a:link {
	text-decoration:none;
	color:#392F24;
	background-color: transparent;
}

a:visited {
	text-decoration:none;
	color:#695B4D;
	background-color: transparent;
}

a:hover, a:active, a:focus {
	text-decoration:underline;
	color:#DC3F91;
	background-color: transparent;
}


br.clearer 
{
	clear:both;
}

/* we have to use that because of shitty Microsoft */
div.clearer 
{
	clear:both;
	width:100%;
	height:1px;
	font-size:1px;
	line-height:1px;
	margin-top:-1px;
}



/* The Header  */

#container
{
	width:770px;
	margin:0 auto;
	padding-bottom:2em;
}


#header
{
	width:100%;
	position:relative;
	background-image: url(../images/akeles_label.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#imageContainer 
{
	width:100%;
	text-align: right;
}

#imageContainer h1
{
	font-size:1.0em;
	text-align: right;
	/* use the margins for spacing the top part! */
	margin: 0 120px 13px 0;
}


#imageContainer img
{
	border:none;
}





/*	Tab Navigation by Monomo - www.monomo.co.uk 2007 */


#tabNavigation {
	position:relative;
	font-size:0.7em;
}


div.tabNav 
{
	display:inline;
	float:left;
	margin:0 0 0 -2.1em;
}

div.firstTab
{
	margin: 0;
}

/* 	The span
	contains first part of background
*/

span.menuLabelPassive
{
	display:block;
	
	background-image: url(../images/menu_pink_left_new.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

span.menuLabelActive
{
	display:block;
	
	background-image: url(../images/menu_white_left_new.gif);
	background-repeat: no-repeat;
	background-position: left top;
}



/* 	The passive Links 
	Default state of the Links
*/


a.linkPassive, a.linkPassive:link
{
	width:9.2em;
	display:block;
	padding: 0.3em 1.9em 0.3em 0;
	text-decoration: none;
	color: #f0f0f0;
	text-align:center;
	
	background-color: transparent;
	background-image: url(../images/menu_pink_right_new.gif);
	background-repeat: no-repeat;
	background-position: 1.5em top;
}

a.linkPassive:visited {
	text-decoration:none;
	color:#eee;
	background-color: transparent;
}

a.linkPassive:hover, a.linkPassive:active, a.linkPassive:focus {
	text-decoration:none;
	/*font-weight:bold;*/
	color:#fff;
	background-color: transparent;
}

/*	The active Links 
	Hover and Selected State of Links
*/


a.linkActive, a.linkActive:link
{
	width:9.2em;
	display:block;
	padding: 0.3em 1.9em 0.3em 0;
	text-decoration: none;
	color: #ED5DA8;
	text-align:center;

	background-color: transparent;
	background-image: url(../images/menu_white_right_new.gif);
	background-repeat: no-repeat;
	background-position: 1.5em top;
}

a.linkActive:visited {
	text-decoration:none;
	color:#ED5DA8;
	background-color: transparent;
}

a.linkActive:hover, a.linkActive:active, a.linkActive:focus {
	text-decoration:none;
	/*font-weight:bold;*/
	color:#DC3F91;/*B20660;*/
	background-color: transparent;
}



/* The Content */

#content
{
	width: 739px;

	font-size:0.8em;
	line-height:1.4em;
	
	background-color: #FFF;
	background-image: url(../images/corner_bottom_left.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}

/* the div containing the breadcrumb */

#breadcrumbNav
{
	height: 35px;
	background-image: url(../images/corner_top_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#mainContent
{
	padding:0 0 35px 0;
}








/* PRODUCT DETAIL TEMPLATE */

.productDetail {
	clear:both;
	padding:0 22px 0 22px;
}

.productDetailImage 
{
	float:left;
	border: solid 1px #93897f;
	background-color:#93897f;
	color:#fff;
	width:472px;
	height:355px;
}


.productDescription
{
	float:right;
	width:199px;
}

.productLabel
{
	height:89px;

	background-image: url(../images/item_label.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.productLabel h2 {
	font-weight:normal;
	color:#fff;
	background-color:transparent;
	font-size:1.2em;
	padding:15px 70px 2px 10px;
}

.productLabel p {
	color:#fff;
	background-color:transparent;
	font-size:0.8em;
	padding:0 70px 5px 10px;
}

.productText 
{
	height:215px;
	overflow:auto;
	margin:15px 0 15px 0;
}

.productText p
{
	padding:0 0 0.5em 0;
}




/* The scrolling Thumbs */

#productThumbs {
	position: relative;
	height:100px;

	clear:both;
	margin:35px 0 0 0;
	padding:0 22px 0 22px;
}	


/* The Controls - written with JS */
#moveRight
{
	float:left;
	width:19px;
	height:98px;
	overflow:hidden;

	border-style:solid;
	border-width: 1px 1px 1px 0;
	border-color: #93897f;
}

#moveLeft
{
	float:left;
	width:19px;
	height:98px;
	overflow:hidden;
	
	border-style:solid;
	border-width: 1px 0 1px 1px;
	border-color: #93897f;	
}

#moveRight img, #moveLeft img {
	border:none;
}



/* the container */
#thumbs {
	float:left;
	/*width:656px;
	
	height:98px;
	overflow: hidden;*/
	background-color:transparent;

	border-style:solid;
	border-width: 1px 0 1px 0;
	border-color: #93897f;	
}


#thumbBlend
{
	display:none;
}


/* the carrier */
#canvas {
	/*width:3000px;  go way over the top*/
}


/* the divs containing the images - used to gather widths */
div.canvasImage {
	float:left;
	width:121px; /* width of images + 5px + 4px(border)*/
	text-align:right;
}


/* The links for the images */
a.imgLink, a.imgLink:link
{
	float:left;
	margin:5px 0 5px 5px;
	border-style:solid;
	border-width:2px;	
	border-color: #999;

	color: #999;
	text-align:center;
	background-color: transparent;
}

a.imgLink:visited {
	border-color: #EF86BD;
	color:#EF86BD;
	background-color: transparent;
}

a.imgLink:hover, a.imgLink:active, a.imgLink:focus {
	text-decoration:none;
	border-color: #DC3F91;
	color:#DC3F91;
	background-color: transparent;
}


.canvasImage img {
	float:left;
	width:112px;
	height:84px;
	border-style:none;

}



/* PRODUCT OVERVIEW TEMPLATE */

.productClass {
	float:left;
	padding:0 0 22px 22px;
	text-align:center;
	
}

/* The links for the overview images */
a.imgOverviewLink, a.imgOverviewLink:link
{
	float:left;
	border-style:solid;
	border-width:1px;	
	border-color: #999;

	color: #999;
	text-align:center;
	background-color: transparent;
}

a.imgOverviewLink:visited {
	border-color: #93897f;
	color:#93897f;
	background-color: transparent;
}

a.imgOverviewLink:hover, a.imgOverviewLink:active, a.imgOverviewLink:focus {
	text-decoration:none;
	border-color: #DC3F91;
	color:#DC3F91;
	background-color: transparent;
}




.productClass img {
	width:215px;
	height:161px;
	border-style:none;

}

.productClass h3 {
	clear:left;
	font-size:1.0em;
	font-weight:normal;
	text-align:center;
	padding:0.1em 0 0 0;
}




/* TEXT TEMPLATE */


.textColumn {
	font-size:0.9em;
	width:239px;
	float:left;
	text-align:left;
}

.columnContent {
	width:217px;
	float:right;
	background-color:#EDEBDA;
}

.textSpacer {
	padding:10px;
}

.textSpacer h2, .textSpacer h3, .textSpacer h4, .textSpacer h5 {
	font-size:1.0em;
	font-weight:bold;
	padding:0 0 0.5em 0;

}

.textSpacer p {
	padding:0 0 0.5em 0;
}


.textSpacer img {
	width:197px;
	margin:0 0 0.5em 0;
}



/* The Footer */
#footerMenu
{
	clear:both;
	font-size:0.8em;
	background-image: url(../images/corner_bottom_right.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	
	padding:0 22px 35px 22px;
}

.footerContainer
{
	border-style:solid;
	border-color:#93897F;
	border-width:1px 0 0 0;	
}

#footerMenu ul {
	float:left;
}

#footerMenu ul li
{
	display: inline;
	padding:0 1em 0 0;
	list-style-type: none;
}


.credit
{
	float:right;
}

/* Featuring Standards */


#standards
{
	float:right;
	margin:3em 42px 3em 0;
	font-size:0.6em;
	
}

#standards ul {
	float:left;
}

#standards ul li
{
	display: inline;
	padding:0 1em 0 0;
	list-style-type: none;
}