/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
	font-size: 0.625em; 
	-webkit-text-size-adjust: 0.625em; 
	-ms-text-size-adjust: 0.625em; 
    line-height: 1.4;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

@font-face {
    font-family: 'wisdom_script_airegular';
    src: url('https://guitarsexchange.com/fonts/WisdomScript-webfont.eot');
    src: url('https://guitarsexchange.com/fonts/WisdomScript-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://guitarsexchange.com/fonts/WisdomScript-webfont.woff2') format('woff2'),
         url('https://guitarsexchange.com/fonts/WisdomScript-webfont.woff') format('woff'),
         url('https://guitarsexchange.com/fonts/WisdomScript-webfont.ttf') format('truetype'),
         url('https://guitarsexchange.com/fonts/WisdomScript-webfont.svg#wisdom_script_massimo_regulRg') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
	font-family: 'Roboto', 'sans-serif';
	font-weight:300;
	color:#2c2c2c;
	position:relative;
}

a{
	color:#2c2c2c;
	text-decoration:underline;
}

#whole{
	width:1024px;
	margin:0 auto;
	background:#f5f5f5;
	padding-top:75px;
	-webkit-transition: padding 200ms cubic-bezier(0.455, 0.030, 0.515, 0.955); 
   -moz-transition: padding 200ms cubic-bezier(0.455, 0.030, 0.515, 0.955); 
     -o-transition: padding 200ms cubic-bezier(0.455, 0.030, 0.515, 0.955); 
        transition: padding 200ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
}

.scrolled #whole{
	padding-top:50px;
}

.header_top{
	background:#2c2c2c;
	height:75px;
	color:#fff;
	box-shadow: 0 5px 10px 0 #333333; 
	position:relative;
	z-index:1;
	position:fixed;
	top:0;
	left:50%;
	width:1024px;
	margin-left:-512px;
	-webkit-transition: all 200ms cubic-bezier(0.455, 0.030, 0.515, 0.955); 
   -moz-transition: all 200ms cubic-bezier(0.455, 0.030, 0.515, 0.955); 
     -o-transition: all 200ms cubic-bezier(0.455, 0.030, 0.515, 0.955); 
        transition: all 200ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
}

.scrolled .header_top{
	height:50px;
}

.header_top .logo{
	margin:0 0 0 30px;
	float:left;
}

.logo a{
	display:block;
	width:136px;
	height:54px;
	background:url('../img/guitars-exchange.png') no-repeat 0 12px;
	padding-top:12px;
	background-size:contain;
}

.scrolled .header_top .logo a{
	width:73px;
	height:29px;
	-webkit-transition: all 200ms cubic-bezier(0.455, 0.030, 0.515, 0.955); 
   -moz-transition: all 200ms cubic-bezier(0.455, 0.030, 0.515, 0.955); 
     -o-transition: all 200ms cubic-bezier(0.455, 0.030, 0.515, 0.955); 
        transition: all 200ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
}

.lt-ie9 .scrolled .header_top .logo a{
	background-image:url('../img/guitars-exchange-small.png');
}

.header_top nav{
	float:right;
}

.header_top nav ul{
	margin:0;
	padding:0;
}

.header_top nav li{
	float:left;
	position:relative;
}

.header_top nav li.search{
	position:relative;
	margin-left:10px;
}

.header_top nav li a{
	display:table-cell;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	font-size:1.5em;
	font-family: 'Open Sans', 'sans-serif';
	font-weight:700;
	text-align:center;
	height:75px;
	vertical-align:middle;
	width:110px;
	cursor:pointer;
	-webkit-transition: all 200ms cubic-bezier(0.455, 0.030, 0.515, 0.955); 
   -moz-transition: all 200ms cubic-bezier(0.455, 0.030, 0.515, 0.955); 
     -o-transition: all 200ms cubic-bezier(0.455, 0.030, 0.515, 0.955); 
        transition: all 200ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
}

.scrolled .header_top nav li a{
	height:50px;
}

.header_top nav li.search a.lens{
	width:40px;
	background:url('../img/search.png') no-repeat 0 50%;
	display:block;
	cursor:pointer;
}

.header_top nav li.lang a{
	width:30px;
	font-size:1.2em;
	line-height:78px;
	display:block;
	height:24px;
	background:url('../img/flags-form.png') no-repeat 0 0;
	margin:25px 0 0 0;
	-webkit-transition: none; 
   -moz-transition: none; 
     -o-transition: none; 
        transition: none;
}

.scrolled .header_top nav li.lang a{
	line-height:53px;
	height:24px;
}

.header_top nav li.lang a.en{
	background-position:-30px 0;
}

.header_top nav li.lang a.en.in, .header_top nav li.lang a.en:hover{
	background-position:-30px -24px;
}

.header_top nav li.lang a.es{
	background-position:0 0;
}

