/*  

Title: CSS Document for VIBE www.vibeaudio.co.uk
Created by: David Whitehouse
Created 21st September 2007
Last Edited: 27/02/09 
	
*/		

/* ********** Import Masthead ***********/
@import url(header.css);
/* **********   Print Stuff   ***********/
@media print {.tabcontent {display:block!important;}}
/* **************************************/

html
{
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;   
}


body 
{
	background:url(../images/headerandfooter/main_background.jpg) top repeat-x;
	font: 62.5% Arial, Helvetica, Tahoma, sans-serif;
	margin: 0px 0 0 0;
	padding: 0;
	height: 100%;
}

.page
{
    margin: 0 auto;
	width: 780px;
    position: relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    text-align: left; 
	font-size:1.1em;
}

div#content
{
    background-color: white;
    text-align: left;
    position:relative;
    min-height: 100%;
    height: auto !important;
	padding:0 10px 0 10px;
	color:#656565;
}

div#contentindex
{
    background-color: white;
    text-align: left;
    position:relative;
    min-height: 100%;
    height: auto !important;
	padding:0 0px 0 0px;
	color:#656565;
}


div#contentshop
{
    background-color: white;
    background-image: url(../images/bg.gif);
    background-repeat: repeat-y;
    background-position: 0 0;
    text-align: left;
    position:relative;
    min-height: 100%;
    height: auto !important;
	color:#333333;
}

img
{border:none;}

.page .content a:hover img
{border:none;}

.introImage
{
width:758px;
height:250px;
}


/* LINGAGE */

div#content a{color:#656565;text-decoration:none;}
div#content a:visited{color:#656565; text-decoration:none;}
div#content a:hover{color:#666666; text-decoration:none;}
div#content a:active{color:#656565; text-decoration:none;}

div#content .bottomsection h3 a{color:#333333;}
div#content .bottomsection h3 a:visited{color:#333333;}
div#content .bottomsection h3 a:hover{color:#333333; text-decoration:none;} div#content .bottomsection h3 a:active{color:#333333; text-decoration:none; }

div#content .topsection h2 a{color:#c7c7c7; font-size:15px; padding:0; margin:0;}
div#content .topsection h2 a:visited{color:#c7c7c7;}
div#content .topsection h2 a:hover{color:#333333; text-decoration:none; }
div#content .topsection h2 a:active{color:#c7c7c7; text-decoration:none; }

div#content .midsection h2 a{color:#c7c7c7; font-size:15px; padding:0; margin:0;}
div#content .midsection h2 a:visited{color:#c7c7c7;}
div#content .midsection h2 a:hover{color:#333333; text-decoration:none; }
div#content .midsection h2 a:active{color:#c7c7c7; text-decoration:none; }

div#content .midsection h3 a{color:#333333;}
div#content .midsection h3 a:visited{color:#333333;}
div#content .midsection h3 a:hover{color:#333333; text-decoration:none;}
div#content .midsection h3 a:active{color:#333333; text-decoration:none; }

div#content #breadcrumb{font-size:10px;color:#979595; margin-bottom:10px}
div#content #breadcrumb a:{font-size:10px;color:#979595;text-decoration:none;}
div#content #breadcrumb a:visited{font-size:10px;color:#979595;text-decoration:none;}
div#content #breadcrumb a:hover{font-size:10px;color:#325897;text-decoration:none; border:none}
div#content #breadcrumb a:active{font-size:10px;color:#979595;text-decoration:none; border:none}
div#content #breadcrumb .widget {font-size:10px; color:#325897;}

.page div#content h2 a{color:#c7c7c7; font-size:15px; padding:0; margin:0;}
.page div#content h2 a:visited{color:#c7c7c7;}
.page div#content h2 a:hover{color:#333333; text-decoration:none; }
.page div#content h2 a:active{color:#c7c7c7; text-decoration:none; }

h2
{
	font-size:1.1em;
	font-weight:bold;
	color:#222222;
}

h3
{
	font-size:15px;
	font-weight:bold;
	color:#5f89ae;
	padding:0;
	margin:0 0 5px 0;
}

div#content .links a:hover {border-bottom:none;}

div#page_loader {

	display: none;
	position: absolute;
	top: 0;
	bottom: 0%;
	left: 0;
	right: 0%;
	background-color: white;
	z-index: 99;
}

.timeline
{position:relative;}

.timeline img
{margin-right:10px;
float:left;
}

/* ********************** INDEX PAGE HOLDERS *************************** */

div .midsection
{
	position:relative;
	height:175px;
	color:#656565;
	width:782px;
}

.bottomsection
{
	position:relative;
	height:130px;
	color:#656565;
}


div .topsection
{
	margin-top:8px;
	position:relative;
	height:245px;
	color:#656565;
}

div .indexflash
{
float:left;
height:190px;
width:475px;
}

div .toprightbox
{
	width:270px;
	float:left;
	padding:0 0 10px 15px;
	line-height:12px
}


div .toprightbox img
{
float:left;
margin-right:10px;
}

div .midbox, .rightbox, .leftbox
{
	position:absolute;
	margin-top:10px;
	top: 2px;
}

div .leftbox
{
	border-right:1px solid #dbdbdb;
	width:200px;
	left:1px;
	padding: 0 22px 0 0;
}

div .midbox
{
	border-right:1px solid #dbdbdb;
	width:223px;
	left:225px;
	padding:0;
	padding:0 18px 0 10px;
}


div .rightbox
{
	left:493px;
}

