@charset "utf-8";html,body{
	margin:0;	
	font-family:"Helvetica W01 Light",Helvetica;
	-webkit-text-size-adjust: 100%;
	color:#333;
}
form,input{
	font-family:"Helvetica W01 Light",Helvetica;
	vertical-align: middle;
	-webkit-appearance: none;
}
body{
	min-width:320px;
	background-size:cover !important;
	background-attachment:fixed !important;
/*	padding:0 0 40px 0;*/
	background-color:#ffffff;
}

img, h1, h2, h3, h4, h5, p, table, input, ul, li{
	border:0px;
	margin:0px;
	padding:0px;
	outline:0px;
}
/* CSS Document */
a{
	color:#60489e;
	text-decoration:none;
}
a:hover{
	color:#d00;
}
#wrapper{
	width:100%;
	height:100%;
	position:relative;
}

#content{
	width:100%;
	height:100%;
	position:relative;
	background:rgba(255,255,255,1);
	background:rgba(65,51,104,.75);

	-moz-box-shadow:  0px 1px 15px 		rgba(0,0,0,.7);
	-webkit-box-shadow:  0px 1px 15px 	rgba(0,0,0,.7);
	box-shadow:  0px 1px 15px 			rgba(0,0,0,.7);
	
/*	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:  none;*/
}



/*//////////////////// HEADER ////////////////////*/
#header{
	width:100%;
	position:relative;
}
#header.fixed-pos{
	position:fixed!important;
	z-index:1000!important;
	top:0px;
}
#footer{
	width:100%;
	position:relative;
}
#header_content,
#footer_content,
#content{
	margin:0 auto;
	position:relative;
	max-width:1200px;
	
}

#header_logo{
	background:url(/paragon/images/YamahaLogoBlack.png) no-repeat;
	background-size: contain;
	float:left;
}
#header_close{
	background:url(/paragon/images/Delete48x48.png) no-repeat;
	background-size: contain;
	margin:7px 28px;
	height:30px;
	float:right;
	width:30px;
	display:none;
	float:left;
	cursor:pointer;
	opacity:.7;
}
#header_close:hover{
	opacity:1;
}
#footer{
	background:rgba(225,225,225,.95);
	-moz-box-shadow:  0px 1px 5px 		rgba(0,0,0,.5);
	-webkit-box-shadow:  0px 1px 5px 	rgba(0,0,0,.5);
	box-shadow:  0px 1px 5px 			rgba(0,0,0,.5);
	min-height:40px;
}





.cnt-top{	

}
.cnt-maintitle{
	text-align:center;
	color:#fff;	
	text-shadow: 1px  1px  1px  #1d1239 ;
	white-space:nowrap;
	font-family:"HelveticaNeueW01-Thin"
}
.cnt-mainmsg{
	color:#333;	
	margin:60px 60px 40px 60px ;
	text-align:justify;
	margin:5% 5% 5% 5% ;
	line-height:1.3em;
}
.cnt-submsg{
	color:#555;	
	margin:5% 5% 5% 5% ;
	line-height:1.4em;
}
.cnt-topimg{
		
}
.cnt-topimg img{
	float:right;

}
.cnt-bottom{
	background:rgba(255,255,255,.95);
	height:100%;
	min-height:600px;
}
.content-holder{
	
}

.cnt-card-section{
	margin:3% 5%
}


.cnt-card-img img{
	width:100%;
	border:1px solid #555;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
		-moz-box-shadow:  0px 1px 12px 		rgba(0,0,0,.6);
	-webkit-box-shadow:  0px 1px 12px 	rgba(0,0,0,.6);
	box-shadow:  0px 1px 12px 			rgba(0,0,0,.6);
}


/*//////////////////////////// PURPLE - PURPLE LOGO ON WHITE/GRY //////////////////////////////*/
body.theme-purple #header{
	background:rgba(255,255,255,1);
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-bottom:1px solid #ddd;
	position:relative;
	z-index:10;
	background:rgba(245,245,245,1);
}