.header_top nav li.lang a.es.in, .header_top nav li.lang a.es:hover{
	background-position:0 -24px;
}

.header_top nav li.lang a.it{
	background-position:-60px 0;
}

.header_top nav li.lang a.it.in, .header_top nav li.lang a.it:hover{
	background-position:-60px -24px;
}

.scrolled .header_top nav li.lang a{
	margin:13px 0 0 0;
}

.header_top nav li.search .search_form{
	position:absolute;
	right:0;
	top:75px;
	width:320px;
	background:#2c2c2c;
	padding:5px;
	display:none;
	-webkit-transition: top 200ms cubic-bezier(0.455, 0.030, 0.515, 0.955); 
   -moz-transition: top 200ms cubic-bezier(0.455, 0.030, 0.515, 0.955); 
     -o-transition: top 200ms cubic-bezier(0.455, 0.030, 0.515, 0.955); 
        transition: top 200ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
}

.scrolled .header_top nav li.search .search_form{
	top:50px;
}

.header_top nav li.search .search_form input{
	border:none;
	background:url('../img/bg-search-top.png') no-repeat left bottom;
	width:276px;
	height:28px;
	line-height:28px;
	margin:0 0 15px 10px;
	color:#fff;
	text-transform:uppercase;
	padding:0 12px;
	font-family: 'Open Sans', 'sans-serif';
	font-size:1.5em;
}

.header_top nav li.search .search_form .options ul{
	position:static !important;
	background:transparent !important;
	margin:0 24px;
	border:none;
	width:272px !important;
}

.header_top nav li.search .search_form .options ul li, .header_top nav li.search .search_form .options ul li a{
	width:auto;
	height:auto;
	color:#fff;
	border:none;
	margin:0;
	font-family: 'Open Sans', 'sans-serif';
	font-size:1.36em;
	text-align:left;
	cursor:pointer;
	background:transparent;
	float:none;
	text-transform:uppercase;
}

.header_top nav li.search .search_form .options ul li a{
	font-size:1em;
}

.header_top nav ul.sub{
	position:absolute;
	top:75px;
	left:0;
	background:#2c2c2c;
	display:none;
	font-size:0.9em;
	-webkit-transition: top 200ms cubic-bezier(0.455, 0.030, 0.515, 0.955); 
   -moz-transition: top 200ms cubic-bezier(0.455, 0.030, 0.515, 0.955); 
     -o-transition: top 200ms cubic-bezier(0.455, 0.030, 0.515, 0.955); 
        transition: top 200ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
}

.scrolled .header_top nav ul.sub{
	top:50px;
}

.header_top nav ul.sub a{
	height:40px;
}

.header_top nav li.account:hover ul.sub, .header_top nav li.buySell:hover ul.sub, .header_top nav li.unplugged:hover ul.sub, .header_top nav li.psychout:hover ul.sub{
	display:block;
}

section.content{
	padding:17px 30px;
}

/*FOOTER*/
footer{
	background:#2c2c2c;
	color:#fff;
	min-height:130px;
	padding:10px 12px;
	font-family: 'Open Sans', 'sans-serif';
	overflow:hidden;
}

footer .column{
	float:left;
	width:292px;
	min-height:130px;
	padding:0 20px;
}

footer .column h2{
	font-size:1.8em;
	font-weight:700;
	margin:0 0 15px 0;
}

footer .column p{
	font-size:1.3em;
	font-weight:300;
	margin:0 0 10px 0;
	line-height: 16px;
}

footer .column p a{
	color:inherit;
	text-decoration:underline;
}

footer .column.second{
	border-left:solid 2px #fff;
	border-right:solid 2px #fff;
}

footer .column.second h2{
	background:url('../img/footer/twitter.png') no-repeat 0 center;
}

footer .column.second h2 a{
	padding-left:45px;
	color:inherit;
	text-decoration:none;
}

footer .column.second p{
	padding-left:45px;
}

footer .column.second .waitTw{
	height:32px;
	background:url('../img/footer/spinner.gif') no-repeat center bottom;
	padding-top:20px;
}

footer .column.third p{
	overflow:hidden;
}

footer .column.third p a{
	float:left;
	width:29px;
	height:29px;
	background-image:url('../img/footer/social.png');
	background-repeat:no-repeat;
	margin:0 22px 10px 0;
}

footer .column.third p a.facebook{
	background-position:0 0;
}

footer .column.third p a.instagram{
	background-position:-29px 0;
}

footer .column.third p a.spotify{
	background-position:-58px 0;
}

footer .column.third p a.pinterest{
	background-position:-87px 0;
}

footer .column.third p a.googleplus{
	background-position:-116px 0;
}

footer .column.third p a.youtube{
	background-position:-145px 0;
}
/*---*/