div .rightbox img
{
	margin:0;
	padding:0 0 0px 0;
}

div .rightbox form #postcode
{
	height:22px;
	width:126px;
	color:#656565;
	border: none;
	background:url(../images/index/form_bg.jpg);
	padding:6px 0 0 10px;
	margin:0 5px 0 3px;
}

div .rightbox form .postcode_label
{
float:left;
margin:0 3px 0 3px;
padding-top:7px;
color:#222222;
}

div .rightbox form
{
margin:0 0 8px 0;
padding:0;
}

div .rightbox form #location
{
	height:15px;
	color:#222222;
	background-color:#e8e8e8;
	border: solid 1px #999999;
}

div .leftbox img, .midbox img
{
	float:left;
	padding:0;
	margin:8px 0 0 0;
}


div .toprightbox .indexnews
{margin-top:18px;}


.midbox h2, .leftbox h2, .midbox h3, .leftbox h3, .toprightbox h2
{
	margin:0 0 4px 0;
	padding:0;
	font-size:1.1em;
	font-weight:bold;
}

.system
{width:380px;height:2s00px;float:left}

.system img
{float:left}

.greytitle
{color:#999; font-weight:bold}

div .titlebar
{
	margin:0px 0 0 0px;
	height:21px;
	background: url(../images/titlebar.gif) bottom left repeat-x ;
}

div#content .timeline .tabcontentstyle .titlebar
{
	margin-bottom:8px;
	margin-top:20px;
}

.tabcontentstyle img
{
float:left;
margin-right:8px;
margin-bottom:8px;
}

div#content .timeline .tabcontentstyle p
{
	margin-bottom:8px;
}


div#content .bottomsection .titlebar {	margin:10px 0 0px 2px;}
div#content .tabcontent .titlebar {	margin:8px 0 3px 2px;}

div .titlebar h1
{
	float:left;
	margin:0;
	padding:3px 0 0 14px;
	font-size:1.1em;
	color:#fff;
}

div .titlepad
{
	width:160px;
	float:left;
}

div .titlepad2
{
	width:550px;
	float:left;
}

div .titlepad3
{
	width:246px;
	float:left;
}

div .titlepad4
{
	width:178px;
	float:left;
	color:#b4c8d6;
}

div .titlepad5
{
	width:193px;
	float:left;
		color:#b4c8d6;
}





.buttonclick
{
cursor:pointer
}

.floatleft
{
	float:left;
	margin:5px 5px 5px 5px;
}

.clearall{clear:both;}

.splitter
{
	clear:both;
	border-top:1px solid dashed #CCCCCC;
	height:1px;
	margin-bottom:6px;
}


/**** FORMS *****/

form fieldset
{
	border:none;
	margin:0;
	padding:0;

}

form .areadropdown
{
	position:relative;
	width:180px;
	border:1px solid #dbdbdb;
	background-color:#eeeeee;
	padding:0;
	margin:0 0 0 8px;
}

.postcode
{
	position:relative;
	width:157px;
	border:1px solid #dbdbdb;
	background-color:#eeeeee;
	padding:0 0 0 0;
	margin:0 0 0 8px;
}

form .dealerlabel
{
	font-weight:bold;
	color:#666666;
	font-size:1.1em;
	padding-top:6px;
	padding-bottom:4px;
	margin:0 0 0 8px;
}

form .GoBtn
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FEFEFE;
	border: none;
	height: 20px;
	width: 22px;
	border: solid 1px #dbdbdb;
	background-color: #666666;
	font-weight:bold;
	cursor:pointer;
}


form .forminput
{
	background-color:#e3e3e3;
	border:1px solid #656565;
}

form .forminputbtn
{
	background-color:#000000;
	border:1px solid #CCCCCC;
	color:#FFFFFF;
}

form .forminputbtn2
{
	background-color:#333333;
	border:1px solid #CCCCCC;
	color:#FFFFFF;
}


/* ************* PRODUCT PAGE **************** */


.buyfrom
{
width:151px;
float:left;
padding:0 5px 0 5px
}

.buyfrom p
{
margin:10px 0 0 5px;
color:#656565;
text-align:left;
}

.pleftimages
{
float:left; width:70px; height:200px;
} 

.producttitle
{
position:absolute;
top:4px;
right:19px;
width:200px;
text-align:right;
}

#productpage img
{margin-right:10px;}

#productpage a:hover img
{
filter:alpha(opacity=65);
-moz-opacity:.65;
opacity:.65;
}

.producthovers a:hover img
{
filter:alpha(opacity=65);
-moz-opacity:.65;
opacity:.65;
}

