
/*#######################
##### PRODUCT PAGES #####
#######################*/ 




/*###############
##### FONTS #####
###############*/ 


p{
	margin					: 15px 15px 15px 15px;
	font-size 				: 100%;
}


h1{
	margin					: 5px 15px 0px 15px;
	font-size 				: 180%;
	line-height				: 1.4em;
	
	
}


h2{
	margin					: 0px 15px 15px 15px;
	padding					: 0px 0px 10px 0px;
	font-size 				: 130%;
	border-bottom			: 1px solid #CCC;
	color					: #999999;
}


h3{
	margin					: 0px 15px 5px 15px;
	padding					: 0px;
	font-size 				: 120%;
}

#content a{
	color					: #214578;
	font-weight 			: bold;
}

#content a:hover {
	color 					: #EF7E22;


}



/*---- PRODUCT WINDOWS ----*/



#product{
	padding					: 0px;
	margin					: 0px;
	margin-bottom			: 15px;
	width					: 274px;
	line-height				: 1.8em;
}

*html #product p{
	margin-top				: -10px;
}

#product .productTop{
	width					: 274px;
	height					: 16px;
	background-image		: url(../images/teaserTop.gif);
	background-repeat		: no-repeat;
}

#product .productMiddle{
	width					: 274px;
	background-image		: url(../images/teaserMiddle.gif);
	background-repeat		: repeat-y;
	background-position		: top;
}

#product .productMiddle ul{
	margin					: 0px 15px 0px 30px;
	padding					: 0px;
}



#product .productBottom{
	width					: 274px;
	margin-top				: -10px;
	height					: 16px;
	background-image		: url(../images/teaserBottom.gif);
	background-repeat		: no-repeat;
}

*html #product .productBottom{
	margin-top				: -15px;
}

.productButton{
	position				: relative;
	background				: url(../images/productButtonOver.gif) no-repeat;
	white-space				: nowrap;
	display					: block;
	width					: 126px;
	height					: 27px;
	margin-top				: -36px;
	margin-right			: 48px;
	float					: right;
}

* html .productButton{
	margin-top				: -36px;
	margin-right			: 26px;
}

.productButton a{
	display					: block;
	width					: 126px;
	height					: 27px;
	display					: block;
	text-decoration			: none;
}

.productButton img{
	width					: 126px;
	height					: 27px;
	border					: 0;
}

* html a:hover{
	visibility				: visible;
}

.productButton a:hover img{
	visibility				: hidden;
}

.productButton span{
	position				: absolute;
	margin					: 0px;
	padding					: 0px;
	cursor					: pointer;
	visibility				: hidden;
}


.productImage{
	float					: right;
	padding					: 0px 25px 8px 0px;
}



/*---- FURTHER PRODUCT INFO ----*/



#furtherInfo{
	background-color		: #DEDFE1;
	padding					: 3px;
	margin					: 10px;
	
}


*html #furtherInfo{
	padding-right			: 4px;
}

#furtherInfoInner{
	background-color		: #D5D8DD;
	margin					: 10px;
				
}

#furtherInfoInner ul{
	margin					: 0px;
	padding					: 0px;
	list-style				: none;
	display					: block;	
}

#furtherInfoInner li {
	display					: block;
	margin-left				: 10px;
	margin-right			: 10px;
}

#furtherInfoInner li a{
	display					: block;
	width					: 220px;
	padding-left			: 5px;
	min-height				: 25px;	
	color					: #336699;
	text-decoration			: none;
	line-height				: 2.4em;
	border-top				: 1px solid #EBEBEB;
	border-bottom			: 1px solid #B1B1B1;
	background-image		: url(../images/linkArrow.gif);
	background-repeat		: no-repeat;
	background-position		: right;
}

#furtherInfoInner li a:hover{
	color					: #336699;
	background-color		: #CCC;
	text-decoration			: none;
	background-image		: url(../images/linkArrowOver.gif);
	background-repeat		: no-repeat;
	background-position		: right;

}

.furtherInfoHeader{
	margin-top				: 8px;
	margin-left				: 12px;
	margin-bottom			: 8px;
}
	
	
	
	
/*---- QUICK LINKS ----*/



#comparisonOuter{
	background-color		: #DEDFE1;
	padding					: 3px;
	margin					: 10px;
	
}


*html #comparisonOuter{
	padding-right			: 4px;
}

#comparisonInner{
	background-color		: #D5D8DD;
	margin					: 10px;
				
}

#comparisonInner ul{
	margin					: 0px;
	padding					: 0px;
	display					: block;	
}

#comparisonInner li {
	display					: block;
	margin					: 0px 10px 10px 25px;
}



.quickLinksHeader{
	margin-top				: 8px;
	margin-left				: 12px;
	margin-bottom			: 8px;
}
	

