/*----- Standard Formatting Tags -----*/
body {
	background: #d9d9e1 url(/images/layout/background.jpg) repeat-y top;
	color: #000000;
	text-align: left;
	font-family: Arial;
	font-size: 0.9em;
}
h1 {
   font-size: 3.5em;
   color: #9a9a9f;
   margin:0;
   font-weight: normal;
   padding: 0em;
}
h2 {
   font-size: 2.5em;
   color: #9a9a9f;
   margin: 0;
}
h3 {
	font-size: 1.5em;
	color: #9a9a9f;
	margin: 0;
}
a:link {  /* N.B. Links in sound-guidebook have black (color) class associated with them*/
	color: #6469b9;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	color: #6469b9;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #6469b9;
	font-weight: bold;
	text-decoration: none;
}
a:active {
	color: #6469b9;
	font-weight: bold;
	text-decoration: none;
}
small {
	font-size: 0.8em;
}
th {
   	text-align: center;
	font-weight: bold;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
td {
	padding: 0 0.1em 0 0.1em;
	border: 0;
	margin: 0;
	vertical-align: middle;
}
select {
	onChange: this.form.submit();
	width: 24em;
}
textarea { /*used in contact form*/
	height: 10em;
	width: 20.5em;
}
li {
   	white-space: nowrap;
   	padding: 0;
   	margin: 0;
}
ol {
   	margin: 0.5em 0 0.5em 8em;
}
#copyright {
	font-size: 0.6em;
	vertical-align: top;
	margin: 1em 0 0 2em;
}

/*----- Layout DIV containers -----*/
/*border: 1px solid red; */
#page { /* container for everything */
	padding: 0;
	width: 80%; /*47.5em;*/
	margin: 1em auto 0 auto; /*auto;*/
	/*background: #ccccd4 url(/images/layout/bs.jpg) repeat-x bottom;*/
	background: #ccccd4 url(/images/layout/rs.jpg) repeat-y right;
	position: relative;
	display:table; /*keep this for correct display formatting*/
}
/*#blpage {
	background: url(/images/layout/blspage.jpg) no-repeat 0 100%;
	position: relative;
	/*display:table; /*keep this for correct display formatting
}*/
#rs {
	background: url(/images/layout/rs.jpg) repeat-y right;
	position: relative;
	/*display:table; /*keep this for correct display formatting*/
}
#br {
	background: url(/images/layout/brs.jpg) no-repeat 100% 100%;  
	position: relative;
	/*padding-bottom:4px;*/
	/*display:table; /*keep this for correct display formatting*/
	float: right;
	width: 18px;
	height:18px;
}
/*#blmain {
	background: url(/images/layout/blsmain.jpg) no-repeat 0 100%; 
	padding-bottom:10px;
	position:relative;
	/*display:table; /*keep this for correct display formatting
}*/
#bls {
	background: url(/images/layout/bls.jpg) no-repeat 0 100%;
	position: relative;
	/*display:table; /*keep this for correct display formatting*/
	float: left;
	width: 18px;
	height:18px;
}
#topph { /* container for full width of title, not inc breadcrumbs */
	width: auto; /*100%; /*47.5em;*/
	height: 8em;
	background: #fefefe;
	position:static; /*this shows corner divs*/
}
#sideph { /* container for side column */
	position:relative;
	float:right;
	text-align: center;
	width: 25%; /*12.5em;*/
	background: #fefefe;
	margin:0;
}

#main {
	margin: 0; /*0 0 0 2em;*/
	padding: 0.5em 2% 2em 4%;/*0.5em 0em 2em 0em;*/
	width: 68%; /*32.5em;*/
}
/*#footer {
	width: 80%; /*40em;
	height: 1.2em; /*0.1em;
}*/
#footer2 {
	width: 80%;
	height: 18px;
	margin: 0 auto 0 auto;
	background: #ccccd4 url(/images/layout/bs.jpg) repeat-x bottom;
}
/*-------Inside top placeholder-----------*/
#toprs {
	background: url(/images/layout/rs.jpg) repeat-y right;
}
#tr {
	background: url(/images/layout/trs.jpg) no-repeat 100% 0;
}
#tl {
	background: url(/images/layout/tl.jpg) no-repeat 0 0;
}
#top {
	padding: 1em 0 0em 2em;
	height: 7em;
	margin: 0 4px 0 0;
}
#topimage {
	float: right;
	text-align: right;
	margin: 0;
}
#fadebordercorner {
	background: #ffffff url(/images/layout/corner.jpg) no-repeat 0 100%;
	height: 2.5em;
	float:right;
	width: 25%; /*12.5em;*/
	position: relative;
}
#faders {
	height:2.5em;
	background: url(/images/layout/rs.jpg) repeat-y right;
}
/*--------Inside side placeholder-----------*/
#fadebordersidehorizontal {
	background: url(/images/layout/horizontal.jpg) repeat-x 0 100%;
}
#siders {
	position:relative;
	background: url(/images/layout/rs.jpg) repeat-y right;
}
#fadebordersidevertical {
	background: url(/images/layout/vertical.jpg) repeat-y left;
}
#sidelowercorner {
	background: url(/images/layout/sidecorner.jpg) no-repeat 0 100%;
}
#side {
	padding: 0em 0.5em 2.5em 1.5em;
	margin: 0;
	border: 0;
}
/*--------breadcrumbs placeholder-------------*/
#breadcrumbsph {
	background: #fefefe;
	padding: 0;
	margin: 0 4px 0 0;
	border: 0;
}
#fadebordertop {
	background: url(/images/layout/horizontal.jpg) repeat-x 0 100%;
}
#breadcrumbs {
	padding-left: 1.9em;
	height: 2.5em;
}
/*----- Specific div elements -----*/
#breadcrumbs form {
	 /*This keeps the breadcrumbs in a horizontal line*/
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	border: 0;
}
#side input {
	text-align: center;
}
#side table {
	width: 100%;
	border: 0;
	text-align: left;
}
#main .blackindent {
	  color: #000000;
	  padding-left: 1em;
}
#main table {
	  margin: auto;
}

