@import url("grid.css");
@import url("fonts.css");
@import url("font-awesome.css");
@import url("forms.css");
@import url("tooltip.css");

/* == TYPOGRAPHY == */	
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}
h1{font-size:28px;line-height:50px}
h2{font-size:22px;line-height:30px}
h3{font-size:16px;line-height:34px}
h4{font-size:14px;line-height:30px}
h5{font-size:12px;line-height:24px}
h6{font-size:10px;line-height:21px}
h1.maintitle{margin-bottom:20px;border-bottom: 1px solid #CDCDCD;box-shadow: 0 1px 0 0 #FFFFFF;position:relative}

html {
    position: relative;
    min-height: 100%;
}
body{ min-height: 100%; color: #363636; /*margin: 0 0 110px;*/ background-color: #F8F8F8; font-family: FMSlimRegular, Helvetica, sans-serif; font-size: 13px; font-style: normal; line-height: 20px; font-weight: normal; font-variant: normal; }
a{cursor:pointer;color:#2AB6D6;text-decoration:none;-webkit-transition:all .35s ease;-moz-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease;outline:none}
a:hover,a.hover,a:focus{ color: #F37324; -webkit-transition: all .55s ease; -moz-transition: all .55s ease; -o-transition: all .35s ease; transition: all .55s ease; outline: none;  }
.divdark{border-bottom: 1px solid #000;box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1);padding-bottom:10px }
hr,.hr2,.hr3,.h4{border:none;clear:both;height:0;background:none;border-bottom:#e4e4e4 solid 1px;box-shadow:0 1px 0 0 #FFF;margin:10px 0;padding:0}
.hr2{margin-top:30px;margin-bottom:30px}
.hr3{height:8px;background:none repeat scroll 0 0 #f9f9f9;border-radius:2px 2px 2px 2px;box-shadow:0 1px 1px rgba(0,0,0,0.1) inset;border:0;margin:5px}
.hr4{height:16px;font-size:10px;line-height:18px;text-transform:uppercase;background:none repeat scroll 0 0 #f9f9f9;border-radius:0;box-shadow:0 1px 1px rgba(0,0,0,0.1) inset;border:0;font-weight:600;text-align:center;color:#3B3E40;letter-spacing:1px;margin:5px}


/* == Header == */	
header#header{}
#topbar{padding:10px 0 15px 0;background-color:#2f2f2f;background:#333;background:-moz-linear-gradient(top,#333 0,#2a2a2a 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#333),color-stop(100%,#2a2a2a));background:-webkit-linear-gradient(top,#333 0,#2a2a2a 100%);background:-o-linear-gradient(top,#333 0,#2a2a2a 100%);background:-ms-linear-gradient(top,#333 0,#2a2a2a 100%);background:linear-gradient(to bottom,#333 0,#2a2a2a 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333',endColorstr='#2a2a2a',GradientType=0);border-top:3px solid #000}
#top-middle{margin-bottom:30px;padding:15px 0 15px 0;background:#f5f5f5;background:-moz-linear-gradient(top,#f5f5f5 0,#f9f9f9 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#f9f9f9));background:-webkit-linear-gradient(top,#f5f5f5 0,#f9f9f9 100%);background:-o-linear-gradient(top,#f5f5f5 0,#f9f9f9 100%);background:-ms-linear-gradient(top,#f5f5f5 0,#f9f9f9 100%);background:linear-gradient(to bottom,#f5f5f5 0,#f9f9f9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',endColorstr='#f9f9f9',GradientType=0);box-shadow:0 1px 0 #fff inset,0 2px 4px 0 rgba(0,0,0,0.08);text-shadow:#fff 0 1px 0}
#topbar figure,header#header .ajax-search{padding-top:15px}
header#header .topmenu{margin-top:5px}
header#header .pagemenu li{display:inine-block;float:left;margin-right:10px}
header#header .usermenu a{margin-left:8px}
header#header .cartmenu, header#header .langmenu{background:#111;border-bottom:1px solid #4c4f56;border-radius:4px 4px 4px 4px;border-top:1px solid #1c1f23;padding:3px 15px;color:#fff;}
header#header .cartmenu i{font-size:14px;margin-right:10px}
header#header .langmenu{margin-left:10px;position:relative}
header#header .langbar{display:none}
header#header .langbar a{display:block;margin-top:3px;padding:0 3px;font-size:12px}
header#header .langbar a.langactive{ background-color: #333;border-radius:2px }
header#header .ajax-search{position:relative}
header#header .ajax-search .xform{box-shadow:none;padding:0;background:transparent}
header#header .ajax-search .xform .icon-append,header#header .ajax-search .xform .icon-prepend{color:rgba(255,255,255,0.45)}
header#header .ajax-search input{background:rgba(0,0,0,0.5);border-color:#000;box-shadow:0 1px 0 0 #000 inset;color:#fff}
header#header .crumbs { }

/* == Main Menu == */	
.sm,.sm ul,.sm li{display:block;list-style:none;padding:0;margin:0;line-height:normal;direction:ltr;}
ul.sm li{position:relative;}
ul.sm a{position:relative;display:block;}
ul.sm a.disabled{cursor:default;}
ul.sm ul{position:absolute;top:-999999px;left:-800px;width:100px;}
ul.sm li{float:left;}
ul.sm-rtl{direction:rtl;}
ul.sm-rtl li{float:right;}
ul.sm ul li,ul.sm-vertical li{float:none;}
ul.sm a{white-space:nowrap;}
ul.sm ul a,ul.sm-vertical a{white-space:normal;}
* html ul.sm-vertical li{float:left;width:100%;}
* html ul.sm-vertical ul li{float:none;width:auto;}
*:first-child+html ul.sm-vertical>li{float:left;width:100%;}
ul.sm ul.sm-nowrap>li>a{white-space:nowrap;}
ul.sm:after{content:"\00a0";display:block;height:0;font:0/0 serif;clear:both;visibility:hidden;overflow:hidden;}
* html ul.sm{height:1px;}
*:first-child+html ul.sm{min-height:1px;}
ul.sm li *,ul.sm li *:before,ul.sm li *:after{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
ul.sm{-webkit-tap-highlight-color:rgba(0,0,0,0);}

header nav{background:#333;background:-moz-linear-gradient(top,#333 0,#2a2a2a 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#333),color-stop(100%,#2a2a2a));background:-webkit-linear-gradient(top,#333 0,#2a2a2a 100%);background:-o-linear-gradient(top,#333 0,#2a2a2a 100%);background:-ms-linear-gradient(top,#333 0,#2a2a2a 100%);background:linear-gradient(to bottom,#333 0,#2a2a2a 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333',endColorstr='#2a2a2a',GradientType=0);margin-bottom:30px;border-radius:4px;box-shadow:0 1px 0 rgba(255,255,255,0.1) inset,0 2px 4px rgba(0,0,0,0.2)}
header nav span.home{float:left;display:block;border-right:1px solid #404040;padding-left:10px;padding-right:10px}header nav span.home a{display:block;font-size:24px;line-height:32px;text-decoration:none;padding:10px}
.sm-clean{padding:0}
.sm-clean-vertical{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;padding:10px 0}
.sm-clean ul{background-color:#f7f7f7;box-shadow:0 1px 0 white inset,0 5px 10px rgba(0,0,0,0.2)}
.sm-clean>li>ul:before{content:'';position:absolute;top:-18px;left:30px;width:0;height:0;overflow:hidden;border-color:transparent transparent #fff;border-style:dashed dashed solid;border-width:9px}
.sm-clean>li>ul:after{content:'';position:absolute;top:-16px;left:31px;width:0;height:0;overflow:hidden;border-color:transparent transparent #fff;border-style:dashed dashed solid;border-width:8px}
.sm-clean-vertical > li > ul:before,.sm-clean-vertical > li > ul:after{display:none}
.sm-clean a{color:#666;font-size:14px;line-height:14px;text-decoration:none;padding:10px}
.sm-clean > li > a{color:#fff;padding:20px 20px;}
.sm-clean > li {border-right: 1px solid #404040;box-shadow: 1px 0 0 #212121;}
.sm-clean > li:first-child{box-shadow:none;}
.sm-clean > li > a:hover{color:#F37324;}
.sm-clean-vertical a:hover,.sm-clean-vertical a:focus,.sm-clean-vertical a:active,.sm-clean-vertical a.highlighted{background:#29455B}
.sm-clean a.has-submenu{padding-right:25px}
.sm-clean-vertical a,.sm-clean ul a{padding:10px 20px}
.sm-clean-vertical a.has-submenu,.sm-clean ul a.has-submenu{padding-right:40px}
.sm-clean ul a{font-size:14px}
.sm-clean ul a:hover,.sm-clean ul a:focus,.sm-clean ul a:active,.sm-clean ul a.highlighted{color:#666;background:#dfdfdf}
.sm-clean a:hover,.sm-clean a:focus,.sm-clean a:active,.sm-clean a.highlighted,.sm-clean a.current,.sm-clean a.current:hover,.sm-clean a.current:focus,.sm-clean a.current:active{color:#F37324}
.sm-clean a span.sub-arrow{position:absolute;right:0;top:50%;margin-top:-7px;width:16px;height:16px;line-height:16px}
.sm-clean ul a span.sub-arrow,.sm-clean-vertical a span.sub-arrow{right:auto;margin-left:14px}
.sm-clean span.scroll-up,.sm-clean span.scroll-down{position:absolute;display:none;visibility:hidden;overflow:hidden;background:#fff;height:20px}
.sm-clean span.scroll-up:hover,.sm-clean span.scroll-down:hover{background:#eee}
.sm-clean span.scroll-up-arrow,.sm-clean span.scroll-down-arrow{position:absolute;top:0;left:50%;margin-left:-6px;width:0;height:0;overflow:hidden;border-color:transparent transparent #555;border-style:dashed dashed solid;border-width:6px}
.sm-clean span.scroll-up:hover span.scroll-up-arrow{border-color:transparent transparent #dd514c}
.sm-clean span.scroll-down-arrow{top:8px;border-color:#555 transparent transparent;border-style:solid dashed dashed}
.sm-clean span.scroll-down:hover span.scroll-down-arrow{border-color:#dd514c transparent transparent}

/* == Widgets == */		  
.widget-container{height:1%;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.widget-container .small:first-child{float:left}
section.small{width:49%;float:right;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
section.widget{ border-bottom: 1px solid #e9e9e9;background: #fff; min-height: 120px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin-top: 20px; margin-right: 0px; margin-bottom: 25px;}
section.widget header.main{ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);border-left:16px solid #2AB6D6;background-color: #404040; color: #fff; display: block;  overflow: visible; border-radius:0; line-height:20px;padding: 10px;position:relative;width: 97%;}
section.widget header.main:after{content:'';position:absolute;top:18px;left:0;width:0;height:0;border:6px solid transparent;border-left:6px solid #2AB6D6}
section.widget header.main h1{font-family:'robotoregular',sans-serif;line-height:30px;font-size:12px;color:#fff;float:left;text-transform:uppercase}
section.widget header.main h1>i{font-size:14px}
section.widget header.main h3{font-family:'FMBoldRegular',sans-serif;font-size:12px;color:#5daced}
section.widget header.main aside{float:right}
section.widget header.main aside a{color:#fff}
section.widget header.main aside.sort a.nrtrbr{border-top-right-radius:0;border-bottom-right-radius:0}
section.widget header.main aside.sort a.nrtlbl{border-top-left-radius:0;border-bottom-left-radius:0}
section.widget header.main aside a:hover,section.widget header.main aside.sort a.active{color:#4EC9CE}
section.widget form header.main{background:transparent;display:block;width:100%;border-bottom:2px solid #ebebe6;font-size:18px;color:#232323;box-shadow:0 2px 0 0 #FFF;margin:0 -30px 30px;padding:0 30px 20px}section.widget form header.main span{display:block;font-size:13px;color:#bebebe}
section.widget .content{padding:25px}
section.widget header.main aside>a{display:block;background:#313131;color:#FFF;border-top:1px solid #1c1f23;border-bottom:1px solid #4c4f56;position:relative;font-size:18px;border-radius:4px;padding-top:3px;padding-right:8px;padding-bottom:3px;padding-left:8px;margin:0}
.fixed{position:fixed}
section.widget .content2,section.widget .content.no-padding{padding:0}
section.widget .content .stats-wrapper:last-child div,section.widget .content .stats-wrapper .stats p{margin:0}
section.widget.nobg{background: none;border-bottom:0}


/* == Item Grids & Lists == */	
#latest{padding-top:25px}
#griddata li{border-radius:3px;background-color:#eee;border:1px solid #eee;border-top-left-radius:5px;border-top-right-radius:5px}
#griddata li article{position:relative;transition:all .35s ease-in-out 0;background-attachment:scroll;background-color:#eee;margin:0 auto;padding:20px;z-index:20}
#griddata li img{background:#FFFFFF;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);padding:8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-clip:padding-box;display:block;height:auto;transition:all .2s ease-in-out 0;max-width:100%;height:auto;margin:0 auto}
#griddata li article .price:after{bottom:-9px;content:"";display:block;left:0;position:absolute;border-color:#323232 transparent transparent;border-style:solid;border-width:9px 0 0 9px}
#griddata li article .price{background:#404040;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;bottom:30%;color:#fff;display:block;left:-9px;position:absolute;box-shadow:1px 1px 1px 0 rgba(0,0,0,0.3);padding:5px 13px}
#griddata li h3:after{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-image:none;content:"";display:block;left:15px;position:absolute;top:-18px;border-color:transparent transparent #FFF;border-style:solid;border-width:9px;z-index:25}
#griddata li h3{background:#FFF;border-bottom:0 none;font-weight:400;margin-bottom:0;position:relative;color:#000;padding:10px 10px 0}
#griddata li .category{background:none repeat scroll 0 0 #FFF;border-bottom:3px solid rgba(0,0,0,0.09);list-style:none outside none;margin:0;padding:0 10px 10px}
#griddata li .details-link{display:none;position:absolute;text-align:center;background-color:#E06400;z-index:25;border-radius:100% 100% 100% 100%;width:80px;height:80px;top:50%;left:50%;margin-left:-40px;margin-top:-40px;color:#FFF;line-height:80px;font-size:34px;font-weight:400}
#griddata li .buttons-wrap{padding:10px}

#listdata{margin-left:25px;margin-right:25px;margin-bottom:25px}
#listdata.catlist{margin:0}
#listdata li{background-color:#eee;border-bottom:1px solid #ddd;margin-bottom:10px;}
#listdata li:last-child{margin-bottom:0}
#listdata li figure{background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);padding: 5px;text-align:center;margin-right:auto;margin-left:auto;}
#listdata li figure img{max-width:100%;height:auto}
#listdata li article{padding:20px;border-bottom: 1px solid #CDCDCD;box-shadow: 0 1px 0 0 #FFFFFF;position:relative;z-index:20}
#listdata li h2{margin-bottom:15px;text-shadow:0 1px 0 #fff}
#listdata li .utility{margin-top:10px;}
#listdata li .descdata{padding-bottom:10px;border-bottom: 1px solid #CDCDCD;box-shadow: 0 1px 0 0 #FFFFFF;text-shadow:0 1px 0 #fff}
#listdata li .category{margin-bottom:5px}
#listdata li .category span{display:inline-block;padding:7px 15px;background:#fff;border-radius:4px;margin-bottom:2px}
#listdata li .category span i{font-size:14px;color:#7D7D7D}
#listdata li .category span.pricelist{background:#2ab6d6;color:#fff}
#listdata li .category span:hover{background:#404040;color:#fff}
#listdata li .buttons-wrap{padding:10px}
.loadamin{ margin:-20px;position: absolute; width: 100%; height: 100%; opacity: 0.85; z-index: 30; background-color: #000; background-image: url(../images/spin.gif); background-repeat: no-repeat; background-position: center center; }


.thumbnail{position:relative;float:left;max-width:33%;height:auto;background:#FFFFFF;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);padding:8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 20px 10px 0}
.thumbnail img{position:relative;z-index:1;vertical-align:top;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out}
.thumbnail.max-width{max-width:100%}


/* == Item Rating/Voting == */  
span.rating-read b,span.rating-vote b{font-family:FontAwesome;font-weight:400;font-style:normal;display:inline-block;font-size:14px;color:#7D7D7D;cursor:pointer}
span.rating-read b{cursor:default}
span.rating-read b:before,span.rating-vote b:before{content:"\f005";padding-right:2px;color:#7D7D7D}
span.rating-read b.rated:before,span.rating-vote b:hover:before,span.rating-vote b.rated:before{content:"\f005";color:#2AB6D6;transition:color .2s;-o-transition:color .2s;-ms-transition:color .2s;-moz-transition:color .2s;-webkit-transition:color .2s}
span.rating-vote b.rated:hover:before{color:#F37324}
span.rating-read i,span.rating-vote i{padding-left:5px;font-size:12px!important}
span.rating-vote{display:block;padding:7px 15px;background:#fff;border-radius:4px;}
span.voting{display:inline-block;background:#404040;border-radius:4px;}
span.voting b{ font-size: 12px; font-weight: normal;color:#fff;display:inline-block;padding-left:5px }
span.voting a{ display: inline-block; padding: 7px 15px; }
span.voting i{font-size:14px!important;color:#F37324}
span.voting a.vote-up > i{ color: #99CF47 }
span.voting a.vote-up:hover{background:#99CF47;border-radius:3px 0 0 3px}
span.voting a.vote-down:hover{background:#F37324;border-radius:0 3px 3px 0}
span.voting a.vote-up:hover > i,span.voting a.vote-down:hover > i{color: #fff }

/* F.A.Q. */
#faq{text-shadow:0 1px 0 #fff;margin-top:15px}
#faq a.expand_all{float:right;display:inline-block;background:#404040;border-radius:4px;padding:7px 15px;}
#faq p.question{font-size:18px}
#faq div.answer{display:none;margin-left:20px;margin-top:10px}

/* Cart */
ul.cart li{ background-color: #EEE;margin-bottom:5px;box-shadow:0 1px 0 #ddd inset;padding:5px;border-radius:3px}
ul.cart li .thumbnail{margin:0 5px 0 0;padding:3px;}
ul.cart li p{font-size:12px}
.subtotal{margin-top:10px}
.subtotal span{display:inline-block;background-color: #404040;border-radius:4px;padding:7px 15px;color:#fff; }
.subtotal span i{font-size:14px}
ul.cart li i{font-size:20px}
.subtotal span.dosub{ color: #FFF; background-color: #2AB6D6; }

/* 404 */
h1.four{font-size:128px;line-height:132px;text-align:center;text-shadow:0 1px 0 #fff;}
h1.four span{font-size:24px;}
p.four{font-size:64px;line-height:96px;text-align:center;text-shadow:0 1px 0 #fff;margin-bottom:10px}

/* == Default Buttons == */ 
a.add-button,a.down-button,a.visit-button,a.lock-button,a.go-button{-moz-box-sizing:border-box;background:#E06400;border:0 none;border-radius:3px;box-shadow:none;color:#fff;cursor:pointer;display:inline-block;font-size:13px;line-height:20px;padding:7px 20px;text-align:center;text-decoration:none;text-shadow:none;white-space:nowrap;width:auto}
a.add-button i,a.down-button i,a.visit-button i,a.lock-button i,a.go-button i{font-size:14px}
a.add-button:hover,a.down-button:hover,a.visit-button:hover,a.lock-button:hover,a.add-button.alt,a.go-button:hover,a.go-button.alt{background-color:#323232;color:#fff;text-decoration:none}
a.add-button:active,a.down-button:active a.visit-button:active a.lock-button:active,a.go-button:active{background-color:#0894b4}


/* == Hover Effects == */  
.thumb-show{list-style:none;position:relative;padding:0}
.thumb-show li{background:#fff;position:relative;box-shadow:0 1px 3px rgba(0,0,0,0.1);padding:8px}
.thumb-show li a,.thumb-show li a img{display:block;position:relative}
.thumb-show li a{overflow:hidden}
.thumb-show li a div{position:absolute;background:rgba(75,75,75,0.7);width:100%;height:100%}
.thumb-show li a div span{display:block;text-transform:uppercase;font-weight:400;color:rgba(255,255,255,0.9);text-shadow:1px 1px 1px rgba(0,0,0,0.2);border-bottom:1px solid rgba(255,255,255,0.5);box-shadow:0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.3);margin:40px 20px 20px;padding:10px 0}


/* == STYLE ELEMENTS == */  
input[type=text],input[type=email],input[type=search],input[type=password],textarea{-webkit-appearance:none;background:#fff}
input,textarea{color:#606060;border:2px solid #e4e4e4;background:#fff;width:100%;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;margin:0 0 15px;padding:10px}
input:focus,textarea:focus{border:2px solid #d6d4d4}

.bgred,.bggreen,.bgblue,.bgorange{border-radius:4px;box-shadow:0 1px 0 #FFF inset, 0 2px 4px rgba(0,0,0,0.08);margin:15px 0;padding:10px;position:relative}
.bgred p,.bggreen p,.bgblue p,.bgorange p{color:#fff;margin:0 10px 0 0;text-shadow:0 1px rgba(255,255,255,0.2)}
.bgred p{color:#923A3A}
.bgorange p{color:#A66A21}
.bgblue p{color:#2683B5}
.bggreen p{color:#859D3F}
.bgblue{background:#D9EDF7;border:1px solid #D9EDF7}
.bgred{background:#D08A8A;border:1px solid #C57070}
.bgorange{background:#ECC89D;border:1px solid #ECC89D}
.bggreen{background:#E1EAC6;border:1px solid #E1EAC6}
.close,div.bggreen .close,div.bgorange .close,div.bgred .close,div.bgblue .close{color:#000;cursor:pointer;font-size:24px;opacity:0.2;position:absolute;right:10px;text-shadow:0 1px 0 #fff;top:8px}
div.bgred p span,div.bggreen p span,div.bgorange p span,div.bgblue p span{display:inline-block;margin-right:10px}
div.bgred ul.error{color:#923A3A;margin-left:35px;text-shadow:0 1px rgba(255,255,255,0.2)}
.infotip,.infotip2{background:#FFF;border-bottom:1px solid #DDD;border-radius:4px;padding:20px}
.infotip2{border-radius:0;padding:5px;line-height:30px}
.infotip2 h3{line-height:35px;margin:0;padding:0}
.pageicon{border:3px solid #2AB6D6;border-radius:50px 50px 50px 50px;color:#2AB6D6;display:inline-block;float:left;font-size:42px;padding:10px;text-align:center;width:44px}
.pagetitle{margin-left:90px;padding-top:5px}
.infotip h1{line-height:25px;margin-bottom:10px}
.pagetip,.greentip,.redtip,.orangetip,.bluetip{background:#F3F3F3;border:1px solid #F3F3F3;border-radius:4px;box-shadow:0 1px 0 #FFF inset, 0 2px 4px rgba(0,0,0,0.08);color:#818181;margin-bottom:25px;padding:15px;text-shadow:0 1px #fff;position:relative;}
.greentip{background-color:#E1EAC6;border-color:#D0DEA5;color:#859D3F;text-shadow:0 1px rgba(255,255,255,0.2)}
.redtip{background:#D08A8A;border-color:#C57070;color:#923A3A;text-shadow:0 1px rgba(255,255,255,0.2)}
.orangetip{background:#ECC89D;border-color:#E8BC86;color:#A66A21;text-shadow:0 1px rgba(255,255,255,0.2)}
.bluetip{background:#D9EDF7;border-color:#A7D7ED;color:#2683B5;text-shadow:0 1px rgba(255,255,255,0.2)}
.thumb2{ text-align: center; display: block; margin-right: auto; margin-left: auto; background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);padding: 8px;}
.plugin-data h4{padding:0;margin:0;margin-bottom:15px;font-size:18px;}
.plugin-data h4 i{font-size:20px;color:#7d7d7d;line-height:34px}
.alt-li li{border-bottom: 1px solid #CDCDCD;box-shadow: 0 1px 0 0 #fff;text-shadow:0 1px 0 #fff;padding:5px 0}

a.tags {display:inline-block;padding:3px 10px;background:#fff;margin-bottom:4px;border-radius:3px}
a.tags:hover{background:#2AB6D6;color:#fff}

/** TABLE STYLES **/
table.myTable input[type=checkbox]{min-width:20px;margin:0}
table.myTable th:first-child{padding-left:10px}
table.myTable tr:nth-child(odd){background:#fff}
table.myTable{/*border:1px solid #f6f6f6;*/width:100%}
table.myTable th.first{min-width:30px}
table.myTable thead tr { border-bottom: 1px solid #fff;box-shadow:none  }
table.myTable tr{background:#f9f9f9;border-bottom: 1px solid #e9e9e9;box-shadow: 0 1px 0 #FFFFFF, 0 1px 0 white inset, 0 2px 4px rgba(0, 0, 0, 0.04)}
table.myTable tr:hover{background:rgba(0,0,0,0.7);color:#fff;cursor:pointer}
table.myTable tr.nohover:hover{background:transparent;cursor:default}
table.myTable tr:hover a{color:#fff}
table.myTable th{min-width:20px;text-align:left;padding:15px 15px 0;}
table.myTable td.nowrap{ white-space: nowrap; }
table.myTable td{vertical-align:middle;padding:15px}

table.myTable thead tr .header{cursor: pointer; line-height: 1em; height: 2em; background-color: #2AB6D6; text-transform: uppercase; font-size: 12px; text-shadow: 0 1px 0 rgba(0,0,0,0.1); color: #fff; font-family: "robotolight";border-bottom:3px solid #e4e4e4 }
table.myTable thead tr .header:before{font-family:FontAwesome;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1px;-webkit-font-smoothing:antialiased;content:"\f0dc";font-size:100%;padding-right:10px}
table.myTable thead tr .noheader{background-color: #2AB6D6;border-bottom:3px solid #e4e4e4;line-height: 1em; height: 1em; }
table.myTable thead tr .header:hover{border-bottom:3px solid #f2b154}
table.myTable thead tr .headerSortUp:before{content:"\f0de"}
table.myTable thead tr .headerSortDown:before{content:"\f0dd"}
table.myTable thead tr .header.nosort{background-image:none;padding-left:10px;cursor: default;}
table.myTable thead tr .header.nosort:hover{border-bottom:3px solid #e4e4e4 }
table.myTable thead tr th.avatar{padding-left:70px}
table.myTable td.avatar{line-height:30px}
table.myTable td.avatar img{float:left;margin:0 15px 0 0}
.dataview tr td:first-child{width:180px!important;word-wrap:break-word}
span.tbicon,.tbicon{background:#282828;display:inline-block;height:26px;width:32px;border-radius:3px;margin-top:1px;margin-bottom:1px;font-size:14px}
span.tbicon a{color:#fff;display:block;text-align:center;line-height:26px}
span.tbicon.large{width:40px;height:32px;background:#eee;border:1px solid #c4c4c4;box-shadow: 0 1px 0 0 #FFFFFF;}
span.tbicon.large a{line-height:32px;color:#3B3E40;box-shadow: 0 1px 0 0 #FFFFFF;}
table.myTable thead tr:hover,table.myTable thead tr .headerSortDown,table.myTable thead tr .headerSortUp{color:#404040}

/* == Dialog == */
.messi-modal{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background:rgba(11,11,11,0.6)}
.messi{position:absolute;background-color:#fff;box-shadow:0 3px 7px rgba(0,0,0,0.3);margin:0;padding:0;min-width:200px;min-height:50px;max-width:90%;max-height:75%;overflow-y:auto;}
.messi-box{position:relative;height:auto;overflow:hidden;opacity:1}
.messi-wrapper{position:relative}
.messi-titlebox{font-size:16px;overflow:hidden;border-bottom:1px solid #ddd;background:none repeat scroll 0 0 #f8f8f8;height:45px;line-height:45px;padding:0 15px}
.messi-closebtn{border-left:1px solid rgba(0,0,0,0.1);position:absolute;top:0;right:0;display:block;width:45px;height:45px;cursor:pointer;text-align:center;line-height:45px;font-size:30px}
.messi-content{overflow:hidden;background:#f2f2f2;padding:15px}
.messi-footbox{background-color:#f5f5f5;border-top:1px solid #ddd;box-shadow:0 1px 0 #fff inset;padding:0}
.messi-actions{display:block}
.messi-actions .btnbox{display:block;float:right;border-left:1px solid rgba(0,0,0,0.1);line-height:45px;height:45px}
.messi .mod-button{display:block;line-height:43px;height:43px;margin-top:1px;padding-right:30px;padding-left:15px}
.messi .mod-button i{padding-left:10px;padding-right:5px}

/* == Audio Player == */
.audioplayer{height:2.5em;color:#fff;text-shadow:1px 1px 0 #000;border:1px solid #222;position:relative;z-index:1;background:#333;background:-webkit-gradient(linear,left top,left bottom,from(#444),to(#222));background:-webkit-linear-gradient(top,#444,#222);background:-moz-linear-gradient(top,#444,#222);background:-ms-radial-gradient(top,#444,#222);background:-o-linear-gradient(top,#444,#222);background:linear-gradient(top,#444,#222);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 0 2px rgba(0,0,0,.5);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 0 2px rgba(0,0,0,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 0 2px rgba(0,0,0,.5);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.audioplayer-mini{width:2.5em;margin:0 auto}
.audioplayer>div{position:absolute}
.audioplayer-playpause{width:2.5em;height:100%;text-align:left;text-indent:-9999px;cursor:pointer;z-index:2;top:0;left:0}.audioplayer:not(.audioplayer-mini) .audioplayer-playpause{border-right:1px solid #555;border-right-color:rgba(255,255,255,.1)}
.audioplayer-mini .audioplayer-playpause{width:100%}.audioplayer-playpause:hover,.audioplayer-playpause:focus{background-color:#222}
.audioplayer-playpause a{display:block}
.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a{width:0;height:0;border:.5em solid transparent;border-right:none;border-left-color:#fff;content:'';position:absolute;top:50%;left:50%;margin:-0.5em 0 0 -0.25em}
.audioplayer-playing .audioplayer-playpause a{width:.75em;height:.75em;position:absolute;top:50%;left:50%;margin:-0.375em 0 0 -0.375em}
.audioplayer-playing .audioplayer-playpause a:before,.audioplayer-playing .audioplayer-playpause a:after{width:40%;height:100%;background-color:#fff;content:'';position:absolute;top:0}
.audioplayer-playing .audioplayer-playpause a:before{left:0}.audioplayer-playing .audioplayer-playpause a:after{right:0}
.audioplayer-time{width:4.375em;height:100%;line-height:2.375em;text-align:center;z-index:2;top:0}
.audioplayer-time-current{border-left:1px solid #111;border-left-color:rgba(0,0,0,.25);left:2.5em}
.audioplayer-time-duration{border-right:1px solid #555;border-right-color:rgba(255,255,255,.1);right:2.5em}
.audioplayer-novolume .audioplayer-time-duration{border-right:0;right:0}
.audioplayer-bar{height:.875em;background-color:#222;cursor:pointer;z-index:1;top:50%;right:6.875em;left:6.875em;margin-top:-0.438em}
.audioplayer-novolume .audioplayer-bar{right:4.375em}
.audioplayer-bar div{width:0;height:100%;position:absolute;left:0;top:0}
.audioplayer-bar-loaded{background-color:#333;z-index:1}
.audioplayer-bar-played{background:#007fd1;background:-webkit-gradient(linear,left top,right top,from(#007fd1),to(#c600ff));background:-webkit-linear-gradient(left,#007fd1,#c600ff);background:-moz-linear-gradient(left,#007fd1,#c600ff);background:-ms-radial-gradient(left,#007fd1,#c600ff);background:-o-linear-gradient(left,#007fd1,#c600ff);background:linear-gradient(left,#007fd1,#c600ff);z-index:2}
.audioplayer-volume{width:2.5em;height:100%;border-left:1px solid #111;border-left-color:rgba(0,0,0,.25);text-align:left;text-indent:-9999px;cursor:pointer;z-index:2;top:0;right:0}
.audioplayer-volume:hover,.audioplayer-volume:focus{background-color:#222}
.audioplayer-volume-button{width:100%;height:100%}.audioplayer-volume-button a{width:.313em;height:.375em;background-color:#fff;display:block;position:relative;z-index:1;top:40%;left:35%}
.audioplayer-volume-button a:before,.audioplayer-volume-button a:after{content:'';position:absolute}
.audioplayer-volume-button a:before{width:0;height:0;border:.5em solid transparent;border-left:none;border-right-color:#fff;z-index:2;top:50%;right:-0.25em;margin-top:-0.5em}
.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after{width:.313em;height:.313em;border:.25em double #fff;border-width:.25em .25em 0 0;left:.563em;top:-0.063em;-webkit-border-radius:0 .938em 0 0;-moz-border-radius:0 .938em 0 0;border-radius:0 .938em 0 0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.audioplayer-volume-adjust{height:6.25em;cursor:default;position:absolute;left:0;right:-1px;top:-9999px;background:#222;background:-webkit-gradient(linear,left top,left bottom,from(#444),to(#222));background:-webkit-linear-gradient(top,#444,#222);background:-moz-linear-gradient(top,#444,#222);background:-ms-radial-gradient(top,#444,#222);background:-o-linear-gradient(top,#444,#222);background:linear-gradient(top,#444,#222);-webkit-border-top-left-radius:2px;-webkit-border-top-right-radius:2px;-moz-border-radius-topleft:2px;-moz-border-radius-topright:2px;border-top-left-radius:2px;border-top-right-radius:2px}
.audioplayer-volume:not(:hover) .audioplayer-volume-adjust{opacity:0}.audioplayer-volume:hover .audioplayer-volume-adjust{top:auto;bottom:100%}
.audioplayer-volume-adjust>div{width:40%;height:80%;background-color:#222;cursor:pointer;position:relative;z-index:1;margin:30% auto 0}
.audioplayer-volume-adjust div div{width:100%;height:100%;position:absolute;bottom:0;left:0;background:#007fd1;background:-webkit-gradient(linear,left bottom,left top,from(#007fd1),to(#c600ff));background:-webkit-linear-gradient(bottom,#007fd1,#c600ff);background:-moz-linear-gradient(bottom,#007fd1,#c600ff);background:-ms-radial-gradient(bottom,#007fd1,#c600ff);background:-o-linear-gradient(bottom,#007fd1,#c600ff);background:linear-gradient(bottom,#007fd1,#c600ff)}
.audioplayer-novolume .audioplayer-volume{display:none}
.audioplayer-play,.audioplayer-pause,.audioplayer-volume a{-webkit-filter:drop-shadow(1px 1px 0 #000);-moz-filter:drop-shadow(1px 1px 0 #000);-ms-filter:drop-shadow(1px 1px 0 #000);-o-filter:drop-shadow(1px 1px 0 #000);filter:drop-shadow(1px 1px 0 #000)}
.audioplayer-bar,.audioplayer-bar div,.audioplayer-volume-adjust div{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.audioplayer-bar,.audioplayer-volume-adjust>div{-webkit-box-shadow:-1px -1px 0 rgba(0,0,0,.5),1px 1px 0 rgba(255,255,255,.1);-moz-box-shadow:-1px -1px 0 rgba(0,0,0,.5),1px 1px 0 rgba(255,255,255,.1);box-shadow:-1px -1px 0 rgba(0,0,0,.5),1px 1px 0 rgba(255,255,255,.1)}
.audioplayer-volume-adjust div div,.audioplayer-bar-played{-webkit-box-shadow:inset 0 0 5px rgba(255,255,255,.5);-moz-box-shadow:inset 0 0 5px rgba(255,255,255,.5);box-shadow:inset 0 0 5px rgba(255,255,255,.5)}.audioplayer-volume-adjust{-webkit-box-shadow:-2px -2px 2px rgba(0,0,0,.15),2px -2px 2px rgba(0,0,0,.15);-moz-box-shadow:-2px -2px 2px rgba(0,0,0,.15),2px -2px 2px rgba(0,0,0,.15);box-shadow:-2px -2px 2px rgba(0,0,0,.15),2px -2px 2px rgba(0,0,0,.15)}
.audioplayer *,.audioplayer *:before,.audioplayer *:after{-webkit-transition:color .25s ease,background-color .25s ease,opacity .5s ease;-moz-transition:color .25s ease,background-color .25s ease,opacity .5s ease;-ms-transition:color .25s ease,background-color .25s ease,opacity .5s ease;-o-transition:color .25s ease,background-color .25s ease,opacity .5s ease;transition:color .25s ease,background-color .25s ease,opacity .5s ease}
	
/* == Tooltip == */
#tooltip{border-radius:5px;font:normal 11px/16px FMSlimRegular, Helvetica, sans-serif;text-align:center;color:#fff;background:#111;position:absolute;z-index:9000;padding:10px}
#tooltip:after{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #111;content:'';position:absolute;left:50%;bottom:-10px;margin-left:-10px;}
#tooltip.top:after{border-top-color:transparent;border-bottom:10px solid #111;top:-20px;bottom:auto}
#tooltip.left:after{left:10px;margin:0}
#tooltip.right:after{right:10px;left:auto;margin:0}
#msgholder{margin:0}
#loader{position:absolute;width:100%;height:100%;display:block;overflow:hidden;background:rgba(0,0,0,0.6);z-index:1000000;background-image:url(../images/loader.gif);background-repeat:no-repeat;background-position:50% 50%}
.loading, .sloading {height: 30px;width: 30px;margin-left: 5px;display:none;float:left;background: url(../images/ajax-loader.gif) 50% 50% no-repeat}
.sloading{margin-top:10px;height:39px;width:39px;}

/* == Labels == */
.label2,.label3,.badge{display:inline-block;font-size:11px;font-weight:600;line-height:13px;margin-top:8px;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);white-space:wrap;vertical-align:baseline;background-color:#999;padding:2px 5px}
.label2, .label3{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.label2.nomg{margin-top:0}
.label3{font-size:13px;font-weight:700;line-height:30px;margin-top:0;overflow:hidden}
.badge{padding-right:9px;padding-left:9px;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px}
.label:empty,.badge:empty{display:none}
a.label:hover,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}
.label-important,.badge-important{background-color:#ee5f5b}
.label-important[href],.badge-important[href]{background-color:#953b39}
.label-warning,.badge-warning{background-color:#ffa93c}
.label-warning[href],.badge-warning[href]{background-color:#c67605}
.label-success,.badge-success{background-color:#4cb158}
.label-success[href],.badge-success[href]{background-color:#356635}
.label-info,.badge-info{background-color:#14b8d4}
.label-info[href],.badge-info[href]{background-color:#2d6987}
.label-inverse,.badge-inverse{background-color:#3b3e40}
.label-inverse[href],.badge-inverse[href]{background-color:#1a1a1a}
.label-system,.badge-system{background-color:#999}
.label-system[href],.badge-system[href]{background-color:#ccc}
.btn .label,.btn .badge{position:relative;top:-1px}
.btn-mini .label,.btn-mini .badge{top:0}
.item-active{ background-color: #FF9; }
.text-red{color:#923A3A}
.text-green{color:#859D3F}
.text-orange{color:#A66A21}
.text-blue{color:#2683B5}

/* == PROGRESS BAR == */
.progress-bar{background: #f7f7f7}
.progress-bar .inner, .progress-bar .inner-green, .progress-bar .inner-orange, .progress-bar .inner-blue, .progress-bar .inner-black{font-size:11px;text-align:center;color:#fff;height:100%;background:#3B3E40;box-shadow:none;-webkit-transition:width .4s ease-in-out;-moz-transition: width .4s ease-in-out;-ms-transition: width .4s ease-in-out;-o-transition: width .4s ease-in-out;transition:width .4s ease-in-out;-webkit-background-size: 30px 30px;-moz-background-size:30px 30px;background-size:30px 30px;background-image:linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,transparent 75%, transparent);-webkit-animation: animate-stripes 3s linear infinite;-moz-animation: animate-stripes 3s linear infinite}
.progress-bar .inner-green{
background: #859D3F;background-size: 30px 30px;background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,transparent 75%, transparent)}
.progress-bar .inner-orange{background: #A66A21; background-size: 30px 30px;background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,transparent 75%, transparent)}
.progress-bar .inner-blue{background: #2683B5; background-size: 30px 30px;background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,transparent 75%, transparent)}
.progress-bar .inner-black{background: #3B3E40;background-size:30px 30px;background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,transparent 75%, transparent)}

/* == Live Search == */
#suggestions{position:absolute;width:100%;z-index:600}
#searchresults:before,#prodresults:before{border-bottom:7px solid rgba(0,0,0,0.2);border-left:7px solid transparent;border-right:7px solid transparent;content:"";display:inline-block;left:9px;position:absolute;top:-7px}
#searchresults:after,#prodresults:after{border-bottom:6px solid #404040;border-left:6px solid transparent;border-right:6px solid transparent;content:"";display:inline-block;left:10px;position:absolute;top:-4px}
#searchresults,#prodresults{box-shadow:0 1px 2px rgba(0,0,0,0.1);background:#404040;border:0 none;background-clip:padding-box;border-radius:0 0 5px 5px;border-right:0;float:left;list-style:none outside none;margin:2px 0 0}
#searchresults li{box-shadow:inset 0 -2px 0 rgba(0,0,0,0.2);padding:10px;}
#prodresults{box-shadow:0 2px 4px rgba(0,0,0,0.2);width:100%}
#prodresults li{border-bottom: 1px solid #000;box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1);padding:10px;color:#fff}
#prodresults li:last-child{border:0}
#prodresults li h3{margin-top:-10px}
#suggestions #prodresults figure{float:left;margin-right:15px;background-color:#323232;box-shadow:0 1px 1px rgba(0,0,0,0.1);padding:2px;line-height:0}
#suggestions #prodresults small{display:block}

 /* == Pagination == */
.paginate{text-align:center;font-size:13px;display:table;width:100%;margin-top:5px}
.paginate span:first-child{border-left:1px solid #eee}
.paginate span a,.paginate span .current{display:block;color:#323232;padding:10px 0}
.paginate span{display:table-cell;min-width:24px;max-width:32px;width:50px;vertical-align:middle;padding-bottom:3px;text-align:center;font-size:14px;background:#F7F7F7;border-right:1px solid #e4e4e4;border-top:1px solid #eee;border-bottom:1px solid #eee;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.paginate span i{font-size:15px}
div.paginate .navitem{background:#2AB6D6;width:20%}
div.paginate .navitem a{color:#FFF}
div.paginate span.current,div.paginate span.number:hover{-moz-box-shadow:inset 0 -4px 0 #0CF;-webkit-box-shadow:inset 0 -4px 0 #0CF;box-shadow:inset 0 -4px 0 #2AB6D6;background:#fff;color:#777}
div.paginate span.navitem a:hover{background:#fff;color:#323232}
div.paginate .dots,div.paginate .dots:hover{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;background:#F7F7F7}

.pgajax{float:right}
.pgajax a{display:inline-block;padding:3px 10px;background:#fff;margin-bottom:4px;border-radius:3px}
.pgajax a:hover,.pgajax a.current{background:#2AB6D6;color:#fff}


 /* == Gallery == */
#galleryrow{ background-color: #EEE;padding-top:10px }
#galleryrow li{background:#FFFFFF;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);padding: 8px;}

 /* == Slider Wrapper == */
#mainslider{background:#FFF;border-bottom:1px solid #DDD;border-radius:3px;padding:5px}

/* == Comments == */
#comments .commentWrap{margin-bottom:15px;text-shadow:1px 1px 0 #fff}
#comments .comment-info{ box-shadow: 0 0 1px rgba(0,0,0,0.2); padding: 10px; background-color: #EEE; }
#comments h4 a{font-size:12px}
pre,code{font:13px/19px Consolas, "Andale Mono", Courier, "Courier New", monospace}
pre{border:1px solid rgba(255,255,255,0.2);overflow-x:visible;overflow-y:hidden;margin:15px 0 20px;padding:5px}
blockquote{font-size:15px!important;padding-left:105px;line-height:22px;font-style:italic;background-image:url(../images/quote.png);background-repeat:no-repeat;background-position:60px 0;margin:30px 0}
blockquote.nobg{background-image:none;padding-left:30px;}
#comments figcaption{ text-align: center; margin-top: 10px; }
.char-alert{color:#C30}

footer#footer{
 background-color: #F5F5F5;
    border-top: 1px solid #BEBEBE;
    box-shadow: 0 -1px 0 #FFFFFF inset;
	text-align:center; position: absolute;
    left: 0;
    bottom: 0;
    height: 40px;
	padding:20px 0 20px 0;
	text-shadow: #FFFFFF 0px 1px 0px;
    width: 100%;}
/* == Mobile == */
@media only screen and max-width 767px,only screen and max-device-width 767px {
	.testing{position:fixed;top:0;width:100%;z-index:1500}
	section.alert{height:auto!important;transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out}
	section.content{transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;margin:85px 0 0;padding:15px}
	section.alert div{transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;margin:15px 15px 15px 10px}
	.widget-container .small:first-child,.widget-container .small{float:none;width:100%;height:auto!important;transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out}
	span.icon{font-size:48px;transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out}
	section.user .profile-img{display:none;transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out}
	header input{width:30%}
	section.widget header span.icon,.button.dropdown,section.alert div span{display:none}
	button.ico-font{opacity:1}
	section.user .buttons{left:15px;right:auto}
	.widget button{margin:0 5px 10px 0}
	section.alert button{right:15px;float:right;margin:5px 0 10px 5px}
	body.login{padding-top:50px}
	.login section{width:85%;margin:0 auto}
	.login section h1{font-size:32px}
	header.main,section.widget header,section.widget .content{padding:15px}
	section.widget header hgroup,section.alert div p{margin:0}
}
	  
/* == iPad == */
@media only screen and min-width 768px and max-width 1024px {
	section.content{transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;margin:75px 0 0 70px}
	section.alert div{transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;margin:15px 25px 15px 90px}
}
	  
/* == iPads (landscape) == */
@media only screen and min-device-width 768px and max-device-width 1024px and orientation landscape {
	section.content{transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;margin:75px 0 0 210px}
	section.alert div{transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;margin:15px 25px 15px 235px}
}

/* == Retina graphics == */
@media only screen and -webkit-min-device-pixel-ratio 2,
only screen and min--moz-device-pixel-ratio 2,
only screen and -o-min-device-pixel-ratio 21,
only screen and min-device-pixel-ratio 2,
only screen and min-resolution 192dpi,
only screen and min-resolution 2dppx {
	div.wysiwyg ul.toolbar li{background:#313131 url(../images/jquery.wysiwyg-retina.png) no-repeat;background-size:180px!important}
	div.wysiwyg ul.toolbar li.bold{background-position:0 0;background-size:180px!important}
	.jquery-checkbox img{background:transparent url(../images/checkbox-retina.png) no-repeat;background-size:75px auto}
}

@media screen and max-width 850px {
  .sm-clean:not(.sm-clean-vertical) > li > a{padding-left:8px;padding-right:8px}
  .sm-clean:not(.sm-clean-vertical) > li > a.has-submenu{padding-right:25px}
}
@media screen and max-width 750px {
  .sm-clean:not(.sm-clean-vertical) > li > a{padding-left:3px;padding-right:3px}
  .sm-clean:not(.sm-clean-vertical) > li > a.has-submenu{padding-right:25px}
}

@media screen and (max-width: 700px) {
  ul.sm-clean{width:auto!important}
  ul.sm-clean ul{display:none;position:static!important;top:auto!important;left:auto!important;margin-left:0!important;margin-top:0!important;width:auto!important;min-width:0!important;max-width:none!important}
  ul.sm-clean>li{float:none}
  ul.sm-clean>li>a,ul.sm-clean ul.sm-nowrap>li>a{white-space:normal}
  ul.sm-clean iframe,header nav span.home{display:none}
	/* Uncomment this rule to disable completely the sub menus for small screen devices */
	/*.sm-clean ul, .sm-clean span.sub-arrow, .sm-clean iframe {
		display:none !important;
	}*/
   header nav{border-radius:0}
   .sm-clean > li {border-right:0;border-bottom:1px solid rgba(0,0,0,0.2);box-shadow:none}
  .sm-clean{padding:0}
  .sm-clean ul{border:0;background:rgba(130,130,130,0.1);-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;padding:0}
  .sm-clean > li > ul:before,.sm-clean > li > ul:after{display:none}
  .sm-clean a{color:#fff!important;background:transparent!important;padding:13px 5px 13px 38px !important}
  .sm-clean a.current{color:#D32020!important}
  .sm-clean ul a{border-left:8px solid transparent}
  .sm-clean ul ul a{border-left:16px solid transparent}
  .sm-clean ul ul ul a{border-left:24px solid transparent}
  .sm-clean ul ul ul ul a{border-left:32px solid transparent}
  .sm-clean ul ul ul ul ul a{border-left:40px solid transparent}
  .sm-clean a span.sub-arrow,.sm-clean ul a span.sub-arrow{top:50%;margin-top:-8px;right:auto;left:6px;margin-left:0;width:24px;height:18px;font:normal 14px/20px;text-align:center;border:0;text-shadow:none;background:rgba(0,0,0,0.6);border-radius:2px}
  .sm-clean a.highlighted span.sub-arrow{display:none!important}
  .sm-clean li{border-top:1px solid rgba(0,0,0,0.05)}
  .sm-clean > li:first-child{border-top:0}
}