/*TITOLI*/
.title_box{
	background:#2c2c2c;
	color:#fff;
	text-align:left;
	padding:0 5px 0 65px;
	margin-bottom:40px;
}

.title_box a{
	color:#fff;
	text-decoration:none;
}

.title_box h2, .title_box .t1{
	font-size:3.2em;
	font-weight:normal;
	font-family: 'wisdom_script_airegular';
	padding:14px 0;
	margin:0;
}

.title_box.multiple h2, .title_box.multiple .t1{
	padding:5px 0;
}

.title_box h3, .title_box .t2{
	font-size:1.5em;
	font-weight:300;
	padding:0 0 5px 0;
	margin:0;
}

.quoteBox{
	font-size:1.5em;
	line-height:25px;
	font-family: 'Open Sans', 'sans-serif';
	font-weight:300;
}

.title_box .quoteBox{
	margin-top:15px;
	float:right;
	/*width:275px;*/
	width:350px;
}

.quoteBox .quote{
	display:inline-block;
	width:19px;
	height:14px;
	background:url('../img/quote-white.png') no-repeat;
}

.title_box .dx{
	margin:25px 55px 0 0;
	float:right;
	text-align:right;
	font-weight:bold;
	font-family: 'Open Sans', 'sans-serif';
	font-size:1.6em;
	line-height:25px;
}

.title_box .dx.multiple{
	margin-top:15px;
}

.title_box .dx.upper{
	text-transform:uppercase;
}
/*---*/

/*TWO COLUMNS*/
.two_columns{
	overflow:hidden;
	margin-bottom:80px;
}

.two_columns.bottom_min{
	margin-bottom:20px;
}

.two_columns .column_left{
	float:left;
}

.two_columns .column_right{
	float:right;
}

.two_columns .column_small{
	width:295px;
}

.two_columns .column_large{
	width:648px;
}

.two_columns .title_box{
	text-align:center;
	padding:0 5px;
	margin-bottom:25px;
}

.two_columns .quoteBox .quote{
	background:url('../img/quote.png') no-repeat;
}

.two_columns .column_half{
	width:50%;
}

.two_columns .column_large h3{
	font-size:2.2em;
	font-family:'Roboto Slab', serif;
	font-weight:800;
	margin:0 0 40px 0;
}

.two_columns p.info{
	font-size:1.5em;
	line-height:30px;
	color:#787878;
	font-family: 'Open Sans', 'sans-serif';
	font-weight:400;
	margin:0;
}

.two_columns p.info a{
	color:#2c2c2c;
	text-decoration:none;
}
/*---*/

/*FORM*/
.form{
	font-family: 'Open Sans', 'sans-serif';
	/*font-weight:600;*/
	font-weight:400;
	font-size:1.5em;
	color:#787878;
}

.form a{
	color:#787878;
	text-decoration:underline;
}

.form .row{
	margin-bottom:28px;
	overflow:hidden;
}

.form .row.largeInput, .form .row.half{
	margin-bottom:12px;
}

.form .row.inline label{
	float:left;
	width:100px;
	line-height:28px;
}

.form .row.inline.large label{
	width:210px;
}

.form .row.inline.largeInput label{
	width:160px;
}

.form .row.inline.half label{
	width:290px;
}

.form .row.buttons{
	font-size:1.467em;
	font-family:'Roboto Slab', serif;
	font-weight:800;
	color:#2c2c2c;
	margin-top:70px;
}

.form .row.buttons input[type=submit]{
	background:none;
	border:none;
	font-size:1em;
	font-family:'Roboto Slab', serif;
	font-weight:800;
	color:#2c2c2c;
	text-transform:uppercase;
}

.form .row input[type=text], .form .row input[type=email], .form .row input[type=password]{
	background:none;
	border:solid 2px #2c2c2c;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	height:28px;
	line-height:28px;
	width:217px;
	font-family: 'Open Sans', 'sans-serif';
	font-weight:600;
	font-size:1em;
	color:#787878;
	padding:0;
	text-indent:2px;
}

.form .row select{
	background-color:#f5f5f5;
	border:solid 2px #2c2c2c;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	height:28px;
	line-height:28px;
	width:217px;
	font-family: 'Open Sans', 'sans-serif';
	font-weight:600;
	font-size:1em;
	color:#787878;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	padding:0;
	background:#f5f5f5 url('../img/select-arrow.jpg') no-repeat top right;
	text-indent: 0.01px;
	text-overflow: '';
}

/*for IE10*/
.form .row select::-ms-expand {
    display: none;
}

.lt-ie10 .form .row select{
	background-image:none;
}

.form .row.largeInput input[type=text], .form .row.largeInput input[type=email], .form .row.largeInput input[type=password]{
	width:377px;
	height:20px;
	line-height:20px;
}

.form .row.largeInput select{
	width:377px;
	height:24px;
	line-height:24px;
}