.producttext
{width:84px; height:48px; float:left; padding-left:25px; color:#666666;}

.product-sets
{
	width:165px;
	float:left;
	margin-bottom:20px;
}


.accessories
{float:left;}



#productcategorysD .prodcat_disc
{
	float:left;
	margin-right:10px;
	width:180px;
}

#productcategorysD{position:relative;}


.productset a:hover img, .productsetend a:hover img
{
filter:alpha(opacity=65);
-moz-opacity:.65;
opacity:.65;
}

.split
{
	background-image: none;
	background:none;
	width:125px;
	border-bottom:dashed 1px #959595;
	margin-bottom:4px;
}



/* ********************** PRODUCT ITEM PAGE *************************** */


.productblocks
{
	width:126px;
	height:250px;
	float:left;
	background:url(../images/pics/splitter.gif) right no-repeat;
}



#productimages
{
	height:290px;
	position:relative;
}


.thumbsholder
{
	position:absolute;
	left:340px;
	height:278px;
	width:417px;
	margin-left:5px;
}

.thumbsholder img
{
	padding:1px;
	margin:4px 4px 4px 4px;
}

div#content .thumbsholder a:hover
{
	border:none;
}


.thumbsholder a img
{
	border:1px dashed #666666;
}

.thumbsholder a:visited img
{
	border:1px dashed #666666;
}

.thumbsholder a:hover img
{
	border:1px solid #325897;
}

.thumbsholder a:active img
{
	border:1px solid #325897;
}




#imageCaption 
{
	text-align: center;
	height:20px;
	line-height:18px;
	border: 1px dashed #ccc;
}

        				 
				 
/**** OLD PRODUCT INFO - CAN REMOVE SACK OFF *** */				 
				 		 

#productinfo
{
	position:relative;
	padding-bottom:10px;
}				 

div#content #productinfo .shadetabs{
	padding: 3px 0 ;
	margin: 1px 0 0 0;
	font: bold 1.1em;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align */
}

div#content #productinfo .shadetabs li{
	display: inline;
	margin: 0;
}

div#content #productinfo .shadetabs li a{
	text-decoration: none;
	padding: 3px 20px;
	margin-right:3px;
	border: 1px solid #aaa;
	color: #2d2b2b;
	text-transform:uppercase;
	font-weight:bold;
	background: white url(shade.gif) top left repeat-x;
	border-top:2px solid #666666;
}

div#content #productinfo .shadetabs li a:visited{
	color: #2d2b2b;
}

div#content #productinfo .shadetabs li a:hover{
	color: #2d2b2b;
}

div#content #productinfo .shadetabs li.selected{
	position: relative;
	top: 0px;
}


div#content #productinfo .shadetabs li.selected a /*selected tab style */
{
	border-bottom-color: white;
	border-top:2px solid #325897;
}

div#content #productinfo .shadetabs li.selected a:hover /*selected tab style */
{
	text-decoration: none;
}

div#content #productinfo .tabcontentstyle /*style of tab content*/
{ 
	border: 1px solid #aaa;
	width: 738px;
	margin-bottom: 1em;
	padding: 10px;

}

div#content #productinfo .tabcontent{display:none;}


div#content #productinfo .tabcontent img {
	float:left;
	padding:4px 10px 3px 0;
}

div#content #productinfo .tabcontent p {
	padding:0 0 10px 0;
	float:left;
}

div#content #productinfo .tabcontent ul {
	margin:0;
	padding:3px 0 0 15px;
	list-style-type:square;
	text-indent: 1.2em;
}

div#content #productinfo table {
	background-color:#FFFFFF;
	border: 1px dashed #666666; 
	padding:1px
}

div#content #productinfo td {
	border: 1px solid #e1e1e1 ;
	padding:1px 1px 1px 3px;
}


/**** SACK OFF *** */


#productinfoV
{
	position:relative;
	padding-bottom:10px;
	margin-left:40px;
}				 

div#content #productinfoV .shadetabs{
	padding: 3px 0 ;
	margin: 1px 0 0 0;
	font: bold 1.1em;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align */
width:500px;
clear:right;
height:19px;
}

div#content #productinfoV .shadetabs ul
{
		list-style:none;
		
}

div#content #productinfoV .shadetabs li{
	display: block;
	margin: 0 5px -3px 0;
	float:left;
}

div#content #productinfoV .shadetabs li a{

	text-decoration: none;
	color: #2d2b2b;
	font-weight:bold;
	background:url(../images/products/tab_down.gif);
	width:101px;
	height:18px;
	display: block;
	padding-top:5px;
	text-align:center;
}

div#content #productinfoV .shadetabs li a:visited{
	color: #2d2b2b;
}

div#content #productinfoV .shadetabs li a:hover{
	color: #5e5e5e;
	border-bottom:1px solid #FFFFFF;
	background:url(../images/products/tab_up.gif);
}

div#content #productinfoV .shadetabs li.selected{
	position: relative;
	top: 0px;
	border-bottom:1px solid #FFFFFF;
}


div#content #productinfoV .shadetabs li.selected a /*selected tab style */
{
	background:url(../images/products/tab_up.gif);
	border-bottom:1px solid #FFFFFF;
	color: #5e5e5e;
}


div#content #productinfoV .shadetabs li.selected a:hover /*selected tab style */
{
	text-decoration: none;
	border-bottom:1px solid #FFFFFF;
}

div#content #productinfoV .tabcontentstyle /*style of tab content*/
{ 
	border: 1px solid #aaa;
	width:668px;
	margin-bottom: 1em;
	padding: 10px;
}

div#content #productinfoV .tabcontent{display:none;}


div#content #productinfoV .tabcontent img {
	float:left;
	padding:4px 10px 3px 0;
}

div#content #productinfoV .tabcontent p {
	padding:0 0 10px 0;
	float:left;
}

div#content #productinfoV .tabcontent ul {
	margin:0;
	padding:3px 0 0 15px;
	list-style-type:square;
	text-indent: 1.2em;
}

div#content #productinfoV table {
	background-color:#f2f2f2;
	border: 1px solid #FFFFFF; 
	padding:1px
}

div#content #productinfoV td {
	border: 1px solid #ffffff ;
	padding:1px 1px 1px 3px;
}


.left
{
position:absolute;
top:285px;
left:2px;
}

.right
{
position:absolute;
top:285px;
left:744px;
}

.down
{
margin:-16px 0 5px 290px;
}

.up
{
	position:absolute;
	top:5px;
	left:300px;
}

