/* Styles specific to widgets (RESPONSIVE output) */

.wdgt_linktitle {/*display: block !important;*/line-height: normal;white-space: normal;vertical-align: middle;}
.wdgt_navimenuitem {margin: 5px 1% 5px 1%;}
.wdgt_simplemenu {display: block;}
.wdgt_linkfull {float: left;margin: 0 0.2em 0 0;}
.wdgt_linktext {float: left;width: 58%;overflow: hidden;}
.wdgt_linktextlong {float: left;width: 100%;overflow: hidden;}
.wdgt_itemicononly {}
.wdgt_linkicononly {float: none;margin: 0;}
.wdgt_formfieldlabel {margin-left: 4px;margin-top: 4px;}
.wdgt_formfieldphonenumber {margin-left: 4px;margin-top: 4px;}
.wdgt_formfieldphonenumber #countrycode {width: 10%;}
.wdgt_formfieldphonenumber #phonenumber {width: 60%;}
.wdgt_grid-table {margin: 5pt auto;padding: 0;width: 94%;text-align: center;}
.wdgt_grid-table-cell {width: 33%;text-align: center;vertical-align: top;}
.grid-table-cell a {text-decoration: none !important;}
.wdgt_opening-hours-table {border: 0 none;width: 100%;}
.wdgt_opening-hours-cell-day {text-align: left;font-weight: bold;}
.wdgt_opening-hours-cell-time {text-align: left;padding: 1px 1px 1px 20px;}
.wdgt_fullscreenVideoHidden {width: 0px;height: 0px;display: none;}
.wdgt_fullscreenVideoVisible {width: 1px;height: 1px;display: inline-block;opacity: 0;}
.wdgt_textarea, input[type="text"], input[type="password"] {padding: 4pt;}
.wdgt_textarea, input[type="text"], input[type="password"] {-webkit-border-radius: 4pt;-border-radius: 4pt;-o-border-radius: 4pt;-moz-border-radius: 4pt;}
.wdgt_linkicon {display: block;text-decoration: none;white-space: nowrap; margin: 0 auto;}
.wdgt_linkicon span {display:inline-block;vertical-align:middle;}
.wdgt_navimenuitem {white-space:nowrap;}
#bookmark_me  { position: absolute; z-index: 100000; width: 100%; left: 0; right: 0; top: -1000px; display: none; }
#bookmark_me div {
    position: relative; 
    width: 90%; margin: 0px auto; border: 2px solid #999; padding: 0.5em; 
    border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px;
    -webkit-box-shadow: 0px 0px 8px rgba(153, 153, 153, 0.7); 
    -moz-box-shadow: 0px 0px 8px rgba(153, 153, 153, 0.7); 
    -o-box-shadow: 0px 0px 8px rgba(153, 153, 153, 0.7); 
    box-shadow: 0px 0px 4px 2px rgba(153, 153, 153, 0.7); 
    background-color: #eee;
}
#bookmark_me img { float: right; }

/*Bubble Object*/
.bubbleItem{padding: 1px;}                        
.bubbleImage{display:table;}
    /*size ToolTip Bubble Object description*/
.bubbleDescription{ min-height:100px; width:280px; overflow:hidden;}
.bubbleItem .responsiveImg{margin: 0 auto;}
.bubbleImage h2 {font-size: 10pt !important;}
.bubbleImage .btnWatchNow h2 { font-size: 7pt !important; }

/*Product output from plugins size XXL*/
.prdDescCnt h2 {font-size: 10pt !important;}

/*SLIDER*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;}
/*END SLIDER*/


@media only screen and (max-width: 480px)     
{
    .wdgt_buttonwrap {margin: 0 auto; max-width: 300px; text-align: center; width:40%;}
    .wdgt_dwidth {width: 80%;}
}

@media only screen and (min-width: 481px) and (max-width: 800px) 
{
    .wdgt_buttonwrap {margin: 0 auto; max-width: 300px; text-align: center; width:35%;}
    .wdgt_dwidth {width: 70%;}     
}

@media only screen and (min-width: 801px) and (max-width: 1200px) 
{
    .wdgt_buttonwrap {margin: 0 auto; max-width: 300px; text-align: center; width:30%;}
    .wdgt_dwidth {width: 60%;}    
}

@media only screen and (min-width: 1201px) 
{
    .wdgt_buttonwrap {margin: 0 auto; max-width: 300px; text-align: center; width:20%;}
    .wdgt_dwidth {width: 50%;}     
}

/*END Bubble Object*/

/*for the ecwid widget (sort list) style*/
.fontclass1 .gwt-ListBox { font-size: inherit !important; }
.fontclass2 .gwt-ListBox { font-size: inherit !important; }
.fontclass3 .gwt-ListBox { font-size: inherit !important; }
.fontclass4 .gwt-ListBox { font-size: inherit !important; }
.fontclass5 .gwt-ListBox { font-size: inherit !important; }
.fontclass6 .gwt-ListBox { font-size: inherit !important; }
.fontclass7 .gwt-ListBox { font-size: inherit !important; }



/* old sizes, remove this code after check the new visualization 

@media only screen and (max-width: 320px)
{
    .wdgt_buttonwrap {margin: 0 auto; max-width: 300px; text-align: center; width:45%;}
    .wdgt_dwidth {width: 90%;}
    .wdgt_textarea{width: 90%;}    
}
    
@media only screen and (min-width: 321px) and (max-width: 480px)
{
    .wdgt_buttonwrap {margin: 0 auto; max-width: 300px; text-align: center; width:40%;}
    .wdgt_dwidth {width: 80%;}
}

@media only screen and (min-width: 481px) and (max-width: 800px)
{
    .wdgt_buttonwrap {margin: 0 auto; max-width: 300px; text-align: center; width:35%;}
    .wdgt_dwidth {width: 70%;}    
}

@media only screen and (min-width: 801px) and (max-width: 1024px)
{
    .wdgt_buttonwrap {margin: 0 auto; max-width: 300px; text-align: center; width:30%;}
    .wdgt_dwidth {width: 60%;}
}

@media only screen and (min-width: 1025px)
{
    .wdgt_buttonwrap {margin: 0 auto; max-width: 300px; text-align: center; width:20%;}
    .wdgt_dwidth {width: 50%;}    
}

*/