/*
	WARNING:
	========

	This web site is subject to international copyright laws and treaties.
	Unauthorised copying is a criminal offence, and will be punished to
	the fullest extent under applicable law in your country.

	If you wish to use any content you find in this website, please contact
	the copyright holder for permission, using the contact section available
	on this web site.

	All original content Copyright (C) AffinityAudio.com. All rights
	reserved.

	All content not owned by AffinityAudio.com is used with permission
	from the respective copyright holder(s).

	This web site was designed and maintained by Hallway Studios
	UK, reachable at http://www.hallwaystudios.com/.
*/	

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

/* Default site CSS rules */
#debugPane {
	border: 3px #FFDAB9 solid;
	padding: 10px;
	color: #CE8700;
	background: #FFFCEC;
	font-family: monospace;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
}
.warningAreaBig {
	border: 1px Red solid;
	background: #FFDBDB url(../images/bigcross.gif) left center no-repeat;
	color: #AA0000;
	font-size: 12px;
	padding-left: 34px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 400px;
	min-height: 35px;
}
.warningAreaSmall {
	border: 1px Red solid;
	padding-left: 18px;
	background: #FFECEC url(../images/cross.gif) left center no-repeat;
	color: #AA0000;
	font-size: 10px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-top: 1px;
	font-weight: normal;
}
.confirmAreaBig {
	border: 1px Green solid;
	background: #DFFFE0 url(../images/tick.gif) left center no-repeat;
	color: Green;
	font-size: 12px;
	padding-left: 34px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 400px;
	min-height: 35px;
}
/*  END default site CSS rules*/

/* Top header, logo, contact details panel */
#header {
	background: url(../images/top_bg.gif) repeat-x top left;
	height: 100px;
}
#sitedetails h1, #sitedetails p {
	display: none;
}
#sitedetails {
	background: url(../images/logo_top.gif) no-repeat top left;
	width: 198px;
	height: 86px;
	margin-top: 14px;
	margin-right: 0px;
	float: right;
}
#contactdetails {
	float: left;
	background: url(../images/contactpanel.gif) no-repeat top right;
	height: 31px;
	width: 341px;
	margin-left: 0px;
	margin-top: 5px;
}
#contactdetails p {
	display: none;
}

#infoReqFormContainer table {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 20px;
}

/* Navigation bar */
#navcontainer {
	clear: both;
	position: absolute;
	top: 40px;
	* top: 41px; /* IE6 hack */
	left: 30px;
}

#navcontainer h2 {
	display: none;
}
#navcontainer ul {
	height: 41px;	
	padding: 0;
	margin-left: 0;
	font: bold 11px Verdana, sans-serif;
	color: #2A1F55;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
}

#navcontainer ul li a
{
text-decoration: none;
border-top: 2px solid White;
padding-top: 8px;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 10px;
height: 31px;
}

#navlist li a:link { color: #2A1F55; }
#navlist li a:visited { color: #2A1F55; }

#navlist li a:hover, #navlist li a#current
{
border-left: 1px solid #800000;
border-right: 1px solid #800000;
border-top: 3px solid #800000;
padding-left: 3px;
padding-right: 3px;
padding-top: 7px;
color: #FFF;
background: #CF0C0C url(../images/nav_bg_sel.gif);
}

/*  Page content */
#pageBody {
	background: url(../images/star_bg.gif) no-repeat bottom right;
}
#content, table {
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 20px;
}
#content {
	padding-right: 30px;
	margin-left: 253px;
}
#content h1 {
	font-size: 26px;
	font-weight: normal;
	letter-spacing: -2px;
	color: #B8001B;
	border-bottom: 4px solid #C8E0EB;
}
#content h2 {
	font-size: 10px;
	line-height: 100%;
	font-weight: normal;
	letter-spacing: 2px;
	color: #A7A7A7;
	margin: 0;
	margin-top: -15px;
	padding: 0;
	text-transform: uppercase;
	text-align: right;
}
#content h3 {
	font-size: 18px;
	font-weight: normal;
	letter-spacing: -1px;
	color: #000099;
	margin-bottom: 0;
	padding-bottom: 0;
}
#content h4 {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #212121;
	margin-bottom: 0;
	padding-bottom: 0;	
}
#productLinkBar {
	background: url(../images/stripybluebg.gif);
	font-size: 10px;
	padding: 3px;
	margin-top: -18px;
}
.numProducts {
	font-size: 80%;
	color: Grey;
	letter-spacing: 0;
}

/* Bubbles */
#bubbles {
	padding: 10px;
	padding-top: 0px;
	float: left;
	text-align: left;
}
#bubbles ul {
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 0;
	margin-left: 15px;
	padding-left: 0;
	list-style: none;
}
#bubbles ul li {
	padding-left: 10px;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	margin-bottom: 5px;
}
#bubbles a {
    text-decoration: none;
}
#bubbles a, #content a {
	color: #800000;
	font-weight: bolder;
}
#bubbles a:hover, #content a:hover {
	text-decoration: underline;
    color: #000099;
}
#bubbles h3 {
	font-size: 14px;
	background: url(../images/bubbletop.gif) top left no-repeat;
	color: White;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 0px;
	text-align: left;
	padding-left: 40px;
	width: 178px;
	* width: 208px;
	height: 36px;
	margin: 0;
	line-height: 35px;
}
#bubbles h4 {
	letter-spacing: 0px;
	font-size: 12px;
	color: Navy;	
	padding-bottom: 3px;
	padding-top: 7px;
	margin: 0;
}
.bubble {
	background: url(../images/bubblebg.gif) top left repeat-y;
	width: 183px;
	* width: 208px;
	font-size: 12px;
	color: Black;
	padding-left: 15px;
	padding-right: 10px;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}