#topjack {
	height: 3.25em;
	width: 15em;
}
#topxlr {
	height: 3.13em;
	width: 10.65em;
}

/*----- Classes: Global -----*/
.spaced {
		line-height: 1.7em;
}
.right {
	float: right;
	text-align: right;
	padding: 0 0.3em 0 0.2em;
}
.smaller {
	font-size: 0.8em;
}
.button {
	color: #fff;
	font-weight: bold;
	border: 0;
	padding: 0;
	margin: 0;
	cursor: arrow;
	width: 100%;
	background-color: #aaa;
	font-size: 1em; /*so that buttons re-size for different user text sizes*/
}
a.button {
  	
}
.buttonaslink
{
	color: #6469b9;
	padding: 0;
	margin: 0;
	border: 0;
	background-color: transparent;
	text-align: left;
	font-weight: bold;
	text-decoration: none;
	width: 100%;
	cursor: hand;
	font-size: 1em; /*so that buttons re-size for different user text sizes*/
}

/*----- Classes: breadcrumbs.php -----*/
.navlink {
	font-weight: bold;
	padding: 0.1em 0.5em 0 0; /* top padding for breadcrumbs appearing in straight in all browsers.
			 	   		   side padding for gap between breadcrumbs */
	font-size: 0.85em;
}
.navpage {
	font-weight: bold;
	padding: 0.1em 0 0 0; /* top padding for breadcrumbs appearing in straight in all browsers.*/
	font-size: 0.85em; /* don't decrease otherwse doesn't appear bold in firefox normal zoom */
}
/*----- Classes: product.php -----*/
.thumb { /* image */
	width: 4.5em;
	height: 4.5em; 
}
.nomargin {
	margin: 0;
}
td.adapterimage {
	width: 2.6em;
	height: 2.6em;
}
td .adapterthumb {
	width: 2.6em;
	height: 2.6em;
}
td.proddesc {
	width: 3.5em;
	text-align: center;
}
td.adapterdesc {
	width: 14em;
	text-align: center;
}
td.prodprice {
	width: 4em;
	text-align: center;
}
th .buttonaslink {
	text-align: center;
}
td.prodbuy {
	width: 11em;
	vertical-align: middle;
}
.addquant { /* form, text input */
	width: 1.7em;
	margin-left: 0em;
	margin-right: 0em;
}
.buyit { /* form, submit */
	width: 8em;
	margin-left: 0em;
	margin-right: 0em;
}
/*----- Classes: Contact form -----*/
.contactlabel {
	width: 9em;
}
.contactinput {
}		

/*----- Classes: basket.php -----*/
td.baskitem {
	width: 20em;
	max-width:20em;
}
.baskstock { /* additional error message and link within baskitem td */
	float: right;
	text-align: right;
}
#red_error {
	color: red;
}
td.baskprice {
	width: 3em;
	text-align: right;
}
td.baskquant {
	width: 3em;
	text-align: center;
}
.editquant { /* form text input */
	width: 1.7em;
}
td.basktotal {
	width: 4em;
	text-align: right;
}
#bleft { /* button left: Update Basket */
	width: 9.5em;
}
#bbleft { /* button left: Update Basket */
	width: 9.5em;
}
#bleft input{
	font-size: 1em;
}
#bcenter { /* Button Center: Continue Shopping */
	width: 12em;
}
#bbcenter { /* Button Center: Continue Shopping */
	width: 12em;
}
#bcenter a{
	font-size: 1em;
	color: #fff;
	padding: 0.2em 0.5em 0.2em 0.5em;
	text-align: center;
	margin: 0 0.6em 0 0.6em;
	display: inline;
}
#bright { /* Button Right: Paypal Checkout */
	width: 10em;
}
#bbright { /* Button Right: Paypal Checkout */
	width: 10em;
}
#bright input{
	font-size: 1em;
}

/*----- Classes: Stock request form -----*/
#stocksubmit {
	width: 10em;
}
td.stockitem {
	width: 18em;
}
td.stockprice {
	width: 3.5em;
	text-align: right;
}
td.stockstock {
	width: 3em;
	text-align: center;
}
.stockquant {
	width: 2em;
}
td.stockorder {
	width: 3em;
	text-align: center;
}
td.stocktotal {
	width: 4.5em;
	text-align: right;
}
#stock_ol {
	list-style-type: lower-alpha;
}
#stock_ol li {
		font-size: 0.7em;
}