.form .row.largeInput input[type=file]{
	width:377px;
	height:20px;
	line-height:20px;
}

.form .row.half input[type=text], .form .row.half input[type=email], .form .row.half input[type=password]{
	width:244px;
	height:20px;
	line-height:20px;
}

.form .row.half select{
	width:244px;
	height:24px;
	line-height:24px;
}

.form .row.half select.left{
	margin-right:46px;
}

.form .row.largeInput input[type=checkbox], .form .row.half input[type=checkbox]{
	margin-left:357px;
	/*width:20px;
	height:20px;
	border:solid 2px #2c2c2c;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	padding:0;*/
	display:none;
}

.form .row.half input[type=checkbox]{
	margin-left:227px;
}

.form .row.largeInput input[type="checkbox"] + label, .form .row.half input[type="checkbox"] + label{
    display:inline-block;
    width:24px;
    height:24px;
    background:url('../img/checkbox.png') 0 0 no-repeat;
    cursor:pointer;
	margin-left:354px;
}

.form .row.half input[type="checkbox"] + label{
	margin-left:224px;
}

.form .row.largeInput input[type="checkbox"]:checked + label, .form .row.half input[type="checkbox"]:checked + label{
    background-position:0 -24px;
}

.form .row.half.terms-of-use input[type="checkbox"] + label{
	margin-left:10px;
}

.form .row.largeInput textarea{
	width:535px;
	border:solid 2px #2c2c2c;
	background:#f5f5f5;
	height:145px;
	resize: none;
	font-family: 'Open Sans', 'sans-serif';
	font-weight:600;
	font-size:1em;
	color:#787878;
}

.form .errorMessage{
	color:red;
	margin:5px 0 0 0;
}

.form .row.inline .errorMessage{
	margin-left:100px;
}

.form .row.inline.large .errorMessage{
	margin-left:210px;
}

.form .row.inline.largeInput .errorMessage{
	margin-left:160px;
}

.form .row.inline.half .errorMessage{
	margin-left:290px;
}

.form .row.half.terms-of-use .errorMessage{
	margin-left:0;
	clear:left;
}

.form p{
	margin:0 0 40px 0;
	line-height:30px;
}

.form .errorSummary{
	color:red;
}

.form .errorSummary p{
	margin:0 0 5px 0;
}

.form .errorSummary ul{
	margin-top:0;
}

.form fieldset{
	margin-bottom:20px;
	position:relative;
}

.form legend{
	font-size:1.333em;
	font-family:'Roboto Slab', serif;
	font-weight:800;
	margin:0 0 30px 0;
	color:#2c2c2c;
	position:relative;
}

.align_center{
	text-align:center;
}

.form .flags{
	position:absolute;
	top:0;
	left:430px;
	width:115px;
}

.form .flags a{
	display:inline-block;
	width:30px;
	height:24px;
	margin-left:5px;
	background-repeat:no-repeat;
	background-image:url('../img/flags-form.png');
	cursor:pointer;
}

.form .flags a.es{
	background-position:0 0;
}

.form .flags a.es:hover, .form .flags a.es.in{
	background-position:0 -24px;
}

.form .flags a.en{
	background-position:-30px 0;
}

.form .flags a.en:hover, .form .flags a.en.in{
	background-position:-30px -24px;
}

.form .flags a.it{
	background-position:-60px 0;
}

.form .flags a.it:hover, .form .flags a.it.in{
	background-position:-60px -24px;
}

.wysihtml5Toolbar{
	background:#2c2c2c;
	padding:0 10px;
	margin:0;
	width:521px;
	height:33px;
	line-height:33px;
	position:relative;
}

.wysihtml5Toolbar a{
	color:#fff;
	text-decoration:none;
	margin-right:35px;
	cursor:pointer;
}

.wysihtml5Toolbar div{
	color:#fff;
	background:#2c2c2c;
}

.form .langBox{
	display:none;
}

.form .langBox.in{
	display:block;
}

.form .sublegend{
	font-weight:bold;
	font-family: 'Roboto Slab', serif;
	position:relative;
	color:#2c2c2c;
	margin-bottom:30px;
}

.form .row .imageAndDelete{
	margin-top:10px;
}

.form .row .imageAndDelete img{
	margin-bottom:10px;
}

.form .row .imageAndDelete input[type="checkbox"] + label, .form .row .productCategoriesBox input[type="checkbox"] + label{
	margin-left:0;
	width:100%;
	padding-left:30px;
}

.form .row.inline .imageAndDelete{
	margin-left:100px;
}

.form .row.inline.large .imageAndDelete{
	margin-left:210px;
}

.form .row.inline.largeInput .imageAndDelete{
	margin-left:160px;
}

.form .row.inline.half .imageAndDelete{
	margin-left:290px;
}

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