body.theme-purple #header_logo{
	background:url(/paragon/images/YamahaLogoPurple.png) no-repeat;
	background-size: contain;
}
body.theme-purple.modal #header_close{
	background:url(/paragon/images/Delete48x48.png) no-repeat;
	background-size: contain;
	display:block;
}
body.theme-purple #footer{
	background:rgba(225,225,225,.95);
}
body.theme-purple #footer_content{
	color:#676767;
}

body.theme-purple .tab-option-btn{
	
	background: 			#ddd;
	color: 					#000 ;
	
	text-shadow: 0  -1px  1px  #ccc ;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #eee), to( #ddd));
	background-image: -webkit-linear-gradient(#eee, #ddd);
	background-image:    -moz-linear-gradient(#eee, #ddd); 
	background-image:     -ms-linear-gradient(#eee, #ddd); 
	background-image:      -o-linear-gradient(#eee, #ddd);
	background-image:         linear-gradient(#eee, #ddd);
	
	background: 			#ddd;
	border:1px solid #ddd;
	border-radius:1px;
	width:24%;
	margin:.5%;
	padding:.5% 0;
}

body.theme-purple .tab-option-btn.tab-sel{
	border-radius:8px 8px 0 0;
		background: 			#60489e;
	color: 					#fff ;
	border:1px solid #413368; /*7d619d*/
	text-shadow: 0  -1px  1px  #413368 ;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #60489e), to( #413368));
	background-image: -webkit-linear-gradient(#60489e, #413368);
	background-image:    -moz-linear-gradient(#60489e, #413368); 
	background-image:     -ms-linear-gradient(#60489e, #413368); 
	background-image:      -o-linear-gradient(#60489e, #413368);
	background-image:         linear-gradient(#60489e, #413368);
	
	background: 			#413368;
	border-radius:1px;

}
body.theme-purple .tab-option-btn .tab-footer{
	position:absolute;
	bottom:-9px;
	width:100%;
	height:10px;
	z-index:10;
	bottom:-3px;
}
body.theme-purple .tab-option-btn.tab-sel .tab-footer{
	background:url(/paragon/images/Navigation-up2-48x48_wh.png) no-repeat center -2px;
	background-size:18px;
}
body.theme-purple #content_tab_data{
	border-top:8px solid #413368;
	border-top:0px solid #ddd;
}
body.theme-purple .tab-option-btn.tab-dis{
	background: 			#eee;
	color:#ccc;
	cursor:default;
	border-color:#ccc;
	text-shadow: none ;
	
	border:1px solid #eee;
}
body.theme-purple .ui-btn{
	background: 			#60489e;
	color: 					#fff ;
	border:1px solid #413368; /*7d619d*/
	text-shadow: 0  -1px  1px  #413368 ;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #60489e), to( #413368));
	background-image: -webkit-linear-gradient(#60489e, #413368);
	background-image:    -moz-linear-gradient(#60489e, #413368); 
	background-image:     -ms-linear-gradient(#60489e, #413368); 
	background-image:      -o-linear-gradient(#60489e, #413368);
	background-image:         linear-gradient(#60489e, #413368);
	
	background: 			#413368;
	background: 			#514378;
	border:1px solid #514378;
}
body.theme-purple .ui-btn:hover{
	background: 			#60489e;
}
body.theme-purple .ci-buy.ui-btn, body.theme-purple .sku-buy.ui-btn{
		background: 			#e6a303;
	color: 					#fff ;
	border:1px solid #e68903;
	text-shadow: 0  -1px  1px  #b88201 /*#d0a00c   e6a303*/ ;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #fbb202), to( #e68903));
	background-image: -webkit-linear-gradient(#fbb202, #e68903);
	background-image:    -moz-linear-gradient(#fbb202, #e68903); 
	background-image:     -ms-linear-gradient(#fbb202, #e68903); 
	background-image:      -o-linear-gradient(#fbb202, #e68903);
	background-image:         linear-gradient(#fbb202, #e68903);
	background: 			#e68903;
}


body.theme-purple .ymia-item-conv div.ui-btn{
	/*background: 			#4d8cda;*/
}
body.theme-purple .ymia-item-conv div.ui-btn:hover{
	/*background: 			#7fafea*/
}
body.theme-purple .ci-buy.ui-btn:hover,
body.theme-purple .sku-buy.ui-btn:hover{
	background: 			#fbb202;
}

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

/*//////////////////////////// DRK SLATE - WHITE LOGO ON BLACK //////////////////////////////*/
body.theme-drkslate #header{
	background:rgba(0,0,0,1);
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-bottom:0px solid #ddd;
}

body.theme-drkslate #header_logo{
	background:url(/paragon/images/YamahaLogoWhite.png) no-repeat;
	background-size: contain;
}
body.theme-drkslate.modal #header_close{
	background:url(/paragon/images/Delete48x48.png) no-repeat;
	background-size: contain;
	display:block;
}
body.theme-drkslate #footer{
	background:rgba(225,225,225,.95);
}
body.theme-drkslate #footer_content{
	color:#676767;
}

body.theme-drkslate .tab-option-btn{
	
	background: 			#ddd;
	color: 					#000 ;
	
	text-shadow: 0  -1px  1px  #ccc ;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #eee), to( #ddd));
	background-image: -webkit-linear-gradient(#eee, #ddd);
	background-image:    -moz-linear-gradient(#eee, #ddd); 
	background-image:     -ms-linear-gradient(#eee, #ddd); 
	background-image:      -o-linear-gradient(#eee, #ddd);
	background-image:         linear-gradient(#eee, #ddd);
	
	background: 			#ddd;
	border:1px solid #ddd;
	border-radius:1px;
	width:24%;
	margin:.5%;
	padding:.5% 0;
}

body.theme-drkslate .tab-option-btn.tab-sel{
	border-radius:8px 8px 0 0;
		background: 			#60489e;
	color: 					#fff ;
	border:1px solid #413368; /*7d619d*/
	text-shadow: 0  -1px  1px  #413368 ;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #60489e), to( #413368));
	background-image: -webkit-linear-gradient(#60489e, #413368);
	background-image:    -moz-linear-gradient(#60489e, #413368); 
	background-image:     -ms-linear-gradient(#60489e, #413368); 
	background-image:      -o-linear-gradient(#60489e, #413368);
	background-image:         linear-gradient(#60489e, #413368);
	
	background: 			#413368;
	border-radius:1px;

}
body.theme-drkslate .tab-option-btn .tab-footer{
	position:absolute;
	bottom:-9px;
	width:100%;
	height:10px;
	z-index:10;
	bottom:-3px;
}
body.theme-drkslate .tab-option-btn.tab-sel .tab-footer{
	background:url(/paragon/images/Navigation-up2-48x48_wh.png) no-repeat center -2px;
	background-size:18px;
}
body.theme-drkslate #content_tab_data{
	border-top:8px solid #413368;
	border-top:0px solid #ddd;
}
body.theme-drkslate .tab-option-btn.tab-dis{
	background: 			#eee;
	color:#ccc;
	cursor:default;
	border-color:#ccc;
	text-shadow: none ;
	
	border:1px solid #eee;
}
body.theme-drkslate .ui-btn{
	background: 			#60489e;
	color: 					#fff ;
	border:1px solid #413368; /*7d619d*/
	text-shadow: 0  -1px  1px  #413368 ;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #60489e), to( #413368));
	background-image: -webkit-linear-gradient(#60489e, #413368);
	background-image:    -moz-linear-gradient(#60489e, #413368); 
	background-image:     -ms-linear-gradient(#60489e, #413368); 
	background-image:      -o-linear-gradient(#60489e, #413368);
	background-image:         linear-gradient(#60489e, #413368);
	
	background: 			#413368;
	background: 			#514378;
	border:1px solid #514378;
}
body.theme-drkslate .ui-btn:hover{
	background: 			#60489e;
}
body.theme-drkslate .ci-buy.ui-btn, body.theme-drkslate .sku-buy.ui-btn{
		background: 			#e6a303;
	color: 					#fff ;
	border:1px solid #e68903;
	text-shadow: 0  -1px  1px  #b88201 /*#d0a00c   e6a303*/ ;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #fbb202), to( #e68903));
	background-image: -webkit-linear-gradient(#fbb202, #e68903);
	background-image:    -moz-linear-gradient(#fbb202, #e68903); 
	background-image:     -ms-linear-gradient(#fbb202, #e68903); 
	background-image:      -o-linear-gradient(#fbb202, #e68903);
	background-image:         linear-gradient(#fbb202, #e68903);
	background: 			#e68903;
}


body.theme-drkslate .ymia-item-conv div.ui-btn{
	/*background: 			#4d8cda;*/
}
body.theme-drkslate .ymia-item-conv div.ui-btn:hover{
	/*background: 			#7fafea*/
}
body.theme-drkslate .ci-buy.ui-btn:hover,
body.theme-drkslate .sku-buy.ui-btn:hover{
	background: 			#fbb202;
}

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

@media only screen
and (min-width : 0px) {
	html,body{
		font-size:10px!important;
	}
	
	#header_logo{
		margin:12px 14px 8px 14px;
		height:26px;
		width:165px;
	}
	.content-holder{
		margin:15px;
	}
	.cnt-top{
overflow:visible;
	}
	.cnt-topimg img{
		width:90px;
		margin:0 12px 0 0 ;
	}
	.cnt-maintitle{
		font-size:2.8em;
		margin:0px 12px 0px 0px;
		padding:0px 0 12px 0;
	}
	.v-offset{
		padding-top:12px;
	}
	.cnt-bottom{
		padding:15px;
	}
	.cnt-mainmsg{
	font-size:1.75em;
	text-align:center;
	
	}
	.cnt-submsg{
		font-size:1.4em;
		text-align:center;
		text-align:justify;
	}
	.cnt-card-img img{
		border-width:3px;
	}
	.cnt-card-item{
		width:100%;
		float:none;	
		max-width:380px;
		margin:0 auto;
	}
	.middle-item{
		margin:0 auto;
	}
	.cnt-card-section-head{
		font-weight:bold;
		font-size:1.6em;
		width:100%;
		max-width:380px;
		margin:0% auto 3% auto;
	}
	.cnt-card-title{
		font-size:1.4em;
		margin:3% 0 8% 0;
		text-align:center;
	}
	#footer_copyright{
float:none;
		text-align:center;
		font-size:1.1em;
		line-height:30px;
		white-space:nowrap;
		margin:0px 0 0 0px;
	}
	#footer_links{
		float:none;
		text-align:center;
		font-size:1.1em;
		line-height:30px;
		white-space:nowrap;
		margin:0px 0px 0 0px;
		
	}
}
@media only screen
and (min-width : 480px) {
	html,body{
		font-size:10.5px!important;
	}

	.cnt-top{
overflow:visible;
	}
	.cnt-topimg img{
		width:120px;
		margin:0 15px 0 0 ;
	}
	.cnt-maintitle{
		font-size:3.75em;
		margin:0px 15px 0px 0px;
		padding:0px 0 15px 0;
	}
	.v-offset{
		padding-top:15px;
	}
	.cnt-bottom{
		padding:15px;
	}
	.cnt-mainmsg{
	font-size:2em;
	}
	.cnt-submsg{
		font-size:1.4em;
		text-align:justify;
	}
	.cnt-card-img img{
		border-width:3px;
	}

	.cnt-card-section-head{
		font-weight:bold;
		font-size:1.6em;
	}

}
@media only screen
and (min-width : 600px) {
	html,body{
		font-size:11px!important;
	}
	#header_logo{
		margin:15px 30px 10px 30px;
		height:36px;
		width:265px;
	}
	.content-holder{
		margin:20px;
	}
	.cnt-topimg img{
		width:155px;
		margin:0 20px 0 0 ;
	}
	.cnt-maintitle{
		font-size:4.5em;
		margin:0px 20px 0px 0px;
		padding:0px 0 20px 0;
	}
	.v-offset{
		padding-top:20px;
	}
	.cnt-bottom{
		padding:20px;
	}
	.cnt-mainmsg{
	font-size:2.0em;
	}
	.cnt-submsg{
		font-size:1.4em;
		text-align:center;
	}
	.cnt-card-item{
		width:30%;
		float:left;	
	}
	.middle-item{
		margin:0 5%;
	}
	.cnt-card-img img{
		border-width:4px;
	}
	.cnt-card-section-head{
		font-weight:bold;
		font-size:1.6em;
		width:100%;
		max-width:100%;
	}
	.cnt-card-title{
		font-size:1.1em;
		margin:3% 0 0% 0;
	}
	#footer_copyright{
		float:left;
		text-align:left;
		font-size:1em;
		line-height:40px;
		white-space:nowrap;
		margin:0px 0 0 30px;
	}
	#footer_links{
		float:right;
		text-align:right;
		font-size:1em;
		line-height:40px;
		white-space:nowrap;
		margin:0px 30px 0 0px;
		
	}
}
@media only screen
and (min-width : 700px) {

	.cnt-topimg img{
		width:180px;
	}
	.cnt-maintitle{
		font-size:5.5em;
	}
	.cnt-mainmsg{
	font-size:2.25em;
	}
	.cnt-submsg{
		font-size:1.65em;
	}
	.cnt-card-img img{
		border-width:5px;
	}
}
@media only screen
and (min-width : 800px) {
	html,body{
		font-size:11.5px!important;
	}
	#header_logo{
		margin:15px 30px 10px 30px;
		height:44px;
		width:265px;
	}
	.cnt-topimg img{
		width:220px;
		margin:0px 30px 0px 30px;
	}
	.cnt-maintitle{
		font-size:6em;
		margin:0px 30px 0px 20px;
		padding:0px 0 30px 0;
	}
	.v-offset{
		padding-top:30px;
	}
	.cnt-bottom{
		padding:30px;
	}
	.cnt-mainmsg{
	font-size:2.3em;
	}
	.cnt-submsg{
		font-size:1.7em;
	}
	.cnt-card-img img{
		border-width:6px;
	}
	.cnt-card-section-head{
		font-weight:bold;
		font-size:1.9em;
		margin:0% 0 2% 0;
	}
	.cnt-card-title{
		font-size:1.2em;
	}
}
@media only screen
and (min-width : 1024px) {
	html,body{
		font-size:12px!important;
	}
	.full-size{
		display:inline;
	}

	.content-holder{
		margin:30px;
	}
	.cnt-topimg img{
		width:250px;
	}
	.cnt-maintitle{
		font-size:6.75em;
	}
	.cnt-mainmsg{
	font-size:2.7em;
	}
	.cnt-submsg{
		font-size:2.15em;
	}
	.cnt-card-img img{
		border-width:7px;
	}
	.cnt-card-section-head{
		font-weight:bold;
		font-size:2.15em;
	}
	.cnt-card-title{
		font-size:1.3em;
	}
}
@media only screen
and (min-width : 1200px) {
	html,body{
		font-size:12.5px!important;
	}
	#data_store_locator, #data_store_locator_cat{
		background-size:auto;
	}
	.ord-cnt{
		margin:0 30px;
	}
	.cnt-topimg img{
		width:270px;
	}
	.cnt-maintitle{
		font-size:7em;
	}
	.cnt-mainmsg{
	font-size:2.75em;
	}
	.cnt-submsg{
		font-size:2.15em;
	}
	.cnt-card-img img{
		border-width:8px;
	}
	.cnt-card-title{
		font-size:1.4em;
	}
}