.bubble .productItem {
	padding: 1px;
	background: #FFFDEE;
	border: 1px solid Black;
}
.bubble .price {
	color: #FFFF99;
	font-weight: bold;
	text-decoration: underline;
	font-size: 14px;
	padding: 0;
	margin-top: 0;
}
.bubbleSeperator {
	margin-top: 10px;
	margin-bottom: 6px;
	border-top: 1px dotted Maroon;	
}
.bubbleSeperator hr {
	display: none;
}
.bubbleBottom {
	width: 208px;
	height: 3px;
	margin-bottom: 20px;
	background: url(../images/bubblebottom.gif) top left no-repeat;
}
.bubbleBottom hr {
	display: none;
}
.manufacturerLogo {
	margin-bottom: 10px;
}
.productImageThumbnail {
	margin-bottom: 10px;
	border: 1px dashed #B8001B;
}
.productPageBox {
	text-align: center;
}
.linkDescription {
	font-size: 10px;
}

/*  Page footer */
#footer {
	clear: both;
	font-size: 10px;
	color: #234B5F;
	background: #C8E0EB url(../images/ministar.gif) no-repeat bottom right;
	text-align: center;
	letter-spacing: 2px;
	padding: 5px;
	line-height: 15px;
	border: 1px solid #C8E0EB;
}
#footer hr {
	display: none;
}
#footer a {
	color: #234B5F;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
	color: Navy;
}

/* Google maps */
#infoWindowContents {
	font-size: 11px;;
	letter-spacing: 1px;
}
#infoWindowContents input {
	font-family: Georgia;
	font-size: 11px;
	letter-spacing: 1px;
}
#infoWindowContents p {
	margin-top: 5px;
	margin-bottom: 5px;
}
.mapTextInput {
	width: 100px;
	margin-right: 5px;
}
.mapButton {
	font-weight: bolder;
}
#map {
	width: 400px; 
	height: 300px;
	margin-bottom: 20px;
	float: left;
}

/* Contact page */
#contactMethods {
	margin-left: 420px;
}
#contactFormContainer {
/*	clear: both; */
}

/* Product search */
#manufacturerBox ul {
	margin-left: 0;
	padding-left: 0;
}
#manufacturerBox li {
	list-style: none;
	display: inline;
	margin: 10px;
}
#manufacturerBox a img {
	border: 0;
}
.spacer {
  clear: left;
  height: 0px;
}
.productCount {
	color: #767676;
}
.formWarning {
	color: #767676;
	font-size: 9px;
}
.floatImageLeft {
	float: left;
	margin-bottom: 5px;
	margin-right: 5px;
}
.floatImageRight, div.imageSetRight {
    float: right;
    margin-bottom: 10px;
    margin-left: 10px;
}
div.imageSetRight {
    text-align: center;
}
div.imageSetRight img {
    margin: 15px;
}

.searchResultImage {
	float: left;
    margin-bottom: 5px;
	margin-right: 5px;
	border: 0;
}

/*  Search results */
.searchResultsList {
	margin: 0;
	padding: 0;
}
.searchResultsList li {
	list-style: none;
	list-style-type: none;
	border: 1px dashed #BFC0FF;
	background: #FAFAFA;
	padding: 5px;
	margin-bottom: 10px;	
}
.searchResultsList li:hover {
	background:	#E8EFFC;
	border: 1px dashed #6495ED;
}
.resultItem {
    min-height: 70px;
    clear: right;
}
#resultsContainer {
	background: #FDF7F4;
	padding: 5px;
	border: 1px solid #FEEAE7;
}
.pageSelector {
	background: #F3D2C7;
	border-bottom: 1px solid Maroon; 
	margin-bottom: 5px;
	padding: 3px;
}
.pageSelector p, pageSelector form {
	margin: 0;
	padding: 0;
}

#fSendLink table {
	font-size: 12px;
}
#newProduct {
    background: url(../images/new-product-icon.gif) no-repeat left;
    height: 84px;
    width: 86px;
    position: absolute;
    top: 95px;
}
#prodBar h1, #prodBar #productLinkBar {
    padding-left: 90px;
}
h1 .titleManufacturer {
    font-size: 0.7em;
}
.newIndicator {
    font-weight: bold;
    letter-spacing: -1px;
    background: Orange;
    border: 1px dotted #D56A00;
    color: White;
    padding: 1px;
}
.onOfferIndicator {
    font-weight: bold;
    letter-spacing: -1px;
    background: #009B00;
    border: 1px dotted #008000;
    color: White;
    padding: 1px;
}
.onOfferIndicator a {
    color: White !important;
    text-decoration: underline !important;
}
.newsArchiveItem small {
    font-size: 70%;
}