#sortable_images li{
	margin:0 0 10px 0;
	background:#e5e5e5;
	padding:8px;
}

#sortable_images li img{
	cursor:move;
}

.deleteIcon{
	display:inline-block;
	width:18px;
	height:22px;
	background:url('../img/delete-icon.png') no-repeat 0 0;
	margin-left:20px;
	position:relative;
	top:5px;
	cursor:pointer;
}

.productCategoriesBox .newLine{
	clear:both;
	display:block;
	margin-bottom:5px;
}
/*---*/

/*box info*/
.box_info, .box_success, .box_warning, .box_error, .box_validation {
	border: 1px solid;
	margin: 10px 0px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	font-size:1.2em;
}

.box_info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('../img/message-boxes/info.png');
}

.box_success {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('../img/message-boxes/success.png');
}

.box_warning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('../img/message-boxes/warning.png');
}

.box_error {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('../img/message-boxes/error.png');
}

.box_validation {
	color: #D63301;
	background-color: #FFCCBA;
	background-image: url('../img/message-boxes/validation.png');
}

.box_validation p, .box_validation ul{
	margin:0;
	font-size:0.833em;
}
/*---*/

/*boxSquareHover*/
.boxSquareHover a{
	display:block;
	width:162px;
	height:162px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}

.lt-ie9 .boxSquareHover a{
	/* The url is relative to the document, not to the css file! */
    /* Prefer absolute urls to avoid confusion. */
    -ms-behavior: url('/css/backgroundsize.min.htc');	
}

.boxSquareHover a .info{
	display:table-cell;
	width:162px;
	height:162px;
	background:rgb(44,44,44);/*ie8*/
	background:rgba(44,44,44,0.85);
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	/*padding-top:30px;*/
	vertical-align:middle;
	-webkit-transition: opacity 0.2s linear 0s;
    -moz-transition: opacity 0.2s linear 0s;
    -o-transition: opacity 0.2s linear 0s;
	transition: opacity 0.2s linear 0s;
	-moz-opacity: 0;
	opacity:0;
	filter: alpha(opacity=0);
}

.boxSquareHover a:hover .info{
	-moz-opacity: 1;
	opacity:1;
	filter: alpha(opacity=90);
}

.boxSquareHover a .info .name{
	display:block;
	margin:0 11px;
	border-top:solid 2px #fff;
	border-bottom:solid 2px #fff;
	padding:0 5px;
	font-family: 'Roboto Slab', serif;
	font-size:1.5em;
	max-height:150px;
	overflow:hidden;
}

.boxSquareHover.w1, .boxSquareHover.w1 a, .boxSquareHover.w1 .info{
	width:162px;
}

.boxSquareHover.h1, .boxSquareHover.h1 a, .boxSquareHover.h1 .info{
	height:162px;
}

.boxSquareHover.w2, .boxSquareHover.w2 a, .boxSquareHover.w2 .info{
	width:324px;
}

.boxSquareHover.h2, .boxSquareHover.h2 a, .boxSquareHover.h2 .info{
	height:324px;
}

.boxSquareHover.w3, .boxSquareHover.w3 a, .boxSquareHover.w3 .info{
	width:486px;
}

.boxSquareHover.w4, .boxSquareHover.w4 a, .boxSquareHover.w4 .info{
	width:648px;
}

.boxSquareHover.ta, .boxSquareHover.ta a, .boxSquareHover.ta .info{
	top:0;
}

.boxSquareHover.tb, .boxSquareHover.tb a, .boxSquareHover.tb .info{
	top:162px;
}

.boxSquareHover.l1, .boxSquareHover.l1 a, .boxSquareHover.l1 .info{
	left:0;
}

.boxSquareHover.l2, .boxSquareHover.l2 a, .boxSquareHover.l2 .info{
	left:162px;
}

.boxSquareHover.l3, .boxSquareHover.l3 a, .boxSquareHover.l3 .info{
	left:324px;
}

.boxSquareHover.l4, .boxSquareHover.l4 a, .boxSquareHover.l4 .info{
	left:486px;
}
/*---*/

/*stripProducts*/
.stripProducts{
	height:162px;
	overflow:hidden;
	margin:0 -30px 40px -30px;
	width:1024px;
}

.stripProducts .boxSquareHover{
	float:left;
	margin-right:16px;
}

.stripProducts .boxSquareHover a .info .price{
	margin-top:25px;
	display:block;
	font-family: 'Roboto Slab', serif;
	font-size:1.3em;
}
/*---*/

.simpleText{
	font-size:1.6em;
}

/*PRODUCT FORM*/
#addImageProduct{
	color:#2c2c2c;
	text-decoration:none;
	cursor:pointer;
}
/*---*/

