/***** CSS Document *****/
body { font-family: Arial; margin: 0px; font-size: 16px; line-height: 25px; background: #007832; }
p { margin: 15px 0px; }
.clearfix { clear: both; }
img { border: none; }
h1, h2, h3, h4, h5 { margin: 0px;}
h1 { font-size: 26px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
input, select, button, .btn, textarea { font-size: 17px; font-family: Arial; }
@media screen and (min-width:480px){
body { font-size: 14px; }
h1 { font-size: 24px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
input, select, button, .btn, textarea { font-size: 15px; }
}
/***** CSS Document *****/
.header { background: #414141; border-bottom: 5px solid #dedede; }
.header-spacer { display: none; }
.banner { float: left; width: 100%; clear: both; border-bottom: 5px solid #dedede; }
.top { color: #FFFFFF; float: left; width: 100%; padding: 15px 0px 0px 0px; clear: both; background: #111111; border-bottom: 5px solid #dedede; }
.main, .user, .bottom { clear: both; }
.footer { color: #FFFFFF; float: left; width: 100%; padding: 15px 0px 0px 0px; clear: both; background: #111111; border-top: 5px solid #dedede; }
.copyright { padding: 10px 0px; clear: both; background: #111111; border-top: 5px solid #dedede; }
@media screen and (min-width:480px){
.header { height: 100px; transition: height 0.3s ease; -webkit-transition: height 0.3s ease; -moz-transition: height 0.3s ease; -o-transition: height 0.3s ease; }
.header-outer { height: 100px; }
}
@media screen and (min-width:1024px){
.header { position: fixed; width: 100%; z-index: 99; background: url(../images/header-black.png); }
.header-spacer { display: block; height: 105px; }
.header.affix { height: 80px; transition: height 0.3s ease; -webkit-transition: height 0.3s ease; -moz-transition: height 0.3s ease; -o-transition: height 0.3s ease; background: #111111; }
.copyright { padding: 25px 0px; min-width: 990px; }
}
/***** CSS Document *****/
.container { padding: 0px 15px; }
@media screen and (min-width:720px){
.container { width: 700px; padding: 0px 10px; margin: 0 auto; }
}
@media screen and (min-width:1024px){
.header-inner { width: 970px; padding: 0px 10px; margin: 0 auto; }
.container { width: 970px; }
}
@media screen and (min-width:1280px){
.header-inner, .container { width: 1160px; }
}
/***** CSS Document *****/
.logo img { width: 100%; }
.logo { max-width: 280px; margin: 0 auto; padding: 10px 15px; }
.copy { color: #FFFFFF; text-align: center; }
.spacer { height: 20px; clear: both; }
.copy a { color: #FFFFFF; text-decoration: none; }
@media screen and (min-width:480px){
.logo img { width: auto; height: 80px; }
.logo { float: left; max-width: none; padding: 10px 0px 10px 15px; }
}
@media screen and (min-width:1024px){
.logo { padding: 10px 0px; transition: padding 0.3s ease; -webkit-transition: padding 0.3s ease; -moz-transition: padding 0.3s ease; -o-transition: height 0.3s ease; }
.logo.affix { padding: 0px; transition: padding 0.3s ease; -webkit-transition: padding 0.3s ease; -moz-transition: padding 0.3s ease; -o-transition: height 0.3s ease; }
}
/***** CSS Document *****/
.main-right, .main-left, .main-left-right, .right-right, .left-left, .left-left-right, .right-left-right { clear: both; }
@media screen and (min-width:720px){
.main-right { float: left; clear: none; width: 480px; }
.main-left { float: right; clear: none; width: 480px; }
.main-left-right { float: left; clear: none; width: 260px; margin: 0px 0px 0px 20px; }
.right-right { float: right; clear: none; width: 200px; }
.left-left { float: left; clear: none; width: 200px; }
.left-left-right { float: left; clear: none; width: 200px; }
.right-left-right { float: right; clear: none; width: 200px; }
}
@media screen and (min-width:1024px){
.main-right { float: left; width: 700px; }
.main-left { float: right; width: 700px; }
.main-left-right { float: left; width: 530px; margin: 0px 0px 0px 20px; }
.right-right { float: right; width: 250px; }
.left-left { float: left; width: 250px; }
.left-left-right { float: left; width: 200px; }
.right-left-right { float: right; width: 200px; }
}
@media screen and (min-width:1280px){
.main-right { float: left; width: 840px; }
.main-left { float: right; width: 840px; }
.main-left-right { float: left; width: 620px; margin: 0px 0px 0px 20px; }
.right-right { float: right; width: 300px; }
.left-left { float: left; width: 300px; }
.left-left-right { float: left; width: 250px; }
.right-left-right { float: right; width: 250px; }
}
/***** CSS Document *****/
.navigation { height: 35px; padding: 5px 0px; background: #414141; border-top: 5px solid #dedede; }
.navbar { clear: both; margin: 4px 0px 0px 0px; position: relative; z-index: 999999; background: #414141; }
.navbar .menu a, .navbar .menu .nav-header, .navbar .menu .separator { color: #FFFFFF; text-decoration: none; cursor: pointer; font-size: 16px; display: block; padding: 3px 15px; border-top: 1px solid #dedede; }
.navbar .menu li img { height: 12px; width: 12px; margin: 0px 5px 0px 0px; }
@media screen and (min-width:480px){
.navigation { height: auto; padding: 0px; background: none; border-top: none; }
.navbar { margin: 0px; }
}
@media screen and (min-width:1024px){
.navigation { float: right; margin: -40px 0px 0px 0px; transition: margin 0.3s ease; -webkit-transition: margin 0.3s ease; -moz-transition: margin 0.3s ease; -o-transition: margin 0.3s ease; }
.navigation.affix { margin: 21px 0px 0px 0px; transition: margin 0.3s ease; -webkit-transition: margin 0.3s ease; -moz-transition: margin 0.3s ease; -o-transition: margin 0.3s ease; }
.navbar { clear: none; z-index: auto; background: none; }
.navbar .menu a, .navbar .menu .nav-header, .navbar .menu .separator { font-size: 15px; padding: 0px; border-top: none; }
.navbar .menu li { float: left; line-height: 2.8; position: relative; margin: 0px 0px 0px 20px; }
.navbar .menu li.active a { }
.navbar .menu a:hover { }
.navbar .menu li img { height: 20px; width: 20px; margin: 0px 5px -4px 0px; }
.navbar .menu ul { width: 200px; left: -999em; position: absolute; z-index: 99; padding: 5px 0px; background: #414141; border: 1px solid #212121; box-shadow: 0px 0px 5px #212121; }
.navbar .menu ul li { width: 180px; padding: 2px 10px; line-height: 1.8; position: relative;  margin: 0px; }
.navbar .menu li:hover ul { left: -10px; transition: left 0.4s ease; -webkit-transition: left 0.4s ease; -moz-transition: left 0.4s ease; -o-transition: left 0.4s ease; }
.navbar .menu li li:hover { }
.navbar .menu li.active li a { background: none !important; }
.navbar .menu li li img { height: 11px; width: 11px; margin: 0px 5px 0px 0px; }
.navbar .menu ul ul { margin: -2.5em 0 0 12.6em; position: absolute; z-index: 99; height: auto; }
.navbar .menu li li li:hover { }
.navbar .menu li li li img { height: 11px; width: 11px; margin: 0px 5px 0px 0px; }
.navbar .menu li:hover ul ul, .navbar .menu li:hover ul ul ul { left: -999em; }
.navbar .menu li li:hover ul, .navbar .menu li li li:hover ul { left: auto; }
}
@media screen and (min-width:1280px){
.navbar .menu li { margin: 0px 0px 0px 51px; }
}
/***** CSS Document *****/
.collapse { display: none; }
.collapse.in { display: block; }
.collapsing { height: 0; overflow: hidden; transition: height 0.3s ease; -webkit-transition: height 0.3s ease; -moz-transition: height 0.3s ease; -o-transition: height 0.3s ease; }
.btn-navbar { padding: 4px 0px; margin: 0px 0px 0px 15px; border-radius: 7px; background: none; border: none; }
.btn-navbar .icon-bar { display: block; width: 30px; height: 5px; border-radius: 1px; background: #FFFFFF; }
.btn-navbar .icon-bar+.icon-bar { margin: 5px 0px 0px 0px; }
@media (min-width:480px){
.btn-navbar { float: right; margin: 32px 15px 0px 0px; }
}
@media (min-width:1024px){
.nav-collapse.collapse { display: block!IMPORTANT; }
.btn-navbar { display: none; }
}
/***** CSS Document *****/
.main-right .mainbody .items-leading, .main-left .mainbody .items-leading, .main-right .mainbody .cols-1 .column-1, .main-left .mainbody .cols-1 .column-1, .main-right .mainbody .cols-2 .column-1, .main-left .mainbody .cols-2 .column-1, .main-right .mainbody .cols-2 .column-2, .main-left .mainbody .cols-2 .column-2, .main-right .mainbody .cols-3 .column-1, .main-left .mainbody .cols-3 .column-1, .main-right .mainbody .cols-3 .column-2, .main-left .mainbody .cols-3 .column-2, .main-right .mainbody .cols-3 .column-3, .main-left .mainbody .cols-3 .column-3, .main-right .mainbody .cols-4 .column-1, .main-left .mainbody .cols-4 .column-1, .main-right .mainbody .cols-4 .column-2, .main-left .mainbody .cols-4 .column-2, .main-right .mainbody .cols-4 .column-3, .main-left .mainbody .cols-4 .column-3, .main-right .mainbody .cols-4 .column-4, .main-left .mainbody .cols-4 .column-4, .main-left-right .mainbody .items-leading, .main-left-right .mainbody .cols-1 .column-1, .main-left-right .mainbody .cols-2 .column-1, .main-left-right .mainbody .cols-2 .column-2, .main-left-right .mainbody .cols-3 .column-1, .main-left-right .mainbody .cols-3 .column-2, .main-left-right .mainbody .cols-3 .column-3, .main-full .mainbody .items-leading, .main-full .mainbody .cols-1 .column-1, .main-full .mainbody .cols-2 .column-1, .main-full .mainbody .cols-2 .column-2, .main-full .mainbody .cols-3 .column-1, .main-full .mainbody .cols-3 .column-2, .main-full .mainbody .cols-3 .column-3, .main-full .mainbody .cols-4 .column-1, .main-full .mainbody .cols-4 .column-2, .main-full .mainbody .cols-4 .column-3, .main-full .mainbody .cols-4 .column-4, .main-full .mainbody .cols-5 .column-1, .main-full .mainbody .cols-5 .column-2, .main-full .mainbody .cols-5 .column-3, .main-full .mainbody .cols-5 .column-4, .main-full .mainbody .cols-5 .column-5 { float: left; width: 100%; }
@media screen and (min-width:720px){
.main-right .mainbody .items-leading, .main-left .mainbody .items-leading { float: left; width: 480px; }
.main-right .mainbody .cols-1 .column-1, .main-left .mainbody .cols-1 .column-1 { float: left; width: 480px; }
.main-right .mainbody .cols-2 .column-1, .main-left .mainbody .cols-2 .column-1 { float: left; width: 232px; }
.main-right .mainbody .cols-2 .column-2, .main-left .mainbody .cols-2 .column-2 { float: right; width: 232px; }
.main-right .mainbody .cols-3 .column-1, .main-left .mainbody .cols-3 .column-1 { float: left; width: 150px; }
.main-right .mainbody .cols-3 .column-2, .main-left .mainbody .cols-3 .column-2 { float: left; width: 150px; margin: 0px 0px 0px 15px; }
.main-right .mainbody .cols-3 .column-3, .main-left .mainbody .cols-3 .column-3 { float: right; width: 150px; }
.main-full .mainbody .items-leading { float: left; width: 700px; }
.main-full .mainbody .cols-1 .column-1 { float: left; width: 700px; }
.main-full .mainbody .cols-2 .column-1 { float: left; width: 342px; }
.main-full .mainbody .cols-2 .column-2 { float: right; width: 342px; }
.main-full .mainbody .cols-3 .column-1 { float: left; width: 224px; }
.main-full .mainbody .cols-3 .column-2 { float: left; width: 224px; margin: 0px 0px 0px 14px; }
.main-full .mainbody .cols-3 .column-3 { float: right; width: 224px; }
.main-full .mainbody .cols-4 .column-1 { float: left; width: 163px; }
.main-full .mainbody .cols-4 .column-2 { float: left; width: 163px; margin: 0px 0px 0px 16px; }
.main-full .mainbody .cols-4 .column-3 { float: left; width: 163px; margin: 0px 0px 0px 16px; }
.main-full .mainbody .cols-4 .column-4 { float: right; width: 163px; }
.main-full .mainbody .cols-5 .column-1 { float: left; width: 128px; }
.main-full .mainbody .cols-5 .column-2 { float: left; width: 128px; margin: 0px 0px 0px 15px; }
.main-full .mainbody .cols-5 .column-3 { float: left; width: 128px; margin: 0px 0px 0px 15px; }
.main-full .mainbody .cols-5 .column-4 { float: left; width: 128px; margin: 0px 0px 0px 15px; }
.main-full .mainbody .cols-5 .column-5 { float: right; width: 128px; }
}
@media screen and (min-width:1024px){
.main-right .mainbody .items-leading, .main-left .mainbody .items-leading { float: left; width: 700px; }
.main-right .mainbody .cols-1 .column-1, .main-left .mainbody .cols-1 .column-1 { float: left; width: 700px; }
.main-right .mainbody .cols-2 .column-1, .main-left .mainbody .cols-2 .column-1 { float: left; width: 340px; }
.main-right .mainbody .cols-2 .column-2, .main-left .mainbody .cols-2 .column-2 { float: right; width: 340px; }
.main-right .mainbody .cols-3 .column-1, .main-left .mainbody .cols-3 .column-1 { float: left; width: 220px; }
.main-right .mainbody .cols-3 .column-2, .main-left .mainbody .cols-3 .column-2 { float: left; width: 220px; margin: 0px 0px 0px 20px; }
.main-right .mainbody .cols-3 .column-3, .main-left .mainbody .cols-3 .column-3 { float: right; width: 220px; }
.main-right .mainbody .cols-4 .column-1, .main-left .mainbody .cols-4 .column-1 { float: left; width: 160px; }
.main-right .mainbody .cols-4 .column-2, .main-left .mainbody .cols-4 .column-2 { float: left; width: 160px; margin: 0px 0px 0px 20px; }
.main-right .mainbody .cols-4 .column-3, .main-left .mainbody .cols-4 .column-3 { float: left; width: 160px; margin: 0px 0px 0px 20px; }
.main-right .mainbody .cols-4 .column-4, .main-left .mainbody .cols-4 .column-4 { float: right; width: 160px; }
.main-left-right .mainbody .items-leading { float: left; width: 530px; }
.main-left-right .mainbody .cols-1 .column-1 { float: left; width: 530px; }
.main-left-right .mainbody .cols-2 .column-1 { float: left; width: 255px; }
.main-left-right .mainbody .cols-2 .column-2 { float: right; width: 255px; }
.main-left-right .mainbody .cols-3 .column-1 { float: left; width: 164px; }
.main-left-right .mainbody .cols-3 .column-2 { float: left; width: 164px; margin: 0px 0px 0px 19px; }
.main-left-right .mainbody .cols-3 .column-3 { float: right; width: 164px; }
.main-full .mainbody .items-leading { float: left; width: 970px; }
.main-full .mainbody .cols-1 .column-1 { float: left; width: 970px; }
.main-full .mainbody .cols-2 .column-1 { float: left; width: 475px; }
.main-full .mainbody .cols-2 .column-2 { float: right; width: 475px; }
.main-full .mainbody .cols-3 .column-1 { float: left; width: 310px; }
.main-full .mainbody .cols-3 .column-2 { float: left; width: 310px; margin: 0px 0px 0px 20px; }
.main-full .mainbody .cols-3 .column-3 { float: right; width: 310px; }
.main-full .mainbody .cols-4 .column-1 { float: left; width: 229px; }
.main-full .mainbody .cols-4 .column-2 { float: left; width: 229px; margin: 0px 0px 0px 18px; }
.main-full .mainbody .cols-4 .column-3 { float: left; width: 229px; margin: 0px 0px 0px 18px; }
.main-full .mainbody .cols-4 .column-4 { float: right; width: 229px; }
.main-full .mainbody .cols-5 .column-1 { float: left; width: 178px; }
.main-full .mainbody .cols-5 .column-2 { float: left; width: 178px; margin: 0px 0px 0px 20px; }
.main-full .mainbody .cols-5 .column-3 { float: left; width: 178px; margin: 0px 0px 0px 20px; }
.main-full .mainbody .cols-5 .column-4 { float: left; width: 178px; margin: 0px 0px 0px 20px; }
.main-full .mainbody .cols-5 .column-5 { float: right; width: 178px; }
}
@media screen and (min-width:1280px){
.main-right .mainbody .items-leading, .main-left .mainbody .items-leading { float: left; width: 840px; }
.main-right .mainbody .cols-1 .column-1, .main-left .mainbody .cols-1 .column-1 { float: left; width: 840px; }
.main-right .mainbody .cols-2 .column-1, .main-left .mainbody .cols-2 .column-1 { float: left; width: 410px; }
.main-right .mainbody .cols-2 .column-2, .main-left .mainbody .cols-2 .column-2 { float: right; width: 410px; }
.main-right .mainbody .cols-3 .column-1, .main-left .mainbody .cols-3 .column-1 { float: left; width: 266px; }
.main-right .mainbody .cols-3 .column-2, .main-left .mainbody .cols-3 .column-2 { float: left; width: 266px; margin: 0px 0px 0px 21px; }
.main-right .mainbody .cols-3 .column-3, .main-left .mainbody .cols-3 .column-3 { float: right; width: 266px; }
.main-right .mainbody .cols-4 .column-1, .main-left .mainbody .cols-4 .column-1 { float: left; width: 195px; }
.main-right .mainbody .cols-4 .column-2, .main-left .mainbody .cols-4 .column-2 { float: left; width: 195px; margin: 0px 0px 0px 20px; }
.main-right .mainbody .cols-4 .column-3, .main-left .mainbody .cols-4 .column-3 { float: left; width: 195px; margin: 0px 0px 0px 20px; }
.main-right .mainbody .cols-4 .column-4, .main-left .mainbody .cols-4 .column-4 { float: right; width: 195px; }
.main-left-right .mainbody .items-leading { float: left; width: 620px; }
.main-left-right .mainbody .cols-1 .column-1 { float: left; width: 620px; }
.main-left-right .mainbody .cols-2 .column-1 { float: left; width: 300px; }
.main-left-right .mainbody .cols-2 .column-2 { float: right; width: 300px; }
.main-left-right .mainbody .cols-3 .column-1 { float: left; width: 194px; }
.main-left-right .mainbody .cols-3 .column-2 { float: left; width: 194px; margin: 0px 0px 0px 19px; }
.main-left-right .mainbody .cols-3 .column-3 { float: right; width: 194px; }
.main-full .mainbody .items-leading { float: left; width: 1160px; }
.main-full .mainbody .cols-1 .column-1 { float: left; width: 1160px; }
.main-full .mainbody .cols-2 .column-1 { float: left; width: 570px; }
.main-full .mainbody .cols-2 .column-2 { float: right; width: 570px; }
.main-full .mainbody .cols-3 .column-1 { float: left; width: 374px; }
.main-full .mainbody .cols-3 .column-2 { float: left; width: 374px; margin: 0px 0px 0px 19px; }
.main-full .mainbody .cols-3 .column-3 { float: right; width: 374px; }
.main-full .mainbody .cols-4 .column-1 { float: left; width: 275px; }
.main-full .mainbody .cols-4 .column-2 { float: left; width: 275px; margin: 0px 0px 0px 20px; }
.main-full .mainbody .cols-4 .column-3 { float: left; width: 275px; margin: 0px 0px 0px 20px; }
.main-full .mainbody .cols-4 .column-4 { float: right; width: 275px; }
.main-full .mainbody .cols-5 .column-1 { float: left; width: 216px; }
.main-full .mainbody .cols-5 .column-2 { float: left; width: 216px; margin: 0px 0px 0px 20px; }
.main-full .mainbody .cols-5 .column-3 { float: left; width: 216px; margin: 0px 0px 0px 20px; }
.main-full .mainbody .cols-5 .column-4 { float: left; width: 216px; margin: 0px 0px 0px 20px; }
.main-full .mainbody .cols-5 .column-5 { float: right; width: 216px; }
}
/***** CSS Document *****/
.top .cols-1 .column-1, .footer .cols-1 .column-1, .top .cols-2 .column-1, .footer .cols-2 .column-1, .top .cols-2 .column-2, .footer .cols-2 .column-2, .top .cols-3 .column-1, .footer .cols-3 .column-1, .top .cols-3 .column-2, .footer .cols-3 .column-2, .top .cols-3 .column-3, .footer .cols-3 .column-3, .top .cols-4 .column-1, .footer .cols-4 .column-1, .top .cols-4 .column-2, .footer .cols-4 .column-2, .top .cols-4 .column-3, .footer .cols-4 .column-3, .top .cols-4 .column-4, .footer .cols-4 .column-4, .top .cols-5 .column-1, .footer .cols-5 .column-1, .top .cols-5 .column-2, .footer .cols-5 .column-2, .top .cols-5 .column-3, .footer .cols-5 .column-3, .top .cols-5 .column-4, .footer .cols-5 .column-4, .top .cols-5 .column-5, .footer .cols-5 .column-5 { float: left; width: 100%; }
@media screen and (min-width:720px){
.top .cols-1 .column-1, .footer .cols-1 .column-1 { float: left; width: 700px; }
.top .cols-2 .column-1, .footer .cols-2 .column-1 { float: left; width: 342px; }
.top .cols-2 .column-2, .footer .cols-2 .column-2 { float: right; width: 342px; }
.top .cols-3 .column-1, .footer .cols-3 .column-1 { float: left; width: 224px; }
.top .cols-3 .column-2, .footer .cols-3 .column-2 { float: left; width: 224px; margin: 0px 0px 0px 14px; }
.top .cols-3 .column-3, .footer .cols-3 .column-3 { float: right; width: 224px; }
.top .cols-4 .column-1, .footer .cols-4 .column-1 { float: left; width: 163px; }
.top .cols-4 .column-2, .footer .cols-4 .column-2 { float: left; width: 163px; margin: 0px 0px 0px 16px; }
.top .cols-4 .column-3, .footer .cols-4 .column-3 { float: left; width: 163px; margin: 0px 0px 0px 16px; }
.top .cols-4 .column-4, .footer .cols-4 .column-4 { float: right; width: 163px; }
.top .cols-5 .column-1, .footer .cols-5 .column-1 { float: left; width: 128px; }
.top .cols-5 .column-2, .footer .cols-5 .column-2 { float: left; width: 128px; margin: 0px 0px 0px 15px; }
.top .cols-5 .column-3, .footer .cols-5 .column-3 { float: left; width: 128px; margin: 0px 0px 0px 15px; }
.top .cols-5 .column-4, .footer .cols-5 .column-4 { float: left; width: 128px; margin: 0px 0px 0px 15px; }
.top .cols-5 .column-5, .footer .cols-5 .column-5 { float: right; width: 128px; }
}
@media screen and (min-width:1024px){
.top .cols-1 .column-1, .footer .cols-1 .column-1 { float: left; width: 970px; }
.top .cols-2 .column-1, .footer .cols-2 .column-1 { float: left; width: 475px; }
.top .cols-2 .column-2, .footer .cols-2 .column-2 { float: right; width: 475px; }
.top .cols-3 .column-1, .footer .cols-3 .column-1 { float: left; width: 310px; }
.top .cols-3 .column-2, .footer .cols-3 .column-2 { float: left; width: 310px; margin: 0px 0px 0px 20px; }
.top .cols-3 .column-3, .footer .cols-3 .column-3 { float: right; width: 310px; }
.top .cols-4 .column-1, .footer .cols-4 .column-1 { float: left; width: 229px; }
.top .cols-4 .column-2, .footer .cols-4 .column-2 { float: left; width: 229px; margin: 0px 0px 0px 18px; }
.top .cols-4 .column-3, .footer .cols-4 .column-3 { float: left; width: 229px; margin: 0px 0px 0px 18px; }
.top .cols-4 .column-4, .footer .cols-4 .column-4 { float: right; width: 229px; }
.top .cols-5 .column-1, .footer .cols-5 .column-1 { float: left; width: 178px; }
.top .cols-5 .column-2, .footer .cols-5 .column-2 { float: left; width: 178px; margin: 0px 0px 0px 20px; }
.top .cols-5 .column-3, .footer .cols-5 .column-3 { float: left; width: 178px; margin: 0px 0px 0px 20px; }
.top .cols-5 .column-4, .footer .cols-5 .column-4 { float: left; width: 178px; margin: 0px 0px 0px 20px; }
.top .cols-5 .column-5, .footer .cols-5 .column-5 { float: right; width: 178px; }
}
@media screen and (min-width:1280px){
.top .cols-1 .column-1, .footer .cols-1 .column-1 { float: left; width: 1160px; }
.top .cols-2 .column-1, .footer .cols-2 .column-1 { float: left; width: 570px; }
.top .cols-2 .column-2, .footer .cols-2 .column-2 { float: right; width: 570px; }
.top .cols-3 .column-1, .footer .cols-3 .column-1 { float: left; width: 374px; }
.top .cols-3 .column-2, .footer .cols-3 .column-2 { float: left; width: 374px; margin: 0px 0px 0px 19px; }
.top .cols-3 .column-3, .footer .cols-3 .column-3 { float: right; width: 374px; }
.top .cols-4 .column-1, .footer .cols-4 .column-1 { float: left; width: 275px; }
.top .cols-4 .column-2, .footer .cols-4 .column-2 { float: left; width: 275px; margin: 0px 0px 0px 20px; }
.top .cols-4 .column-3, .footer .cols-4 .column-3 { float: left; width: 275px; margin: 0px 0px 0px 20px; }
.top .cols-4 .column-4, .footer .cols-4 .column-4 { float: right; width: 275px; }
.top .cols-5 .column-1, .footer .cols-5 .column-1 { float: left; width: 216px; }
.top .cols-5 .column-2, .footer .cols-5 .column-2 { float: left; width: 216px; margin: 0px 0px 0px 20px; }
.top .cols-5 .column-3, .footer .cols-5 .column-3 { float: left; width: 216px; margin: 0px 0px 0px 20px; }
.top .cols-5 .column-4, .footer .cols-5 .column-4 { float: left; width: 216px; margin: 0px 0px 0px 20px; }
.top .cols-5 .column-5, .footer .cols-5 .column-5 { float: right; width: 216px; }
}
/***** CSS Document *****/
.main-right .user .cols-1 .column-1, .main-left .user .cols-1 .column-1, .main-right .user .cols-2 .column-1, .main-left .user .cols-2 .column-1, .main-right .user .cols-2 .column-2, .main-left .user .cols-2 .column-2, .main-right .user .cols-3 .column-1, .main-left .user .cols-3 .column-1, .main-right .user .cols-3 .column-2, .main-left .user .cols-3 .column-2, .main-right .user .cols-3 .column-3, .main-left .user .cols-3 .column-3, .main-left-right .user .cols-1 .column-1, .main-left-right .user .cols-2 .column-1, .main-left-right .user .cols-2 .column-2, .main-left-right .user .cols-3 .column-1, .main-left-right .user .cols-3 .column-2, .main-left-right .user .cols-3 .column-3, .main-full .user .cols-1 .column-1, .main-full .user .cols-2 .column-1, .main-full .user .cols-2 .column-2, .main-full .user .cols-3 .column-1, .main-full .user .cols-3 .column-2, .main-full .user .cols-3 .column-3 { float: left; width: 100%; }
@media screen and (min-width:720px){
.main-right .user .cols-1 .column-1, .main-left .user .cols-1 .column-1 { float: left; width: 480px; }
.main-right .user .cols-2 .column-1, .main-left .user .cols-2 .column-1 { float: left; width: 232px; }
.main-right .user .cols-2 .column-2, .main-left .user .cols-2 .column-2 { float: right; width: 232px; }
.main-right .user .cols-3 .column-1, .main-left .user .cols-3 .column-1 { float: left; width: 150px; }
.main-right .user .cols-3 .column-2, .main-left .user .cols-3 .column-2 { float: left; width: 150px; margin: 0px 0px 0px 15px; }
.main-right .user .cols-3 .column-3, .main-left .user .cols-3 .column-3 { float: right; width: 150px; }
.main-full .user .cols-1 .column-1 { float: left; width: 700px; }
.main-full .user .cols-2 .column-1 { float: left; width: 342px; }
.main-full .user .cols-2 .column-2 { float: right; width: 342px; }
.main-full .user .cols-3 .column-1 { float: left; width: 224px; }
.main-full .user .cols-3 .column-2 { float: left; width: 224px; margin: 0px 0px 0px 14px; }
.main-full .user .cols-3 .column-3 { float: right; width: 224px; }
}
@media screen and (min-width:1024px){
.main-right .user .cols-1 .column-1, .main-left .user .cols-1 .column-1 { float: left; width: 700px; }
.main-right .user .cols-2 .column-1, .main-left .user .cols-2 .column-1 { float: left; width: 340px; }
.main-right .user .cols-2 .column-2, .main-left .user .cols-2 .column-2 { float: right; width: 340px; }
.main-right .user .cols-3 .column-1, .main-left .user .cols-3 .column-1 { float: left; width: 220px; }
.main-right .user .cols-3 .column-2, .main-left .user .cols-3 .column-2 { float: left; width: 220px; margin: 0px 0px 0px 20px; }
.main-right .user .cols-3 .column-3, .main-left .user .cols-3 .column-3 { float: right; width: 220px; }
.main-left-right .user .cols-1 .column-1 { float: left; width: 530px; }
.main-left-right .user .cols-2 .column-1 { float: left; width: 257px; }
.main-left-right .user .cols-2 .column-2 { float: right; width: 257px; }
.main-left-right .user .cols-3 .column-1 { float: left; width: 164px; }
.main-left-right .user .cols-3 .column-2 { float: left; width: 164px; margin: 0px 0px 0px 19px; }
.main-left-right .user .cols-3 .column-3 { float: right; width: 164px; }
.main-full .user .cols-1 .column-1 { float: left; width: 970px; }
.main-full .user .cols-2 .column-1 { float: left; width: 475px; }
.main-full .user .cols-2 .column-2 { float: right; width: 475px; }
.main-full .user .cols-3 .column-1 { float: left; width: 310px; }
.main-full .user .cols-3 .column-2 { float: left; width: 310px; margin: 0px 0px 0px 20px; }
.main-full .user .cols-3 .column-3 { float: right; width: 310px; }
}
@media screen and (min-width:1280px){
.main-right .user .cols-1 .column-1, .main-left .user .cols-1 .column-1 { float: left; width: 840px; }
.main-right .user .cols-2 .column-1, .main-left .user .cols-2 .column-1 { float: left; width: 410px; }
.main-right .user .cols-2 .column-2, .main-left .user .cols-2 .column-2 { float: right; width: 410px; }
.main-right .user .cols-3 .column-1, .main-left .user .cols-3 .column-1 { float: left; width: 266px; }
.main-right .user .cols-3 .column-2, .main-left .user .cols-3 .column-2 { float: left; width: 266px; margin: 0px 0px 0px 21px; }
.main-right .user .cols-3 .column-3, .main-left .user .cols-3 .column-3 { float: right; width: 266px; }
.main-left-right .user .cols-1 .column-1 { float: left; width: 620px; }
.main-left-right .user .cols-2 .column-1 { float: left; width: 300px; }
.main-left-right .user .cols-2 .column-2 { float: right; width: 300px; }
.main-left-right .user .cols-3 .column-1 { float: left; width: 194px; }
.main-left-right .user .cols-3 .column-2 { float: left; width: 194px; margin: 0px 0px 0px 19px; }
.main-left-right .user .cols-3 .column-3 { float: right; width: 194px; }
.main-full .user .cols-1 .column-1 { float: left; width: 1160px; }
.main-full .user .cols-2 .column-1 { float: left; width: 570px; }
.main-full .user .cols-2 .column-2 { float: right; width: 570px; }
.main-full .user .cols-3 .column-1 { float: left; width: 374px; }
.main-full .user .cols-3 .column-2 { float: left; width: 374px; margin: 0px 0px 0px 19px; }
.main-full .user .cols-3 .column-3 { float: right; width: 374px; }
}
/***** CSS Document *****/
.tooltip { position: absolute; z-index: 999999; line-height: 1; filter: alpha(opacity=0); visibility: visible; }
.tooltip.in { opacity: .8; filter: alpha(opacity=80); }
.tooltip.top { padding: 5px 0; margin: -3px 0px 0px 0px; float: none; width: auto; background: none; border-bottom: none; }
.tooltip-inner { color: #FFFFFF; text-align: center; max-width: 200px; padding: 10px; border-radius: 5px; background: #111111; }
.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; bottom: 0; left: 50%; margin: 0px 0px 0px -5px; border-top-color: #111111; border-width: 5px 5px 0; }
/***** CSS Document *****/
.popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; text-align: left; background: #999999; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border: 1px solid #7e7e7e; border: 1px solid rgba(0,0,0,0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2); -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2); box-shadow: 0 5px 10px rgba(0,0,0,0.2); white-space: normal; }
.popover.top { margin: -10px 0px 0px 0px; }
.popover.right { margin: 0px 0px 0px 10px; }
.popover.bottom { margin: 10px 0px 0px 0px; }
.popover.left { margin: 0px 0px 0px -10px; }
.popover-title { margin: 0; padding: 8px 15px; font-size: 14px; font-weight: normal; line-height: 18px; background: #8e8e8e; border-bottom: 1px solid #7e7e7e; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.popover-content { padding: 15px; }
.popover .arrow, .popover .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; }
.popover .arrow { border-width: 11px; }
.popover .arrow:after { border-width: 10px; content: ""; }
.popover.right .arrow { top: 50%; left: -11px; margin: -11px 0px 0px 0px; border-left-width: 0; border-right-color: #999999; border-right-color: rgba(0,0,0,0.25); }
.popover.right .arrow:after { left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #999999; }
/***** CSS Document *****/
#system-message { padding: 0px 0px 15px 0px; }
.alert-message .close { cursor: pointer; font-size: 20px; font-weight: bold; float: right; }
.alert-warning .close { cursor: pointer; font-size: 20px; font-weight: bold; float: right; }
/***** CSS Document *****/
.page-header h1, .contact h1, .contact-category h1, .blog-featured h1, .content-category h1, .search h1.page-title, .finder h1, .newsfeed-category h1 { padding: 0px 0px 5px 0px; margin: 0px 0px 10px 0px; border-radius: 5px; border-bottom: 2px solid #7e7e7e; }
.item-page .page-header h2 { padding: 0px 0px 5px 0px; margin: 0px 0px 10px 0px; border-bottom: 2px solid #7e7e7e; }
h3.page-header { padding: 0px 0px 5px 0px; margin: 0px 0px 10px 0px; }
.top h3.page-header, .footer h3.page-header { border-bottom: 2px solid #dedede; }
.sidebar h3.page-header, .maintop h3.page-header, .user h3.page-header, .bottom h3.page-header { border-bottom: 2px solid #7e7e7e; }
.mainbottom h3.page-header { border-bottom: 2px solid #6c6c6c; }
h2.item-title a, .page-header h2 a { color: #000000; text-decoration: none; }
@media screen and (min-width:720px){
.page-header h1, .contact h1, .contact-category h1, .blog-featured h1, .content-category h1, .search h1.page-title, .finder h1, .newsfeed-category h1, .item-page .page-header h2 { font-size: 20px; }
}
/***** CSS Document *****/
ul.menu, ul.menu ul, .pagination ul, ul.dropdown-menu, ul.nav-stacked, .pager ul, ol.nav, ul.pager, ul.breadcrumb, ul.nav-tabs, ul.category, ul.btn-toolbar, ul.unstyled, ul.search-results { list-style: none; padding: 0px; margin: 0px; }
ul.categories-module, ul.categories-module ul, ul.archive-module, ul.category-module, ul.category-module ul, ul.latestusers, ul.latestnews, ul.mostread, ul.relateditems, ul.newsfeed { list-style: none; padding: 0px; margin: 0px; }
/***** CSS Document *****/
.icons .dropdown-menu li { display: inline; margin: 0px 10px 0px 0px; }
.icons .dropdown-menu li a { color: #000000; text-decoration: none; }
.icon-print { padding: 0px 8px; margin: 0px 5px 0px 0px; background: url(../../../media/system/images/printButton.png); }
.icon-envelope { padding: 0px 8px; margin: 0px 5px 0px 0px; background: url(../../../media/system/images/emailButton.png); }
.article-info-term { display: none; }
dl.article-info dd { margin: 0; }
p.readmore { margin: 0px; }
p.readmore a { color: #000000; text-decoration: none; padding: 5px 10px; border-radius: 5px; background: #8c8c8c; border: 1px solid #acacac; }
.items-more ol.nav a { color: #000000; text-decoration: none; text-align: center; display: block; padding: 5px 10px; margin: 2px 0px; border-radius: 5px; background: #8c8c8c; border: 1px solid #acacac; }
.item-page .pager ul { text-align: center; margin: 0px 0px 20px 0px; }
.item-page .pager ul li { display: inline; margin: 0px 15px; }
.item-page .pagenavcounter { text-align: center; }
.item-page ul.nav-stacked li a { color: #000000; text-decoration: none; text-align: center; display: block; padding: 5px 10px; margin: 2px 0px; border-radius: 5px; background: #8c8c8c; border: 1px solid #acacac; }
.category-name a, .item-page .pager ul li a { color: #000000; text-decoration: none; }
@media screen and (min-width:480px){
.items-leading dl.article-info dd, .item-page dl.article-info dd, .items-row dl.article-info dd { display: inline; margin: 0px 20px 0px 0px; }
.items-more { clear: both; }
.items-more ol.nav a { display: inline; padding: 0px; margin: 0px; border-radius: 0px; background: none; border: none; }
.items-more ol.nav { text-align: center; }
.items-more ol.nav li { display: inline; margin: 0px 10px; }
.item-page ul.nav-stacked li a { display: inline; padding: 0px; margin: 0px; border-radius: 0px; background: none; border: none; }
.item-page ul.nav-stacked li { display: inline; margin: 0px 15px 0px 0px; }
.item-page .pagenavcounter { text-align: left; }
}
@media screen and (min-width:720px){
.items-row dl.article-info dd { display: block; }
.cols-1 dl.article-info dd { display: inline; }
.items-row { clear: both; }
}
/***** CSS Document *****/
.pagination { text-align: center; clear: both; margin: 0px 0px 20px 0px; }
.pagination li { display: inline; }
.pagination .mobile { display: none; }
.pagination .pagenav { color: #000000; text-decoration: none; padding: 5px 10px; margin: 0px 2px; border-radius: 5px; background: #8c8c8c; border: 1px solid #acacac; }
.pager .previous { float: left; margin: 0px 0px 20px 0px; }
.pager .next { float: right; margin: 0px 0px 20px 0px; }
.pager .previous a, .pager .next a { color: #000000; text-decoration: none; }
@media screen and (min-width:1024px){
.pagination .mobile { display: inline; }
}
/***** CSS Document *****/
.top .breadcrumb a, .footer .breadcrumb a { color: #FFFFFF; text-decoration: none; }
.maintop .breadcrumb a, .user .breadcrumb a, .mainbottom .breadcrumb a, .bottom .breadcrumb a { color: #000000; text-decoration: none; }
@media screen and (min-width:480px){
.breadcrumb li { display: inline; }
.breadcrumb li .divider { margin: 0px 10px; }
}
/***** CSS Document *****/
.category-list table { width: 100%; margin: 0px 0px 15px 0px; }
.category-list fieldset { padding: 0px; border: none; }
.category-list .inputbox { width: 165px; padding: 5px; background: #8e8e8e; border: 1px solid #111111; }
.category-list table td, .category-list table th { text-align: left; padding: 5px; border: 1px solid #7e7e7e; }
.category-list .filters .btn-group { text-align: center; margin: 0px 0px 10px 0px; }
.category-list .pagination .pull-right { float: none; }
.category-list a { color: #000000; text-decoration: none; }
@media screen and (min-width:720px){
.category-list table td, .category-list table th { padding: 5px 10px; }
.category-list .filters .btn-group { float: left; }
.category-list .filters .btn-group.pull-right { float: right; }
}
/***** CSS Document *****/
.contact { margin: 0px 0px 20px 0px; }
.contact h2 { margin: 0px 0px 15px 0px; }
.contact h3 { display: none; }
.contact .contact-form fieldset { padding: 10px; margin: 0px 0px 15px 0px; border: 1px solid #7e7e7e; }
.contact .contact-form .control-group { margin: 0px 0px 10px 0px; }
.contact .accordion fieldset { border: none; padding: 10px 0px 0px 0px; margin: 0px; }
.contact a.accordion-toggle { color: #000000; text-decoration: none; display: block; padding: 5px 10px; background: #007831; border: 1px solid #7e7e7e; }
.contact .accordion-inner { padding: 10px; border: 1px solid #7e7e7e; }
.contact .nav-tabs { margin: 0px 0px 15px 0px; }
.contact .nav-tabs > li > a { display: block; }
.contact .nav-tabs:before, .contact .nav-tabs:after { display: table; content: ""; line-height: 0; }
.contact .nav-tabs:after { clear: both; }
.contact .nav-tabs > li { float: left; }
.contact .nav-tabs { border-bottom: 1px solid #7e7e7e; }
.contact .nav-tabs > li { margin-bottom: -1px; }
.contact .nav-tabs > li > a { padding: 8px 0px; line-height: 18px; margin: 0px 2px 0px 0px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }
.contact .nav-tabs > li > a:hover, .contact .nav-tabs > li > a:focus { border-color: #7e7e7e #7e7e7e #7e7e7e; }
.contact .nav-tabs > .active > a, .contact .nav-tabs > .active > a:hover, .contact .nav-tabs > .active > a:focus { color: #000000; cursor: pointer; background: #999999; border: 1px solid #7e7e7e; border-bottom-color: transparent; }
.contact .nav-tabs li a { color: #000000; text-decoration: none; display: block; padding: 10px 15px; }
.contact .tab-content > .tab-pane { display: none; }
.contact .tab-content > .active { display: block; }
.contact .dl-horizontal dt { text-align: right; float: left; clear: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 2; }
.contact .dl-horizontal dd { margin: 0px 0px 0px 30px; line-height: 2; }
.contact .contact-form input.required { width: 95%; padding: 5px; background: #007831; border: 1px solid #111111; }
.contact .contact-form textarea.required { width: 95%; padding: 5px; background: #007831; border: 1px solid #111111; }
.contact .contact-links .nav-tabs { padding: 0px; margin: 0px; border-bottom: none; }
.contact-category h2 { margin: 0px 0px 15px 0px; }
.contact-category fieldset { border: none; padding: 0px; }
.contact-category .inputbox { padding: 5px; background: #8e8e8e; border: 1px solid #111111; }
.contact-category .list-striped { border-top: 1px solid #7e7e7e; }
.contact-category .list-striped li { padding: 10px 0px; border-bottom: 1px solid #7e7e7e; }
.contact-category .filters .btn-group { text-align: center; margin: 0px 0px 10px 0px; }
.blog-featured table { margin: 0px 0px 20px 0px; }
.blog-featured #adminForm fieldset { border: none; padding: 0px; }
.blog-featured .hidelabeltxt { display: none; }
.blog-featured .category { width: 100%; }
.blog-featured .category th { text-align: left; padding: 0px 0px 10px 0px; border-bottom: 1px solid #7e7e7e; }
.blog-featured .category td { padding: 10px 0px; border-bottom: 1px solid #7e7e7e; }
.blog-featured table.category a { color: #000000; text-decoration: none; }
.blog-featured .display-limit { text-align: right; margin: 0px 0px 15px 0px; }
.blog-featured .display-limit .inputbox { padding: 5px; background: #8e8e8e; border: 1px solid #111111; }
.contact-emailto a, .contact-webpage a, .contact-category .list-title a { color: #000000; text-decoration: none; }
@media screen and (min-width:480px){
.contact .contact-form input.required { width: 300px; }
.contact .contact-form textarea.required { width: 97%; height: 200px; }
}
@media screen and (min-width:720px){
.contact-category .filters .btn-group { float: left; }
.contact-category .filters .btn-group.pull-right { float: right; }
}
/***** CSS Document *****/
#login-form .input-small { width: 94%; padding: 5px; border-radius: 5px; background: #8e8e8e; border: 1px solid #111111; }
#login-form .control-group { margin: 0px 0px 10px 0px; }
.login { text-align: center; }
.login fieldset { border: none; padding: 0px; }
.login .control-group { margin: 0px 0px 10px 0px; }
.login .control-label { margin: 0px 0px 5px 0px; }
.login input.required { padding: 10px; width: 94%; border-radius: 7px; background: #8e8e8e; border: 1px solid #111111; }
.login-links { text-align: center; margin: 0px 0px 20px 0px; }
.logout form { text-align: center; margin: 0px 0px 20px 0px; }
.registration { text-align: center; margin: 0px 0px 20px 0px; }
.registration fieldset { border: none; padding: 0px; }
.registration legend { font-size: 20px; width: 100%; margin: 0px 0px 15px 0px; }
.registration .controls { margin: 0px 0px 10px 0px; }
.registration .control-label { margin: 0px 0px 5px 0px; }
.registration input.required { padding: 10px; width: 94%; border-radius: 7px; background: #8e8e8e; border: 1px solid #111111; }
.reset fieldset, .remind fieldset { border: none; padding: 0px; }
.reset #user-registration p, .remind #user-registration p { text-align: center; }
.reset .control-group, .remind .control-group { text-align: center; margin: 0px 0px 20px 0px; }
.reset .control-label, .remind .control-label { margin: 0px 0px 5px 0px; }
.reset input.required, .remind input.required { width: 94%; padding: 10px; border-radius: 7px; background: #8e8e8e; border: 1px solid #111111; }
.profile fieldset { border: 1px solid #7e7e7e; }
.profile #users-profile-core { margin: 10px 0px 0px 0px; }
.profile #users-profile-custom { margin: 10px 0px 20px 0px; }
.profile .dl-horizontal dd { margin: 0px; padding: 0px; }
.profile-edit { margin: 0px 0px 20px 0px; }
.profile-edit fieldset { margin: 0px 0px 10px 0px; border: 1px solid #7e7e7e; }
.profile-edit .control-label { margin: 0px 0px 5px 0px; }
.profile-edit .controls { margin: 0px 0px 10px 0px; }
.profile-edit input.required, .profile-edit #jform_username, .profile-edit .validate-password { width: 250px; padding: 5px; border-radius: 5px; background: #8e8e8e; border: 1px solid #111111; }
.profile-edit select { width: 260px; padding: 5px; border-radius: 5px; border: 1px solid #c0c0c0; }
#login-form a, .login-links a { color: #000000; text-decoration: none; }
@media screen and (min-width:480px){
.login input.required, .registration input.required, .reset input.required, .remind input.required { width: 300px; }
.profile .dl-horizontal dt { float: left; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 2; }
.profile .dl-horizontal dd { margin: 0px 0px 0px 200px; line-height: 2; }
}
/***** CSS Document *****/
.search form { text-align: center; }
.search input.inputbox { width: 95%; padding: 5px; border-radius: 5px; background: #8e8e8e; border: 1px solid #111111; }
.search button { margin: 5px 0px 0px 0px; }
#mod-finder-searchform { text-align: center; }
#mod-finder-searchform input.search-query { width: 94%; padding: 5px; border-radius: 5px; background: #8e8e8e; border: 1px solid #111111; }
#mod-finder-searchform button { margin: 5px 0px 0px 0px; }
#searchForm fieldset { margin: 0px 0px 15px 0px; padding: 5px 0px 15px 0px; }
#searchForm label { display: block; }
#searchForm .counter { margin: 0px 0px 0px 10px; }
#searchForm .form-limit { margin: 0px 0px 15px 0px; }
.search-results { margin: 0px 0px 15px 0px; }
.search-results dd { margin: 0px; }
#finder-search { text-align: center; margin: 0px 0px 20px 0px; }
#finder-search fieldset { padding: 10px; background: #8c8c8c; border: 1px solid #7e7e7e; }
#finder-search input.inputbox { padding: 5px; width: 94%; border-radius: 5px; background: #8e8e8e; border: 1px solid #111111; }
#finder-search select.inputbox { padding: 5px; width: 193px; border: 1px solid #c0c0c0; }
#finder-search hr { border: none; height: 1px; border-color: #c0c0c0; background: #c0c0c0; }
.search-results li { margin: 0px 0px 15px 0px; }
.search-results li p { margin: 0px; }
.search-pages-counter { text-align: center; width: 100%; padding: 15px 0px; }
#search-query-explained { clear: both; }
.search-results a { color: #000000; text-decoration: none; }
@media screen and (min-width:480px){
.search input.inputbox { width: 80%; }
#mod-finder-searchform input.search-query { width: 75%; }
.search button, #mod-finder-searchform button { margin: 0px; }
#searchForm label { display: inline; margin: 0px 5px; }
}
@media screen and (min-width:720px){
.search input.inputbox { width: 95%; }
#mod-finder-searchform input.search-query { width: 94%; }
.search button, #mod-finder-searchform button { margin: 5px 0px 0px 0px; }
}
@media screen and (min-width:1024px){
.search input.inputbox { width: auto; }
.left-left .search input.inputbox, .right-right .search input.inputbox { width: 170px; }
#mod-finder-searchform input.search-query { width: auto; }
.left-left #mod-finder-searchform input.search-query, .right-right #mod-finder-searchform input.search-query { width: 165px; }
#finder-search input.inputbox { width: auto; }
.search button, #mod-finder-searchform button { margin: 0px; }
}
@media screen and (min-width:1280px){
.left-left .search input.inputbox, .right-right .search input.inputbox { width: 220px; }
.left-left #mod-finder-searchform input.search-query, .right-right #mod-finder-searchform input.search-query { width: 210px; }
}
/***** CSS Document *****/
.newsfeed-category h2 { margin: 0px 0px 15px 0px; }
.newsfeed-category fieldset { padding: 0px; border: none; }
.newsfeed-category .btn-group { text-align: center; }
.newsfeed-category input.inputbox { padding: 5px; background: #8e8e8e; border: 1px solid #111111; }
.newsfeed-category .category li { padding: 5px 10px; margin: 10px 0px 0px 0px; border: 1px solid #7e7e7e; }
.newsfeed-category a { color: #000000; text-decoration: none; }
@media screen and (min-width:720px){
.newsfeed-category .btn-group { float: left; }
.newsfeed-category .btn-group.pull-right { float: right; }
}
/***** CSS Document *****/
.edit .btn-toolbar .btn-group { display: inline-block; }
.edit fieldset { padding: 0px; margin: 10px 0px; border: none; }
.edit .control-group { margin: 0px 0px 10px 0px; }
.edit .nav-tabs { margin: 0px 0px 10px 0px; }
.edit .nav-tabs:before, .edit .nav-tabs:after { display: table; content: ""; line-height: 0; }
.edit .nav-tabs:after { clear: both; }
.edit .nav-tabs { border-bottom: 1px solid #7e7e7e; }
.edit .nav-tabs > li { float: left; margin: 0px 0px -1px 0px; }
.edit .nav-tabs > li > a { color: #000000; text-decoration: none; display: block; padding: 8px 12px; margin: 0px 2px 0px 0px; line-height: 18px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }
.edit .nav-tabs > li > a:hover, .edit .nav-tabs > li > a:focus { border-color: #7e7e7e #7e7e7e #7e7e7e; }
.edit .nav-tabs > .active > a, .edit .nav-tabs > .active > a:hover, .edit .nav-tabs > .active > a:focus { color: #000000; background: #999999; border: 1px solid #7e7e7e; border-bottom-color: transparent; cursor: default; }
.edit .tab-content > .tab-pane { display: none; }
.edit .tab-content > .active { display: block; }
@font-face { font-family: 'IcoMoon'; src: url('../../../media/jui/fonts/IcoMoon.eot'); src: url('../../../media/jui/fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../../../media/jui/fonts/IcoMoon.woff') format('woff'), url('../../../media/jui/fonts/IcoMoon.ttf') format('truetype'), url('../../../media/jui/fonts/IcoMoon.svg#IcoMoon') format('svg'); font-weight: normal; font-style: normal; }
[class^="icon-"]:before, [class*=" icon-"]:before { font-family: 'IcoMoon'; font-style: normal; speak: none; }
.icon-calendar:before { content: "\43"; }
.edit .pull-right { float: right; padding: 10px 0px; }
.edit select.inputbox { width: 200px; padding: 5px; border: 1px solid #c0c0c0; }
.edit input.inputbox { width: 188px; padding: 5px; border: 1px solid #c0c0c0; }
.edit textarea.inputbox { width: 200px; height: 100px; padding: 5px; border: 1px solid #c0c0c0; }
.edit button.btn#jform_publish_up_img, .edit button.btn#jform_publish_down_img { padding: 4px 5px 6px 5px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
.edit button.btn#jform_publish_up_img, .edit button.btn#jform_publish_down_img { padding: 6px 5px; }
}
@media screen and (min-width:480px){
.edit #editor .control-label, .edit #editor .controls, .edit #publishing .control-label, .edit #publishing .controls, .edit #language .control-label, .edit #language .controls { display: inline-block; }
.edit #editor .control-label { width: 100px; }
.edit #publishing .control-label { width: 200px; }
}
/***** CSS Document *****/
.contentpane iframe#blockrandom { margin: 0px 0px 20px 0px; border: 1px solid #7e7e7e; }
/***** CSS Document *****/
.items-row .item, .items-leading, .moduletable { padding: 0px 0px 20px 0px; }
ul.newsfeed li { margin: 10px 0px 0px 0px; }
.mod-articles-category-readmore { margin: 0px; }
.feed-item-description { text-align: justify; }
.newsflash-title { margin: 15px 0px; }
.top .newsflash-title a, .footer .newsflash-title a { color: #FFFFFF; text-decoration: none; }
.sidebar .newsflash-title a, .maintop .newsflash-title a, .user .newsflash-title a, .mainbottom .newsflash-title a, .bottom .newsflash-title a { color: #000000; text-decoration: none; }
.sidebar a.readmore, .maintop a.readmore, .user a.readmore, .bottom a.readmore { color: #000000; text-decoration: none; padding: 5px 10px; border-radius: 5px; background: #8c8c8c; border: 1px solid #acacac; }
mainbottom a.readmore { color: #000000; text-decoration: none; padding: 5px 10px; border-radius: 5px; background: #8c8c8c; border: 1px solid #676767; }
.top a.readmore, .footer a.readmore { color: #FFFFFF; text-decoration: none; padding: 5px 10px; border-radius: 5px; background: #000000; border: 1px solid #dedede; }
ul.categories-module li, ul.category-module li, ul.archive-module a, ul.mostread a, ul.latestnews a, ul.latestusers li, ul.relateditems li { display: block; padding: 5px 0px; }
.top ul.categories-module li, .top ul.category-module li, .top ul.archive-module a, .top ul.mostread a, .top ul.latestnews a, .top ul.latestusers li, .top ul.relateditems li, .footer ul.categories-module li, .footer ul.category-module li, .footer ul.archive-module a, .footer ul.mostread a, .footer ul.latestnews a, .footer ul.latestusers li, .footer ul.relateditems li { border-bottom: 1px solid #dedede; }
.top ul.categories-module ul li, .top ul.category-module ul li, .footer ul.categories-module ul li, .footer ul.category-module ul li { background: #000000; border: 1px solid #dedede; }
.sidebar ul.categories-module li, .sidebar ul.category-module li, .sidebar ul.archive-module a, .sidebar ul.mostread a, .sidebar ul.latestnews a, .sidebar ul.latestusers li, .sidebar ul.relateditems li, .maintop ul.categories-module li, .maintop ul.category-module li, .maintop ul.archive-module a, .maintop ul.mostread a, .maintop ul.latestnews a, .maintop ul.latestusers li, .maintop ul.relateditems li, .user ul.categories-module li, .user ul.category-module li, .user ul.archive-module a, .user ul.mostread a, .user ul.latestnews a, .user ul.latestusers li, .user ul.relateditems li, .bottom ul.categories-module li, .bottom ul.category-module li, .bottom ul.archive-module a, .bottom ul.mostread a, .bottom ul.latestnews a, .bottom ul.latestusers li, .bottom ul.relateditems li { border-bottom: 1px solid #7e7e7e; }
.mainbottom ul.categories-module li, .mainbottom ul.category-module li, .mainbottom ul.archive-module a, .mainbottom ul.mostread a, .mainbottom ul.latestnews a, .mainbottom ul.latestusers li, .mainbottom ul.relateditems li { border-bottom: 1px solid #676767; }
ul.categories-module ul li, ul.category-module ul li { padding: 5px 10px; margin: 10px 0px 0px 0px; border-radius: 5px; }
.sidebar ul.categories-module ul li, .sidebar ul.category-module ul li, .maintop ul.categories-module ul li, .maintop ul.category-module ul li, .user ul.categories-module ul li, .user ul.category-module ul li, .bottom ul.categories-module ul li, .bottom ul.category-module ul li { background: #8c8c8c; border: 1px solid #7e7e7e; }
.mainbottom ul.categories-module ul li, .mainbottom ul.category-module ul li { background: #8c8c8c; border: 1px solid #676767; }
.top ul.categories-module a, .top ul.category-module a, .top ul.archive-module a, .top ul.mostread a, .top ul.latestnews a, .top ul.relateditems a, .top .feed a, .footer ul.categories-module a, .footer ul.category-module a, .footer ul.archive-module a, .footer ul.mostread a, .footer ul.latestnews a, .footer ul.relateditems a, .footer .feed a { color: #FFFFFF; text-decoration: none; }
.sidebar ul.categories-module a, .sidebar ul.category-module a, .sidebar ul.archive-module a, .sidebar ul.mostread a, .sidebar ul.latestnews a, .sidebar ul.relateditems a, .sidebar .feed a, .maintop ul.categories-module a, .maintop ul.category-module a, .maintop ul.archive-module a, .maintop ul.mostread a, .maintop ul.latestnews a, .maintop ul.relateditems a, .maintop .feed a, .user ul.categories-module a, .user ul.category-module a, .user ul.archive-module a, .user ul.mostread a, .user ul.latestnews a, .user ul.relateditems a, .user .feed a, .mainbottom ul.categories-module a, .mainbottom ul.category-module a, .mainbottom ul.archive-module a, .mainbottom ul.mostread a, .mainbottom ul.latestnews a, .mainbottom ul.relateditems a, .mainbottom .feed a, .bottom ul.categories-module a, .bottom ul.category-module a, .bottom ul.archive-module a, .bottom ul.mostread a, .bottom ul.latestnews a, .bottom ul.relateditems a, .bottom .feed a { color: #000000; text-decoration: none; }
.sidebar ul.newsfeed a, .top ul.newsfeed a, .maintop ul.newsfeed a, .user ul.newsfeed a, .mainbottom ul.newsfeed a, .bottom ul.newsfeed a, .footer ul.newsfeed a { text-decoration: underline; }
.sidebar .menu img, .top .menu img, .maintop .menu img, .user .menu img, .mainbottom .menu img, .bottom .menu img, .footer .menu img { height: 11px; width: 11px; margin: 0px 5px 0px 0px; }
.sidebar .menu a, .sidebar .nav-header, .sidebar .separator { color: #000000; text-decoration: none; display: block; padding: 5px 0px; border-bottom: 1px solid #7e7e7e; }
.maintop .menu a, .maintop .menu .nav-header, .maintop .menu .separator, .user .menu a, .user .menu .nav-header, .user .menu .separator, .bottom .menu a, .bottom .menu .nav-header, .bottom .menu .separator { color: #000000; text-decoration: none; display: block; padding: 5px 0px; border-bottom: 1px solid #7e7e7e; }
.mainbottom .menu a, .mainbottom .menu .nav-header, .mainbottom .menu .separator { color: #000000; text-decoration: none; display: block; padding: 5px 0px; border-bottom: 1px solid #676767; }
.top .menu a, .top .menu .nav-header, .top .menu .separator, .footer .menu a, .footer .menu .nav-header, .footer .menu .separator { color: #FFFFFF; text-decoration: none; display: block; padding: 5px 0px; border-bottom: 1px solid #dedede; }
.categories-module h4, .categories-module h5  { font-size: 16px; font-weight: normal; }
@media screen and (min-width:480px){
.categories-module h4, .categories-module h5 { font-size: 14px; }
}
/***** CSS Document *****/
input.button, input.btn { color: #FFFFFF; padding: 4px 10px; border-radius: 5px; background: #414141; border: 1px solid #7e7e7e; }
button { color: #FFFFFF; padding: 4px 10px; border-radius: 5px; background: #414141; border: 1px solid #111111; }
.registration a.btn, .profile a.btn, .profile-edit a.btn, #finder-search a.btn, .edit .btn-toolbar a.btn { color: #FFFFFF; text-decoration: none; padding: 2px 10px 1px 10px; border-radius: 5px; display: inline-block; background: #414141; border: 1px solid #111111; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
input.button, input.btn { padding: 5px 10px; }
button { padding: 5px 10px; }
}
/***** CSS Document *****/
#k2Container { padding: 0px; }
div.catItemHeader span.catItemDateCreated { color: #000000; font-size: 14px; }
div.catItemView { margin: 0px; padding: 0px; }
div#itemListPrimary div.catItemView { padding: 0px 20px 0px 0px; }
div.catItemHeader h3.catItemTitle { padding: 0px; margin: 0px; }
div.catItemBody { padding: 0px; margin: 0px; }
div.catItemIntroText { padding: 0px; }
div.catItemLinks { margin: 0px; }
div.itemContainer { padding: 0px 0px 20px 0px; margin: 0px 0px 15px 0px; border-bottom: 1px solid #7e7e7e; }
div#itemListLinks { margin: 0px; padding: 0px; background: none; border: none; }
div.catItemCommentsLink { border-right: 1px solid #7e7e7e; }
div.k2Pagination { padding: 0px; margin: 0px 0px 15px 0px; }
div.k2Pagination ul { margin: 0x; padding: 0px; }
div.k2Pagination ul li a { padding: 0px; margin: 0px;}
div.k2Pagination .pagenav { color: #000000; text-decoration: none; padding: 2px 8px; margin: 0px 2px; display: inline-block; border-radius: 5px; background: #8c8c8c; border: 1px solid #acacac; }
div.userBlock { margin: 0px 0px 15px 0px; padding: 10px; background: #8c8c8c; border: 1px solid #7e7e7e; }
div.userBlock div.userDescription { padding: 0px; }
div.userBlock div.userAdditionalInfo { padding: 0px; margin: 0px;}
.userURL, .userEmail { text-align: right; }
div.userItemView { padding: 0px 0px 20px 0px; margin: 0px 0px 15px 0px; border-bottom: 1px solid #7e7e7e; }
div.userItemHeader h3.userItemTitle { padding: 0px; }
div.userItemHeader span.userItemDateCreated { color: #000000; font-size: 14px;}
div.userItemBody { padding: 0px; }
div.userItemIntroText { padding: 0px; }
div.userItemLinks { margin: 0px; }
div.userItemCategory { padding: 0px; }
div.userItemTagsBlock { padding: 0px; }
div.userItemCommentsLink { border-right: 1px solid #7e7e7e; }
div.latestItemsUser { margin: 0px 0px 15px 0px; padding: 10px; background: #8c8c8c; border: 1px solid #7e7e7e; }
div.latestItemsUser p.latestItemsUserDescription { padding: 0px; }
div.latestItemsUser p.latestItemsUserAdditionalInfo { padding: 0px; margin: 0px; }
.latestItemsUserURL { text-align: right; }
div.latestItemList { padding: 0px; }
span.latestItemDateCreated { color: #000000; font-size: 14px;}
div.latestItemBody { padding: 0px; }
div.latestItemIntroText { padding: 0px; }
div.latestItemLinks { margin: 0px; }
div.latestItemCategory { padding: 0px; }
div.latestItemView { padding: 0px 0px 20px 0px; margin: 0px 0px 15px 0px; border-bottom: 1px solid #7e7e7e; }
div.tagItemView { padding: 0px 0px 20px 0px; margin: 0px 0px 15px 0px; border-bottom: 1px solid #7e7e7e; }
div.tagItemHeader span.tagItemDateCreated { color: #000000; font-size: 14px; }
div.tagItemHeader h2.tagItemTitle { padding: 0px; }
div.tagItemBody { padding: 0px; }
div.tagItemIntroText { padding: 0px; }
div.tagItemCategory { border-right: 1px solid #7e7e7e;}
div.itemHeader span.itemDateCreated { color: #000000; font-size: 14px; }
div.itemHeader h2.itemTitle { padding: 0px; }
div.itemToolbar { padding: 10px; margin: 15px 0px 0px 0px; background: #8c8c8c; border: 1px solid #7e7e7e; }
div.itemToolbar ul li { font-size: 14px; border-left: 1px solid #7e7e7e; }
div.itemRatingBlock { padding: 15px 0px 0px 0px;}
div.itemRatingBlock span { color: #000000; }
.itemRatingLog { font-size: 14px; }
div.itemIntroText { color: #000000; padding: 0px; }
div.itemContentFooter { color: #000000; padding: 0px; margin: 0px; }
div.itemSocialSharing { padding: 0px; }
div.itemTwitterButton { margin: 0px 20px 0px 0px; }
div.itemFacebookButton { margin: 0px 20px 0px 0px; width: auto; }
div.itemAuthorBlock { padding: 10px; margin: 0px 0px 15px 0px; background: #8c8c8c; border: 1px solid #7e7e7e; }
div.itemAuthorBlock div.itemAuthorDetails { padding: 0px; }
div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl { display: block; text-align: right; }
div.itemAuthorLatest ul { padding: 0px; margin: 0px 0px 15px 0px; }
div.itemAuthorLatest ul li { display: inline; margin: 0px 20px 0px 0px; }
div.itemNavigation { padding: 10px; margin: 0px 0px 15px 0px; background: #8c8c8c; border: 1px solid #7e7e7e; }
div.itemNavigation span.itemNavigationTitle { color: #000000; }
div.itemComments { padding: 0px; background: none;border: none; }
div.itemComments ul.itemCommentsList { margin: 0px;}
div.itemComments ul.itemCommentsList li { padding: 10px; margin: 10px 0px 0px 0px; background: #8c8c8c; border: 1px solid #7e7e7e; }
div.itemComments ul.itemCommentsList li span.commentLink a { font-size: 14px; color: #000000; }
div.itemCommentsPagination { padding: 0px; margin: 0px 0px 15px 0px; }
div.itemCommentsPagination ul { margin: 0x; padding: 0px; }
div.itemCommentsPagination ul li a { padding: 0px; margin: 0px;}
div.itemCommentsPagination .pagenav { color: #000000; text-decoration: none; padding: 2px 8px; margin: 0px 2px; display: inline-block; border-radius: 5px; background: #8c8c8c; border: 1px solid #acacac; }
div.itemCommentsForm p.itemCommentsFormNotes { border-top: 1px solid #7e7e7e; padding: 10px 0px;}
.itemComments .inputbox { background: #8e8e8e; border: 1px solid #111111; }
.k2FeedIcon a, .catItemView a, .userBlock a, .userItemView a, .latestItemsUser a, .latestItemView a, .tagItemView a, .itemAuthor a, .itemToolbar a, .itemLinks a, .itemAuthorBlock a, .itemAuthorLatest a, .itemNavigation a, .commentAuthorName a, .itemBackToTop a { color: #000000; text-decoration: none; }
/***** CSS Document *****/
div.k2LoginBlock ul li, div.k2ArchivesBlock ul li { padding: 0px; margin: 0px; }
div.k2LoginBlock fieldset { border: none; }
div.k2LoginBlock #modlgn_username, div.k2LoginBlock #modlgn_passwd { width: 94%; padding: 5px; background: #8e8e8e; border: 1px solid #111111; }
div.k2ItemsBlock ul li a.moduleItemComments, div.k2ItemsBlock ul li span.moduleItemHits { border-right:1px solid #7e7e7e; }
div.k2LoginBlock a, a.ubUserName, .ubUserItems a, .k2ArchivesBlock a, a.moduleItemTitle, .moduleItemAuthor a, a.moduleItemCategory, a.moduleItemComments, a.moduleItemReadMore, .k2LatestCommentsBlock a { color: #000000; text-decoration: none; }
/***** CSS Document *****/
.category-view .spacer, .featured-view .spacer, .latest-view .spacer, .topten-view .spacer, .recent-view .spacer { height: auto; margin: 0px 1px; border: 1px solid #7e7e7e; }
.vendor-store-desc, .category-view, .featured-view, .latest-view, .topten-view, .recent-view, .related-products-view, .browse-view, .order-view { margin: 0px 0px 20px 0px; }
.category-view .row .category .spacer, .featured-view .spacer, .latest-view .spacer, .topten-view .spacer, .recent-view .spacer, .related-products-view .spacer, .browse-view .row .product .spacer{ padding: 10px; }
.orderby-displaynumber { display: none; }
div.product { border: none; }
.horizontal-separator { margin: 0px; background: none; }
.vm-pagination { width: 100%; margin: 20px 0px 0px 0px; }
.vm-pagination ul{ margin: 0px; padding: 0px; }
.vm-pagination .pagenav { color: #000000; text-decoration: none; padding: 5px 10px; margin: 0px 2px; border-radius: 5px; background: #8c8c8c; border: 1px solid #acacac; }
.category-view .PricebasePriceVariant, .category-view .vm-price-desc, .category-view .PricediscountedPriceWithoutTax, .category-view .PricediscountAmount, .category-view .PricetaxAmount, .category-view .PriceunitPrice, .category-view .PricepriceWithoutTax, .category-view .PricebasePrice, .category-view .PricebasePriceWithTax, .category-view p.product_s_desc, .category-view .vm-details-button, .category-view .vm-product-rating-container { display: none; }
.category-view .PricesalesPrice { margin: 0px 0px 20px 0px; }
.category-view .vm-product-descr-container-1, .category-view .vm-product-descr-container-0 { min-height: 0px; margin: 0px 0px 20px 0px; }
.vm-product-descr-container-1 h2 a, .vm-product-descr-container-0 h2 a { color: #000000; text-decoration: none; font-size: 20px; }
.category-view .product-price { margin: 0px; text-align: center; float: none; }
.featured-view .spacer span,.latest-view .spacer span,.topten-view .spacer span,.recent-view .spacer span,.related-products-view .spacer span, .browse-view .row .product .spacer span { color: #000000; font-size: 14px; }
.category-view .vm3pr-4 .product-price { min-height: 0px; margin: 0px 0px 20px 0px; }
.category-view .browse-view .row .product .spacer span { color: #000000; font-size: 30px; font-weight: bold; }
.category-view .browseProductImage { max-height: 250px; width: 80%; }
.quantity-box .quantity-input { color: #000000; background: #8e8e8e; border: 1px solid #111111; }
.category-view h1 { text-align: center; margin: 0px 0px 20px 0px; }
.vm-col { margin: 0px; }
.product-neighbours { padding: 0px 0px 5px 0px; border-bottom: 1px solid #7e7e7e; }
.product-neighbours a { color: #000000; text-decoration: none; }
.productdetails .icons { float: none; text-align: left; }
.back-to-category a { color: #FFFFFF; padding: 4px 10px; border-radius: 5px; background: #414141; border: 1px solid #7e7e7e; }
.productdetails .PricebasePriceVariant, .productdetails .vm-price-desc, .productdetails .PricediscountedPriceWithoutTax, .productdetails .PricediscountAmount, .productdetails .PricetaxAmount, .productdetails .PriceunitPrice, .productdetails .PricepriceWithoutTax, .productdetails .PricebasePrice, .productdetails .PricebasePriceWithTax { display: none; }
.productdetails .product-price { font-size: 30px; text-align: left; margin: 10px 0px 0px 0px; float: none; }
.productdetails .availability { text-align: left; }
.productdetails .ratingbox { display: block; }
.manufacturer a { color: #000000; text-decoration: none; }
.customer-reviews { margin: 0px 0px 20px 0px; }
.product-description .title { font-size: 18px; font-weight: bold; display: block; padding: 20px 0px 5px 0px; border-bottom: 1px solid #7e7e7e; }
.customer-reviews h4 { font-size: 18px; padding: 0px 0px 5px 0px; border-bottom: 1px solid #7e7e7e; }
.cart-view { margin: 0px 0px 20px 0px; }
.cart-view a.continue_link { color: #FFFFFF; text-decoration: none; display: inline-block; padding: 4px 10px; margin: 10px 0px 0px 0px; border-radius: 5px; background: #414141; border: 1px solid #7e7e7e; }
.cart-view .userdata { padding: 0px; }
#com-form-login .userdata .inputbox { color: #000000; padding: 5px; background: #8e8e8e; border: 1px solid #111111; }
#com-form-login .userdata .default { color: #FFFFFF; padding: 5px 10px; border-radius: 5px; background: #414141; border: 1px solid #7e7e7e;  }
#com-form-login .width30.floatleft a { color: #000000; text-decoration: none; }
.billto-shipto { border-top: 1px solid #7e7e7e; border-bottom: none; }
.cart-view a.details { color: #FFFFFF; text-decoration: none; display: inline-block; padding: 4px 10px; margin: 10px 0px 0px 0px; border-radius: 5px; background: #414141; border: 1px solid #7e7e7e; }
.vm-fieldset-pricelist { margin: 0px; }
table.cart-summary tr th { background: #8c8c8c; border-bottom: 1px solid #7e7e7e; }
.cart-summary td, .cart-summary th { border: 1px solid #7e7e7e; }
.priceColor2 { color: #000000; }
.coupon { color: #000000; font-size: 14px; width: 180px; padding: 5px; background: #8e8e8e; border: 1px solid #111111; }
span.details-button input.details-button { color: #FFFFFF; padding: 4px 10px; border-radius: 5px; background: #414141; border: 1px solid #7e7e7e; }
textarea#customer_note_field { color: #000000; padding: 5px; background: #8e8e8e; border: 1px solid #111111; }
.vm-cart-item-name a, a.terms-of-service, .cart-view .radio a { color: #000000; text-decoration: none; }
.checkout-button-top { border-top: 1px solid #7e7e7e; }
.control-buttons > button { color: #FFFFFF; padding: 4px 10px; border-radius: 5px; background: #414141; border: 1px solid #7e7e7e; }
.adminForm.user-details .required, .adminForm.user-details #username_field, .adminForm.user-details #name_field, .adminForm.user-details .inputbox, .adminForm.user-details #company_field, .adminForm.user-details #middle_name_field, .adminForm.user-details #address_2_field, .adminForm.user-details #phone_1_field, .adminForm.user-details #phone_2_field, .adminForm.user-details #fax_field { color: #000000; padding: 5px; background: #8e8e8e; border: 1px solid #111111; }
.control-buttons { text-align: left!IMPORTANT; margin: 0px 0px 20px 0px; }
.productdetails-view h1 { margin: 0px 0px 20px 0px; }
.continue_link, .showcart.floatright { color: #000000; text-decoration: none}
@media screen and (min-width:720px){
.category-view h1, .cart-view h1 { font-size: 30px; }
.vm-col-2 { width: 50%; }
.vm-col-3 { width: 33.33%; }
.vm-col-4 { width: 25%; }
.vm-col-5 { width: 20%; }
}
/***** CSS Document *****/
.vmCartModule { padding: 10px; background: #8c8c8c; border: 1px solid #7e7e7e; }
.vmCartModule .product_name a { color: #000000; text-decoration: none; }
.vmCartModule .show_cart a { color: #FFFFFF; text-decoration: none; display: inline-block; padding: 4px 10px; margin: 10px 0px 0px 0px; border-radius: 5px; background: #414141; border: 1px solid #7e7e7e; }
.customProductData { display: none; }
#virtuemart_currency_id { padding: 5px; margin: 10px 0px 0px 0px; background: #8e8e8e; border: 1px solid #111111; }
.vmgroup ul { list-style: none; padding: 0px; margin: 0px; }