.buynow
{position:relative;
height:150px;
}

/* ****************************************************************** */


.slideymenu{
margin: 0 0 0 6px;
padding: 0;
width: 155px; /*width of menu*/
}

.slideymenu div.slideyheader a{
background-image:url(../images/products/slide-mid.gif);
color: #FFFFFF;
display: block;
position: relative;
width: 155px;
padding: 3px 0 0 0px;
height:16px;
border:none;
font-weight:bold;
text-align:center;
}

.slideymenu div.slideyheader#midslidey a{
background-image:url(../images/products/slide-mid.gif);
background-position:0 -19px;
color: #FFFFFF;}

.slideymenu div.slideyheader#midslidey a:hover{
border:none;
}

.slideymenu div.slideyheader#firstslidey a{
background-image:url(../images/products/slide-top.gif);
background-position:0 -19px;
color: #FFFFFF;}

.slideymenu div.slideyheader#firstslidey a:hover{
border:none;
}

.slideymenu div.slideyheader#lastslidey a{
background-image:url(../images/products/slide-bot.gif);
background-position:0 -19px;
color: #FFFFFF;
position: relative;
border:none;
}

.slideymenu div.selected#midslidey a, .slideymenu div.slideyheader#midslidey a:hover{
background-image:url(../images/products/slide-mid.gif);
background-position:0 0px;
}

.slideymenu div.selected#firstslidey a, .slideymenu div.slideyheader#firstslidey a:hover{
background-image:url(../images/products/slide-top.gif);
background-position:0 0px;
}

.slideymenu div.slideyheader#lastslidey a:hover{
background-image:url(../images/products/slide-bot.gif);
background-position:0 0px;
}

.slideymenu div.selected#lastslidey a{
background-image:url(../images/products/slide-mid.gif);
background-position:0 0px;
}

.slideymenu div.selected#lastslidey a:hover{
background-image:url(../images/products/slide-mid.gif);
background-position:0 0px;
}


.slideymenu div.submenu#top{
padding: 5px 0 0 3px;
height: 160px;
border-right: 1px solid #b0b0b0;
border-left: 1px solid #b0b0b0;
padding-bottom:9px;
}

.slideymenu div.submenu#mid{
padding: 5px 0 0 3px;
height: 169px;
border-right: 1px solid #b0b0b0;
border-left: 1px solid #b0b0b0;
}


.slideymenu div.submenu#last{ 
padding: 5px 0 0 3px;
height: 153px; 
border-right: 1px solid #b0b0b0;
border-left: 1px solid #b0b0b0;
}

.slideymenu div.slideyfooter
{
background-image:url(../images/products/slide-bot3.gif);
background-position:top;
background-repeat:no-repeat;
background-color:#FFF;
display: block;
position: absolute;
bottom:-23px;
left:6px; /* matches with margin at the top */
width: 155px;
height:40px;
border:none;
}

.slideymenu div.submenu img
{float:left;
margin-left:4px;
}

.stxt
{margin:5px 0 0 5px;
float:left;
width:100px;
font-size:10px;
font-weight:bold;
}

.sprc
{
margin-top:5px;
float:left;
width:42px;
color:#d60000;
font-size:10px;
font-weight:bold;
}


/********* NEW PRODUCT INFO TABS ******************/


#VIBEproductinfo
{
	position:relative;
	padding-bottom:10px;
}				 

div#content #VIBEproductinfo .shadetabs{
padding: 3px 0 ;
margin: 1px 0 0 0;
font: bold 1.1em;
list-style-type: none;
text-align: left; /*set to left, center, or right to align */
width:779px;
clear:right;
height:19px;
}

div#content #VIBEproductinfo .shadetabs ul
{
list-style:none;		
}

div#content #VIBEproductinfo .shadetabs li{
	display: block;
	margin: 0 5px -3px 0;
	float:left;
}

div#content #VIBEproductinfo .shadetabs li a{

	text-decoration: none;
	color: #2d2b2b;
	font-weight:bold;
	background:url(../images/products/tab_down.gif);
	width:101px;
	height:18px;
	display: block;
	padding-top:5px;
	text-align:center;
}

div#content #VIBEproductinfo .shadetabs li a:visited{
	color: #2d2b2b;
}

div#content #VIBEproductinfo .shadetabs li a:hover{
	color: #5e5e5e;
	border-bottom:1px solid #FFFFFF;
	background:url(../images/products/tab_up.gif);
}

div#content #VIBEproductinfo .shadetabs li.selected{
	position: relative;
	top: 0px;
	border-bottom:1px solid #FFFFFF;
}


div#content #VIBEproductinfo .shadetabs li.selected a /*selected tab style */
{
	background:url(../images/products/tab_up.gif);
	border-bottom:1px solid #FFFFFF;
	color: #5e5e5e;
}


div#content #VIBEproductinfo .shadetabs li.selected a:hover /*selected tab style */
{
	text-decoration: none;
	border-bottom:1px solid #FFFFFF;
}

div#content #VIBEproductinfo .tabcontentstyle /*style of tab content*/
{ 
	border: 1px solid #aaa;
	width:749px;
	margin-bottom: 1em;
	padding: 10px;
}

div#content #VIBEproductinfo .tabcontent{display:none;}


div#content #VIBEproductinfo .tabcontent img {
	float:left;
	padding:4px 10px 3px 0;
}

div#content #VIBEproductinfo .tabcontent p {
	padding:0 0 10px 0;
	float:left;
}