/*PRODUCT VIEW*/
#productView .title_box .t1{
	font-size:2.2em;
	line-height:25px;
	font-family:'Roboto Slab', 'sans-serif';
	font-weight:400;
	float:right;
	width:400px;
	padding:15px 10px 0 0;
	text-align:right;
        height: 52px;
        overflow: hidden;
}

#productView .title_box .t2{
	font-size:3.2em;
	font-weight:normal;
	font-family: 'wisdom_script_airegular';
	padding:5px 0;
	margin:0;
}

#productView .title_box .t2 a{
	color:#fff;
	text-decoration:none;
}

#productView .title_box .t3{
	font-size:1.5em;
	font-weight:300;
	padding:0 0 5px 0;
	margin:0;
}

#productView .addthis_sharing_toolbox{
	margin-bottom:25px;
	height:35px;
}

#productView .column_left{
	float:left;
	width:300px;
	font-size:1.6em;
	font-family: 'Open Sans', 'sans-serif';
}

#productView .column_left p{
	margin:0;
}
#productView .column_left .small{
	font-size:0.8em;
}

#productView .column_left .marginTop{
	margin-top:25px;
}

#productView .column_left .shipping_rates{
	text-indent:15px; 
	display:block;
}

#productView .column_right{
	float:right;
	width:635px;
}

#productView .buyButton{
	display:block;
	margin:15px 0;
	font-size:1.87em;
	font-weight:normal;
	font-family: 'wisdom_script_airegular';
	text-align:center;
	text-decoration:none;
	background:#2c2c2c;
	color:#fff;
}

#productView .imageGallery .images{
	width:635px;
	height:360px;
	overflow:hidden;
}

#productView .imageGallery .images .image{
	width:635px;
	height:360px;
	/*background:#2c2c2c;
	text-align:center;
	line-height:360px;*/
}

#productView .imageGallery .images img{
	max-width:635px;
	max-height:360px;
}

#productView .imageGallery .thumbs{
	width:635px;
	min-height:112px;
	overflow:hidden;
	margin-top:16px;
}

#productView .imageGallery .thumbs a{
	float:left;
	width:112px;
	height:112px;
	margin:0 15px 15px 0;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	cursor:pointer;
}

.lt-ie9 #productView .imageGallery .thumbs a{
	/* The url is relative to the document, not to the css file! */
    /* Prefer absolute urls to avoid confusion. */
    -ms-behavior: url('/css/backgroundsize.min.htc');	
}

#productView .three_columns{
	clear:both;
	overflow:hidden;
	padding-top:45px;
	font-family: 'Open Sans', 'sans-serif';
	font-size:1.5em;
	margin-bottom:30px;
}

#productView .three_columns .column{
	float:left;
	width:298px;
}

#productView .three_columns .column.center{
	margin:0 35px;
}

#productView .three_columns .column p{
	margin:0;
}

#productView .three_columns .column p.marginTop{
	margin-top:20px;
}

#productView .three_columns .column p.openClose a.show, #productView .three_columns .column p.openClose a.hide{
	float:right;
	text-decoration:none;
	font-weight:bold;
	cursor:pointer;
	padding:0 5px;
}

#productView .three_columns .column p.openClose .text{
	display:block;
	margin-top:15px;
}

#productView .three_columns .column p.open a.show{
	display:none;
}

#productView .three_columns .column p.close a.hide, #productView .three_columns .column p.close .text{
	display:none;
}

#productView .three_columns .column .form{
	font-size:1em;
	overflow:hidden;
}

#productView .langBoxDescr{
	display:none;
}

#productView .langBoxDescr.in{
	display:block;
}

#productView .flags{
	text-align:right;
	line-height:28px;
	font-style:italic;
	margin-top:5px;
}

#productView .flags a{
	display:inline-block;
	width:30px;
	height:24px;
	margin-left:5px;
	background-repeat:no-repeat;
	background-image:url('../img/flags-form.png');
	cursor:pointer;
	vertical-align:middle;
}

#productView .flags a.es{
	background-position:0 0;
}

#productView .flags a.es:hover, #productView .flags a.es.in{
	background-position:0 -24px;
}

#productView .flags a.en{
	background-position:-30px 0;
}

#productView .flags a.en:hover, #productView .flags a.en.in{
	background-position:-30px -24px;
}

#productView .flags a.it{
	background-position:-60px 0;
}

#productView .flags a.it:hover, #productView .flags a.it.in{
	background-position:-60px -24px;
}

#email-seller-form label{
	display:block;
	font-weight:bold;
	color:#2c2c2c;
}

#email-seller-form textarea{
	width:284px;
	border:solid 2px #2c2c2c;
	height:113px;
	resize:none;
	padding:5px;
	margin:15px 0;
}

#email-seller-form input[type=submit]{
	border:none;
	background:none;
	float:right;
	font-weight:bold;
	cursor:pointer;
}

#currency_widget_holder .currency_widget_content ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow:hidden;
}

