/**
 * Max Guitar Styles
 * alfabetisch gerangschikt. Eerst HTML elementen, dan custom styles dan custom classes
 */


body {
	background: #000000 url(http://www.maxguitarstore.com/store/images/bg.jpg) bottom fixed no-repeat;
	text-align:center;
	padding:0;
	font-family:  Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color:#fff;
}

table {
	padding:3px;
	font-family:  Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color:#fff;
}

a {
	font-family:  Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #FFF;
}


h1{
 	font-size: 20pt;
 	margin-top: 10px;
}

h2 {
	font-size: 17pt;
}

h3 {
	font-size: 14pt;
}

h4 {
	font-size: 14pt;
}

h5 {
	font-size: 14pt;
}





#generic{
	text-align: left;
	font-size: 9pt;
	color: #FFF;
	float: left; 
	width: 735px;
	height: auto;
	padding: 5px;
	margin: 0 0 5px 0;
	
}

#generic #generictop{
	border-bottom: 1px dotted #FF9900;
	padding-top:5px;
}

#generic images{
	border: 2px solid #FF9900;
	float: right;
	margin: 10px;
}


/*panel is waar de navigatie iconen wonen op de homepage*/
#generic #panel{
	width: 240px;
	float: left;
	margin-bottom: 20px;
	padding: 10px 5px 20px 0;
}

#generic #panel a{
	font-weight: bold;
	font-size: 10px;
	text-decoration:none;
}

#generic #panel img{
	border: 0;
	margin-top:10px;
}

#generic #panel a:hover{
	color:#FFF;
	text-decoration:underline;
}

#generic #panel td{
	text-align:center;
	vertical-align: top;
	padding:0;
}


#generic #text{
	float: left;
	display: block;
	width: 350px;
	padding: 10px;
	padding-bottom: 20px;
	margin-right: 10px;
	border-top: 1px dashed #FF9900;
	border-bottom: 1px dashed #FF9900;
}

#generic #thirdcolumn{
	float:right;
	width: 185px;
	height: auto;
	padding: 5px 5px 5px 5px;	
	border-left: 1px dotted #FF9900;
}
/*-----end generic ---------*/


#content{
	margin: auto;
	width: 990px;
	height: auto;
	min-height: 1300px;
	padding-bottom:30px;
	background:#000 url(http://www.maxguitarstore.com/store/images/main_bg.jpg) top center no-repeat;
}

#eco_message{
	margin:30px;
	border: 0px solid #FFFF00;
}

#footer{
	margin-top:10px;
	font-size: 9pt;
	color: #FFF;
	padding: 10px;
	vertical-align:middle;
	display: block;
	clear: both;
}

#leftbar{
	width: 220px;
	margin:20px 5px;
	float: left;
	overflow: auto;
	color: silver;
	padding: 5px;
	text-align: left;
	font-size: 9pt;
	display: block;
}

#leftbar images{
	float:right;
	padding: 0 5px 5px 10px;
	border: 0 solid #000;
}

#leftbar h2{
	color: #70732c;
	font-size: 11pt;
}

#leftbar hr{
	margin-top: 10px;
	margin-bottom: 10px;
}

#menu{
	margin:0;
	padding:0;
	width: 990px;
	display: block;
	/*border-bottom: 0px solid #FF9900;*/
	
}

#newsbar{
	width: 200px;
	height: 850px;
	margin:20px 5px;
	float: left;
	overflow: auto;
	color: silver;
	background:  url(http://www.maxguitarstore.com/store/images/newsbar_bg.gif) top no-repeat;
	padding:50px 10px 10px 10px;
	/*background-color: #000;*/
	text-align: left;
	font-size: 9pt;
	display: block;
	border: 0px dotted #FF9900;
}

#newsbar img {
	float: right;
	border: 1px solid #FF9900;
	margin: 20px 0 10px 10px;
}

#newsitem{
	border-bottom: 1px dotted #FF9900;
	padding: 10px 0 5px 0;
	margin-top: 10px;
}


#attention{
	font-size: 10pt;
	font-weight: bold;
	color: red;
}