div#content #VIBEproductinfo .tabcontent ul {
	margin:0;
	padding:3px 0 0 15px;
	list-style-type:square;
	text-indent: 1.2em;
}

div#content #VIBEproductinfo table {
	background-color:#f2f2f2;
	border: 1px solid #FFFFFF; 
	padding:1px
}

div#content #VIBEproductinfo td {
	border: 1px solid #ffffff ;
	padding:1px 1px 1px 3px;
}

#VIBEsliderholder
{
	position:absolute;
	height:230px;
	width:160px;
	top:22px;
	left:620px
}
	

/**********************************/


/************ NEW PRODUCT SLIDEY MELARKE *****************/


/********************************************************/


.tdhead{background: url(../images/titlebar.gif) bottom left repeat-x ;color:#FFFFFF}

.tdheadfade{background: url(../images/titlebarfade.gif) bottom left repeat-x ; color:#FFFFFF;}

.columnfade
{
	color:#999999;
}

.review{float:left; clear:right;}

table {
	background-color:#FFFFFF;
	padding:1px
}

.row1
{
	background-color:#f5f3f3;
}

.row2
{
	background-color:#eaeaea;
}



/* ********************** NEWS AND REVIEWS PAGES + TAB MENUS FOR OTHER PAGES *************************** */

.timeline{padding-bottom:10px; min-height:400px}

/* YEARS */

div#content .timeline .years
{
	padding: 3px 0 ;
	margin: 1px 0 0 0;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align */
}

div#content .timeline .years li
{
	display: inline;
	margin: 0 5px 0 0;
	padding: 3px 20px;
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	background-color:#f8f8f8;
}

div#content .timeline .years li a {color: #656565;}
div#content .timeline .years li a:visited{color: #656565;}
div#content .timeline .years li a:hover{color: #325897;}
div#content .timeline .years li a:active{color: #656565;}


div#content .timeline .years li.selected{border-bottom:2px solid #f1f1f1; background-color:#f1f1f1; position:relative;text-decoration: none;}

div#content .timeline .years li.selected a{color: #325897; font-weight:bold;text-decoration: none;}
div#content .timeline .years li.selected a:visited{color: #325897; font-weight:bold;text-decoration: none;}
div#content .timeline .years li.selected a:hover{ /*selected tab style */text-decoration: none;}
div#content .timeline .years li.selected a:active{color: #325897; font-weight:bold;text-decoration: none;}

/* MONTHS */

div#content .timeline .months
{
	height:15px;
	padding: 3px 0 ;
	margin: 1px 0 5px 0;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align */
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background-color:#f1f1f1;
}


div#content .timeline .months #2lines
{
	height:25px;
}

div#content .timeline .nomonths
{
	height:3px;
	padding: 3px 0 ;
	margin: 1px 0 3px 0;
	list-style-type: none;
	border-top:1px solid #CCCCCC;
}

div#content .timeline .months li
{
	display: inline;
	margin: 0;
	padding: 3px 11px;
}

div#content .timeline .months li a
{
	display:inline;
	text-decoration: none;
	margin-right:3px;
	color: #2d2b2b;
	font-weight:bold;
}

div#content .timeline .months li a{color: #2d2b2b;}
div#content .timeline .months li a:visited{color: #2d2b2b;}
div#content .timeline .months li a:hover{color: #325897;}
div#content .timeline .months li a:active{color: #2d2b2b;}


div#content .timeline .months li.selected a{color: #325897;text-decoration: none;}
div#content .timeline .months li.selected a:visited{color: #325897;text-decoration: none;}
div#content .timeline .months li.selected a:hover{text-decoration: none;}
div#content .timeline .months li.selected a:active{text-decoration: none;}

div#content .timeline .tabcontentstyle /*style of tab content*/
{
	margin-bottom: 1em;
	padding: 0px;

}

div#content .timeline .tabcontent{display:none;}

div#content .timeline .tabcontent img 
{
	float:left;
	padding:4px 0px 3px 2px;
}

div#content .timeline .tabcontent p 
{
	padding:0 0 5px 0;
	float:left;
}

div#content .timeline .tabcontent ul 
{
	margin:0;
	padding:3px 0 0 15px;
	list-style-type:square;
	text-indent: 1.2em;
}


#widetabsholder
{
	position:relative;
	width:760px;
	padding: 0px;
}

#widetabsholder img 
{
	float:left;
	padding:0px 10px 3px 0;
}


div#content .timeline .tabcontent h2 
{
	padding:0 0 5px 0;
	position:relative;
}

#widetabsholder p 
{
	padding:10px 0 5px 0;
	float:left;
}


/* ********************** CARS PAGES *************************** */

.carholder
{
	height:110px;
	margin:5px 5px 0 5px;
	padding-top:10px;
	border-bottom:dashed 1px #c7c2c2;
}

.carholdertext
{
	position:absolute;
	left:200px;
	width:300px;
}

.carholdertext p
{
	margin-top:10px;
	color:#959595;
	padding:0 0 0 0;
}

.carholderlinks
{
	position:absolute;
	left:550px;
	margin-top:8px;
}


div.carholderlinks ul
{
	margin:0;
	padding:3px 0 0 0;
	list-style-type: none;
	text-indent: 1.2em;
}

div.carholderlinks li
{
	margin-top:10px;
	margin-bottom:2px;
}

div#content div.carholderlinks li a
{
	color:#656565; 
	font-weight:normal;
	border:none;
	text-decoration: none;
	list-style-type: none;
	list-style-image: url(../images/arrow_black.gif);
}

div#content div.carholderlinks li a:visited{color:#656565;font-weight:normal; border:none;	list-style-type: none;}

div#content div.carholderlinks li a:hover 
{
	list-style-image: url(../images/arrow_red.gif);
	color:#325897;
	background-position:0.1em;
	list-style-type: none;
}

div.carholderlinks li a:active
{
	list-style-type: none;
}


/* ********************** EVENTS PAGES *************************** */

.topline
{
	height:15px;
	padding: 3px 0 ;
	margin: 1px 0 5px 0;
	border-top:1px solid #CCCCCC;
	background-image:url(../images/tabbtmbg.gif);
	background-position:top;
	background-repeat:repeat-x;
}

/* ********************** SUPPORT PAGES *************************** */

.searchbox_s
{
width:200px;
height: 16px;
border:1px solid #CCCCCC;
background-color:#EEEEEE;
padding:2px 0 0 3px;
margin:4px 0 0 0;
color:#656565;
font-size:11px;
}

.SrchBtn_s{
	margin-left:-4px;
	height: 19px;
	width: 21px;
	cursor:pointer;
	background:url(../images/index/go_button.gif);
	border:none;
	padding:0;
}


.catbox_s
{
width:220px;
border:1px solid #CCCCCC;
background-color:#EEEEEE;
padding:0;
margin:4px 0 0 0;
color:#656565;
font-size:11px;
}


.dleftbox
{float:left;
width:251px;
border-right:1px solid #dbdbdb;
}

.dmidbox
{float:left;
width:231px;
border-right:1px solid #dbdbdb;
padding:0 0 0 20px;
}

.dendbox
{float:left;
width:231px;
padding:0 0 0 20px;
}


.d2leftbox
{float:left;
width:188px;
border-right:1px solid #dbdbdb;
}

.d2midbox
{float:left;
width:168px;
padding:0 0 0 20px;
border-right:1px solid #dbdbdb;
}

.d2endbox
{float:left;
width:168px;
padding:0 0 0 20px;
}

.sleftbox
{float:left;
width:270px;
border-right:1px solid #dbdbdb;
}

.sleftbox2
{float:left;
width:400px;
border-right:1px solid #dbdbdb;
}

.smidbox
{float:left;
width:240px;
padding:0 0 0 20px;
border-right:1px solid #dbdbdb;
}


.srightbox
{position:absolute;
top:29px;
left:560px;
width:210px;
}

.sleftbox ul, .smidbox ul
{
margin:0 0 0 15px;
padding:0 0 0 10px;
list-style:circle;
}

.sleftbox ul li, .smidbox ul li
{
margin:3px 0 0 0;
}


.supportSearch
{
margin-top:15px;
padding:10px 0 0 18px;
height:58px;
width:512px;
background:url(../images/support/search_bg.jpg);
}

.supportSearch form
{
padding:0;
margin:0;
}

.searchsplit
{background:url(../images/support/search_split.gif);
height:46px;
width:1px;
float:left;
}

.supportProd
{float:left;
width:250px;
}

.supportCat
{float:left;
width:230px;
margin-left:20px;
}


.topsupport
{
	position:relative;
	height:190px;
}

.bottomsupport
{
	position:relative;
	height:200px;
}


.sleftblock
{
	position:absolute;
	width:490px;
	height:150px;
	padding:8px 5px 5px 5px;
	color:#656565;
	left: 1px;
	top: 22px;
}

.srightblock
{
	position:absolute;
	left:513px;
	width:227px;
	height:140px;
	border:1px solid #ddd6d6;
	margin-top:8px;
	padding:10px 5px 0px 13px;
	color:#656565;
	top: 20px;
}


.sleftblockmore
{
	position:absolute;
	left:430px;
	bottom:8px;
}

.srightblockmore
{
	position:absolute;
	left:177px;
	bottom:6px;
}



.topsupport ul, .bottomsupport ul
{
	padding:3px 0 0 0;
	list-style-type: none;
	text-indent: 1.2em;
}


.bottomsupport ul
{
	margin:10px 0 2px 0px;}


.topsupport .sleftblock li, .bottomsupport li, .topsupport .srightblock li,
{
	margin-top:5px;
	margin-bottom:2px;
}


.topsupport .sleftblock ul, .topsupport .srightblock ul
{
	margin-top:5px;
	margin-bottom:2px;
}


div#content .topsupport li a, div#content .bottomsupport li a
{
	color:#5e5e5e; 
	font-weight:normal;
	border:none;
	text-decoration: none;
	display:block;
	height:10px;
	line-height:9px;
	background-image: url(../images/arrow_black.gif);
	background-repeat: no-repeat;
	background-position:0.1em;
}

div#content .topsupport li a:visited, div#content .bottomsupport li a:visited
{
	color:#656565;
	font-weight:normal; 
	border:none; 
	list-style-type: none;
}


div#content .topsupport li a:hover, div#content .bottomsupport li a:hover
{
	background-image: url(../images/arrow_red.gif);
	background-repeat: no-repeat;
	color:#325897;line-height:9px;
	height:10px;
	background-position:0.1em;
}

.topsupport li a:active, .bottomsupport li a:active{list-style-type: none;}




.srightblock img {float:left; padding-right:10px}

.srightblock p {padding:0; margin:0 0 13px 0; line-height:17px;}


/* FAQ */

div#content table a
{color:#353535;}

div#content table a:visited
{color:#353535;}

div#content table a:hover
{color:#353535;
}

div#content table a:active
{color:#353535;}

.alt1 {
	background-color:#eeeff8;
	padding:5px 5px 30px 5px;
	margin-bottom:5px;
}

div#content table
{padding-bottom:1px}

div#content table a:hover
{
	color:#325897;
	text-decoration:none; 
}

div#content table a:hover img
{
filter:alpha(opacity=65);
-moz-opacity:.65;
opacity:.65;
}

.alt1 img
{
	float:right; 
	padding:4px 0 0 0; 
	margin:0
}

.alt2 {
	background-color:#e7e8f5;
	padding:5px 5px 30px 5px;
	margin-bottom:5px;
}

.alt2 img
{
	float:right ; padding:4px 0 0 0; margin:0
}


/* ********************** SUPPORT PAGES *************************** */

div#rightcontent img{float:left; margin:0 10px 2px 0}

div#widetabsholder h2
{
	margin:10px 0 0 0;
	padding:0px 0 0px 0px;
	font-size:1.1em;
	color:#222222;
}

/*************** EVENTS *********************/
.eleftblock
{
	position:absolute;
	width:245px;
	height:150px;
	color:#656565;
	margin-top:8px;
}

.erightblock
{
	position:absolute;
	left:258px;
	width:499px;
	height:140px;
	margin-top:8px;
	color:#656565;
}

.erightblock h2
{
	color:#3a3636;
	font-size:1.1em;
	color:#000000;
	margin:0;
	padding:0;
}

.erightblock p
{
	margin:0;
	padding:4px 0 4px 0;

}

.eventlist
{
	width:105px;
	float:left;
	margin: 10px 13px 0 0;
	padding:0;

}

.bottomevents
{
	background-color:#FFFFFF;
	position:relative;
	height:380px;
}

.bottomeventsi
{
	background-color:#FFFFFF;
	position:relative;
	height:280px;
}

.bottomabout
{
	background-color:#FFFFFF;
	position:relative;
	height:170px;
}

.eventlist img
{
	border:solid 1px #cccccc;
}

.topsupport ul, .eventlist ul
{
	margin:0 0 2em 0;
	padding:2px 0 0 0;
	list-style-type: none;
	text-indent: 1.2em;
}

.topsupport li, .eventlist li
{
	margin-top:4px;
	margin-bottom:2px;
}

div#content .topsupport li a, div#content .eventlist li a
{
	color:#5e5e5e; 
	font-weight:normal;
	border:none;
	text-decoration: none;
	display:block;
	height:10px;
	line-height:9px;
	background-image: url(../images/arrow_black.gif);
	background-repeat: no-repeat;
	background-position:0.1em;
}

div#content .topsupport li a:visited, div#content .eventlist li a:visited
{
	color:#656565;
	font-weight:normal; 
	border:none; 
	list-style-type: none;
}


div#content .topsupport li a:hover, div#content .eventlist li a:hover
{
	background-image: url(../images/arrow_red.gif);
	background-repeat: no-repeat;
	color:#325897;line-height:9px;
	height:10px;
	background-position:0.1em;
}

.topsupport li a:active, .eventlist li a:active{list-style-type: none;}


/* *** SUPPORT PAGE DOWNLOADS **/

.supportdownloads
{margin-left:5px}

.supportdownloads img
{float:left; margin-right:10px;}

.supportdownloads li
{
margin-top:7px;
}

.supportdownloads li
{
list-style-type:none;
clear:both;
}


/* ABOUT US */

.split3way
{
float:left;
margin:10px 10px 10px 0;
padding:10px;
width:223px;
background-color:#eeeeee;
}

.split3wayend
{
padding:10px;
margin:10px 0 10px 0;
float:left;
width:223px;
background-color:#eeeeee;
}


.sm-products-top
{
background-image:url(../images/about/sm-product-top.gif);
background-position:top left;
height:14px;
width:590px;
}

.sm-products-btm
{
background-image:url(../images/about/sm-product-btm.gif);
background-position:top left;
height:14px;
width:590px;
}
.sm-products-mid
{
width:568px;
height:480px;
padding:0 10px 0 10px;
border-left: 1px solid #d7d7d7;
border-right: 1px solid #d7d7d7;
}

.sm-products-3way
{
float:left;
margin:0px 15px 10px 0;
width:170px;
}

.sm-products-3wayAmp
{
position:absolute;
top:342px;
left:10px;
margin:0px 15px 10px 0;
width:182px;
}

.sm-products-3wayAcc
{
margin:0px 0 15px 0;
float:left;
width:182px;
}


.sm-products-3wayend
{
margin:0px 0 15px 0;
float:left;
width:170px;
}

.sm-cube
{
float:left;
width:188px;
}

.sm-cube2
{
float:left;
width:188px;
margin-left:13px;
}


.sm-cube-top
{
background-image:url(../images/about/sm-cube-top.gif);
background-position:top left;
height:14px;
width:188px;
}

.sm-cube-btm
{
background-image:url(../images/about/sm-cube-btm.gif);
background-position:top left;
height:14px;
width:188px;
}
.sm-cube-mid
{
width:166px;
padding:0 10px 0 10px;
border-left: 1px solid #d7d7d7;
border-right: 1px solid #d7d7d7;
}

.sm-cube-midCars
{
width:166px;
height: 233px;
padding:0 10px 0 10px;
border-left: 1px solid #d7d7d7;
border-right: 1px solid #d7d7d7;
}

.sm-cars
{
	width:188px;
	position:absolute;
	top:533px;
	left:583px;
}

.sitemap ul
{
list-style:none;
margin: 0 0 0 15px;
padding:0;
}
.sitemap ul li
{
list-style:none;
margin:0;
padding:0;
}


/*************** SEARCH PAGES TEMPLATE **************************** */

		.highlight { background: #ebcdcd; }
		.searchheading { font-size: 12px; font-weight: bold; }
		.summary { font-size: 80%; font-style: italic; }
		.suggestion { font-size: 100%; }
		.results { font-size: 100%; }
		.category { color: #999999; }
		.sorting { text-align: right; }

		.result_title { font-size: 1.2em; font-weight:bold; margin-bottom:5px;}		
		.description { font-size: 1em; color: #008000; }
		.context { font-size: 100%; }
		.infoline { font-size: 0.9em; font-style: normal; color: #808080;}

		.zoom_searchform { font-size: 1em; }
		.zoom_results_per_page { font-size: 80%; margin-left: 10px; }
		.zoom_match { font-size: 0.9em; margin-left: 10px;}				
		.zoom_categories { font-size: 0.9em; }
		.zoom_categories ul { display: inline; margin: 0px; padding: 0px;}
		.zoom_categories li { display: inline; margin-left: 15px; list-style-type: none; }
		
		input.zoom_button {  }
		input.zoom_searchbox {  }		
		
		.result_image { float: left; display: block; }
		.result_image img { margin: 10px; width: 80px; border: 0px; }

		.result_block { margin-top: 15px; margin-bottom: 15px; clear: left; }
		.result_altblock { margin-top: 15px; margin-bottom: 15px; clear: left; }
		
		.result_pages { font-size: 1.4em; font-weight:bold; }
		.result_pagescount { font-size: 1.4em; font-weight:bold; }
		
		.searchtime { font-size: 0.9em; }
		
		.recommended 
		{ 
			background: #DFFFBF; 
			border-top: 1px dotted #808080; 
			border-bottom: 1px dotted #808080; 
			margin-top: 15px; 
			margin-bottom: 15px; 
		}
		.recommended_heading { float: right; font-weight: bold; }
		.recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; }		
		.recommend_title { font-size: 100%; }
		.recommend_description { font-size: 100%; color: #008000; }
		.recommend_infoline { font-size: 80%; font-style: normal; color: #808080;}
		
		
/************ RECIPRICAL LINKS BUTTONS ****************/




#linksmenu {
	height:31px;
	float:left;
	margin-top:1px;
}

#linksmenu ul {
	list-style:none;
	margin:0;
	padding:0;
}

#linksmenu ul li {
	padding:0;
	height:31px;
	display:block;
	float:left;
	margin-top:10px;
	border:none;
}

#linksmenu ul li a {
	height:31px;
	width:111px;
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
	margin:10px 10px 0px 0;
	padding:0;
	overflow:hidden;
	border:none;
}

#linksmenu ul li a#category {
	background-image:url(http://www.vibeaudio.co.uk/images/links/category.jpg);border:none;}
#linksmenu ul li a#category:hover, #menu ul li a#category.current {
	background-position:0 -31px; border:none;}

#linksmenu ul li a#latest {
	background-image:url(http://www.vibeaudio.co.uk/images/links/latest.jpg);border:none;}
#linksmenu ul li a#latest:hover, #menu ul li a#latest.current {
	background-position:0 -31px;border:none;}

#linksmenu ul li a#popular {
	background-image:url(http://www.vibeaudio.co.uk/images/links/popular.jpg);border:none;}
#linksmenu ul li a#popular:hover, #menu ul li a#popular.current {
	background-position:0 -31px;border:none;}
	
#linksmenu ul li a#add {
	background-image:url(http://www.vibeaudio.co.uk/images/links/add.jpg);border:none;}
#linksmenu ul li a#add:hover, #menu ul li a#add.current {
	background-position:0 -31px;border:none;}

#linksmenu ul li a#rated{
	background-image:url(http://www.vibeaudio.co.uk/images/links/rated.jpg);border:none;}
#linksmenu ul li a#rated:hover, #menu ul li a#rated.current {
	background-position:0 -31px;border:none;}
	
#linksmenu ul li a#choice{
	background-image:url(http://www.vibeaudio.co.uk/images/links/choice.jpg);border:none;}
#linksmenu ul li a#choice:hover, #menu ul li a#choice.current {
	background-position:0 -31px;border:none;}
	
	
.yourcars
{
float:left;
width:160px;
height:200px;
margin-right:26px;
}

.icons
{
float:left;
width:155px;
margin:0 10px 15px 0;
color:#656565;
font-size:10px;
}

.iconcollectave
{
	position:relative;
	height:320px;
}

.icons img
{
float:left;
margin:0 0 40px 0;
padding:0;
}


/********** SACK OFF *****************/

.rightprice
{width:128px;
height:157px;
background:url(../images/products/right-price.jpg);
position:absolute;
top:52px;
left:613px;
}

.rightprice h3
{
font-size:12px;
color:#FFFFFF;
padding:0;
margin:1px 0 4px 0;
text-indent:8px;
}

.rightprice table
{
border:none;
width:126px;
background:none;
}


.rightbtn
{
	position:absolute;
	top:218px;
	left:612px;
}


/***************************/


.steps
{
	font-size:22px;
	font-weight:bold;
	color:#999;
	}
	
.steps2
{
	font-size:22px;
	font-weight:bold;
	color:#d60000;
	}
	
	
.headimage
{
	width:776px;
	height:262px;
	background:url(../images/pics/index.jpg);
	margin:0 0 10px -8px;
	position:relative;
}