#currency_widget_holder .currency_widget_content ul li {
	margin: 0;
	padding: 0;
	float:left;
}

#currency_widget_holder .currency_widget_content ul li:first-child, #currency_widget_holder .currency_widget_content ul li:nth-child(2), #currency_widget_holder .currency_widget_content ul li:nth-child(4){
	display:none;
}

#currency_widget_holder .currency_widget_content .currency_widget_ex_rate_source, #currency_widget_holder .currency_widget_content input, #currency_widget_holder .currency_widget_content select[name=source_currency]{
	display:none;
}

#currency_widget_holder  .currency_widget_content{
	font-family:inherit;
	background:transparent;
	border:none;
	width:auto;
	padding:0;
	margin-top:8px;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}

#currency_widget_holder select{
	border:solid 2px #2c2c2c;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	height:24px;
	line-height:24px;
	width: 200px; 
	font-family: 'Open Sans', 'sans-serif';
	font-size:0.8em;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	padding:0 25px 0 0;
	background:#f5f5f5 url('../img/select-arrow.jpg') no-repeat top right;
	text-indent: 0.01px;
	text-overflow: '';
	margin:0 10px 0 0;
}

/*for IE10*/
#currency_widget_holder select::-ms-expand {
    display: none;
}

.lt-ie10 #currency_widget_holder select{
	background-image:none;
	padding:0;
}

#currency_widget_holder .currency_widget_result{
	line-height:20px;
	font-size:0.8em;
}

#auction-bid-form{
	margin-top:10px;
}

#auction-bid-form input[type="text"] {
    background:none;
    border:solid 2px #2c2c2c;
    color: #787878;
    font-family: "Open Sans","sans-serif";
    font-size: 1em;
    font-weight: 600;
	height:20px;
	line-height:20px;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	padding:0;
	text-indent:2px;
	width:150px;
}

#auction-bid-form input[type="submit"] {
    background:none;
    border: none;
    color: #2c2c2c;
    font-family: "Roboto Slab",serif;
    font-size: 1.5em;
    font-weight: 800;
    text-transform: uppercase;
	line-height:20px;
}

.recommended-box{
    background-color: #2c2c2c;
    color:#fff;
    overflow: hidden;
    margin:20px -30px 3px -30px;
    padding:20px 0 20px 31px;
}

.recommended-box h4, .recommended-box h5{
    text-align: center;
    font-size:34px;
    font-weight:normal;
    font-family: 'wisdom_script_airegular';
    margin:0 0 20px 0;
}

.recommended-box .recommended-banner{
    float:left;
    width:300px;
    margin-right:31px;
    text-transform: uppercase;
    font-size:20px;
    font-weight: bold;
    font-family:'Open Sans', sans-serif;
}

.recommended-box .recommended-banner a{
    display:block;
    text-decoration: none;
    color:inherit;
    position: relative;
}

.recommended-box .recommended-banner a .image{
    display:block;
    width:300px;
    height:175px;
    background-size: cover;
    background-position:center center;
    background-repeat: no-repeat;
    margin-bottom:10px;
}

.recommended-box .recommended-banner a .badge-thomann{
    display: block;
    position: absolute;
    right: 10px;
    top:-10px;
    width:104px;
    height:37px;
    background: url('../img/recommended-badge-thomann.png') no-repeat;
}

.recommended-box .recommended-banner a .badge-ge{
    display: block;
    position: absolute;
    right: 10px;
    top:-10px;
    width:39px;
    height:62px;
    background: url('../img/recommended-badge-ge.png') no-repeat;
}
/*---*/

/*PRODUCT CRETE/UPDATE*/
#productCreate .otherActions{
	border-top:solid 1px rgb(120, 120, 120);
	line-height: 35px;
    padding-top: 20px;
}

#productCreate .otherActions a, #productCreate .otherActions input[type=button]{
	background:none;
	border:none;
	font-size:2.2em;
	font-family:'Roboto Slab', serif;
	font-weight:800;
	color:#2c2c2c;
	text-transform:uppercase;
	text-decoration:none;
	cursor:pointer;
	padding:0;
}
/*---*/

/*VIEW SHOP*/
#viewShop{
	margin-top:-17px;
}

#viewShop .banner{
	background:#2c2c2c;
	text-align:center;
	width:1024px;
	position:relative;
	left:-30px;
}

#viewShopOverlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	min-height:100%;
	background:#2c2c2c;/*ie8*/
	background:rgba(44,44,44,0.70);
}

#viewShopOverlay .overlay_content{
	width:740px;
	margin:130px auto 10px auto;
	background:#fff;
	padding-bottom:1px;
}

#viewShopOverlay .overlay_content .title_box{
	padding:0;
	text-align:center;
	box-shadow: 0 5px 10px 0 #333333; 
	position:relative;
}