#rightbar{
	width: 252px;
	height: 900px;
	margin: 20px 5px;	
	float: right;
	display: block;
	overflow: auto;
	text-align:left;
	border: 0px dotted #FF9900;
}

#leftbar #authorization{
	background-color: #000;
	padding: 3px 3px 3px;
}

#leftbar #searchform{
	background-color: #000;
	padding: 8px 3px 3px;

}

#rightbar h1, #rightbar h2, #rightbar h3, #rightbar h4, #rightbar h5, #rightbar h6, #rightbar p, #rightbar blockquote{
	margin-left: 10px;
}

#searchbar {
	width:990px;
	height: 42px;
	background-color: #000;
	padding-top:3px;
	padding-bottom:3px;
	margin:0px;
	display: block;
	overflow: hidden; 
}

#searchbar input, images{
	margin-top:7px;
}

#top{
	width:990px;
	height: 180px;
	background-color: #000;
	padding:0;
	margin:0;
}

#youtubePlayer{
	clear:both;
	height: 250px;
}

#youtubePlayer #player{
	float:left;
	display:block;
	height: 235px;
	margin: 10px 10px 40px 10px;
}
#youtubePlayer #preview360{
	float: right;
	display: block;
	height:235px;
	margin: 10px 10px 40px 10px;
}

#dummy{
       clear:both;
       height: 20px;
}




/* -----------------------------SHOP VARIABLES-------------------------------------------- */

/* -----------------------------Produkt brief listings-------------------------------------------- */


#product_brief{
	margin-top: 0px;
	padding: 0px;
}

#product_brief img{
	margin: 0px;
	padding: 0px;
	width: 135px;
	min-height: 90px;
	border: 1px solid silver;
	overflow: hidden;
}

#product_brief_name{
	height: 10px;
	height: auto;
	margin-bottom: 10px;
}

#product_brief_description{
	height: 10px;
	height: auto;
	font-size: 8pt;
	padding: 3px;
	text-align: justify;
	margin-bottom: 3px;
}

#product_brief_allprices{
	height: 10px;
	height: auto;
	margin-bottom: 3px;
	font-size: 8pt;
}

#product_brief_price{
	color: red;
	font-size: 10pt;
}

#product_brief_listprice{
	color: silver;
}
#product_brief_savings{
	color: silver;
}

#product_brief_cart{
	height: 10px;
	height: auto;
	text-align: right;
}

/*-----------------------------------Category----------------------------------------*/

#category_navigator{
	text-align: right;
	margin-right: 10px;
}

#category_sort{
	text-align: justify;
}

#category_subcategories{
	border: 0px solid silver;
	font-size: 8pt;
	padding: 3px;
	margin-top: 5px;
}

#category_description{
	display:block;
	padding: 5px;
	text-align: justify;
}

.category{
	color: white;
	}
/*-----------------------------product detailed--------------------------------------*/

#product_detailed_picture{
	width: 250px;
	height: 180px;
	border: 1px solid silver;
	overflow: hidden;
	margin-bottom: 8px;
	text-align: center;
	vertical-align: middle;
}
#product_detailed_picture img{
	margin: 0px;
	padding: 0px;
	border: 0px;	
}

#product_detailed_rate{
	padding-top: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 3px;
}

#product_detailed_description{
	height: auto;
	font-size: 8pt;
	padding: 5px;
	text-align: justify;
	margin-bottom: 3px;
}

#product_detailed_allprices{
}

#product_detailed_discussion{
}

#product_detailed_enlarge{
	text-align: right;
	width: 280px;
	margin-bottom: 3px;
}

#product_detailed_rating{
	margin-top: 1px;
	text-align: right;
}

#product_detailed_cart{
	text-align: right;
}

#product_related_image{
	height: 75px;
	width: 75px;
	overflow: hidden;
	border: 0px;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 30px;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 30px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}

/*-------------------------------------------------lightbox---------------------------------------*/
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(http://www.maxguitarstore.com/store/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.maxguitarstore.com/store/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.maxguitarstore.com/store/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	
/* ----------------------------------------End lightbox --------------------------------------*/