#viewShopOverlay .overlay_content .title_box .close{
	position:absolute;
	top:23px;
	right:35px;
	display:block;
	width:24px;
	height:24px;
	background:url('../img/close-overlay.png') no-repeat;
	cursor:pointer;
}

#viewShopOverlay .overlay_content .text{
	margin:0 88px 28px 110px;
	font-family:'Open Sans', sans-serif;
	font-size:1.5em;
}

#viewShopOverlay .overlay_content .text p{
	margin:0 0 20px 0;
	overflow:hidden;
}

#viewShopOverlay .overlay_content .text .labelValue .label{
	float:left;
	color:#787878;
	width:166px;
}

#viewShopOverlay .overlay_content .text h3{
	font-family:'Roboto Slab', serif;
	margin:0 0 15px 0;
	font-size:1em;
}

#viewShopOverlay .overlay_content .text .scrollText{
	height:166px;
	border:solid 2px #2c2c2c;
	padding:5px 5px 5px 10px;
	margin:0 0 20px 0;
}

#viewShopOverlay .overlay_content .text .scrollText .nano{
	height:166px;
}

#viewShopOverlay .overlay_content .text .nano p{
	margin:0;
}

#viewShopOverlay .overlay_content .text .nano .nano-pane{ 
	background:#e5e5e5;
	width:5px;
}

#viewShopOverlay .overlay_content .text .nano .nano-slider{ 
	background:#2c2c2c;
}
/*---*/

/*SHOP UPDATE*/
#shopFormDropzone{
	margin-left:160px;
}
/*---*/

/*UNPLUGGED*/
.postSummary{
	margin-bottom:25px;
}

.two_columns .column_large .postSummary h3{
	margin-bottom:15px;
}

.postSummary h3 a{
	color:#2c2c2c;
	text-decoration:none;
}

.postSummary p{
	font-size:1.5em;
	font-family:'Open Sans', sans-serif;
	font-weight:300;
	margin:0;
}

.postSummary.more{
	text-align:center;
}

.postSummary.more a{
	background:url('../img/load-more-icon.png') no-repeat 0 0;
	cursor:pointer;
	color:#2c2c2c;
	font-family:'Roboto Slab', serif;
	font-weight:bold;
	font-size:2.5em;
	text-decoration:none;
	padding-left:50px;
	line-height:42px;
}

.postSummary.more.loading a{
	background-image:url('../img/load-more-spinner-gray.gif');
	background-size:42px 42px;
}
/*---*/

/*VIDEOS*/
.albumSummary{
	margin-bottom:25px;
}

#videosIndex .albumSummary{
	margin-bottom:0;
}

.two_columns .column_large .albumSummary h3{
	margin-bottom:15px;
}

.albumSummary h3 a{
	color:#2c2c2c;
	text-decoration:none;
}

.albumSummary p{
	font-size:1.5em;
	font-family:'Open Sans', sans-serif;
	font-weight:300;
	margin:0;
}

.albumSummary.more{
	text-align:center;
}

.albumSummary.more a{
	background:url('../img/load-more-icon.png') no-repeat 0 0;
	background-size: auto 100%;
	cursor:pointer;
	color:#2c2c2c;
	font-family:'Roboto Slab', serif;
	font-weight:bold;
	font-size:2.5em;
	text-decoration:none;
	padding-left:50px;
	line-height:42px;
}

.albumSummary.more.loading a{
	background-image:url('../img/load-more-spinner-gray.gif');
	background-size:33px 33px;
}

.albumSummary .videos{
	margin-top:15px;
	overflow:hidden;
}

#videosIndex .albumSummary .videos{
	margin-top:0;
}

.albumSummary .videos .boxSquareHover{
	float:left;
}
/*---*/

/*SEARCH PAGE*/
#searchPage .title_box{
	padding-left:20px;
}

#searchPage h2{
	font-family: 'Roboto Slab',serif;
	font-size:2em;
}

#searchPage .products{
	margin-bottom:60px;
}

#searchPage .searchCount{
	font-family: 'Open Sans', 'sans-serif';
	font-size:1.6em;
	text-align:center;
}
/*---*/

/*USER CREATE*/
#register_fb{
	cursor:pointer;
}

.form .row.inline.half.terms-of-use.fb label{
	width:auto;
	margin-left:20px;
}

.form .row.half.terms-of-use.fb input[type="checkbox"] + label{
	width:24px;
}
/*---*/

/*UNPLUGGED INDEX*/
#unpluggedIndex .banner{
	height:250px;
	width:1024px;
	position:relative;
	left:-30px;
	top:-17px;
	text-align:center;
	background:#2c2c2c;
}
/*---*/

.addthis_sharing_toolbox{
	margin-top:20px;
}

.fancybox-title .addthis_sharing_toolbox{
	margin:0;
	display:inline-block;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}