body {
}
#main-handler {
padding: 0px;
}
.main-bg {
margin-bottom: 20px;
}
.clear-sep {
clear: both;
}
a:focus {
border: 0;
outline: 0;
}
/* anchors
----------------------------------------------- */
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
#top-modules {
padding: 40px 40px 40px 40px;
margin-top: 15px;
}
#nav-line #brcr {
padding: 20px 0px;
margin-bottom: 15px;
}
#main-content-handler {
padding: 0px 0px 10px 0px;
}
.tmp-content-area {
padding-top: 0px;
}
#tab-modules {
padding: 20px 0px 15px 0px;
}
#tmp-container {
margin: 0 0px;
}
/* headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
line-height:1.2em;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
display: block;
height: 100%;
font-size: 100%;
text-decoration: none !important;
}
#top-com-handler {
margin: 15px 10%;
}
#top-com-handler #system-message-container {
padding: 0px 25px;
}
#top-com-handler .close {
width: 20px;
height: 20px;
top: -10px;
right: -14px;
opacity: 1;
}
#top-com-handler .alert {
background: #ffffff;
border: 1px solid rgba(0,0,0,0.2);
color: #333333;
}
#top-background {
width: 100%;
height: 400px;
position: absolute;
z-index: 0;
top: 0px;
left: 0px;
}
#top-handler {
padding:0px;
}
#top {
margin: 0px auto;
position: relative;
z-index: 9;
}
div.navbar-fixed-top {
position: absolute;
right: 0px;
left: 0px;
}
div#top-nav-line {
position: relative;
z-index: 9999999;
}
.inner {
padding: 0px 40px;
}
#top-nav-handler {
padding-top: 0px;
}
#sn-position {
position: relative;
}
#sn-position #h1 {
position: absolute;
letter-spacing: -1px;
z-index: 1029;
margin:0px;
padding: 0px;
font-weight:300;
}
#sn-position #h1 span {
font-weight: 700;
}
#sn-position #h2 {
position: absolute;
z-index: 1029;
margin:0px;
padding: 0px;
font-weight:800;
letter-spacing: 0px;
}
#sn-position #h1 a, #sn-position #h1 a:hover {
text-decoration: none;
}
.sn-underline {
height: 85px;
position: absolute;
width: 100%;
}
#LoginForm .modal-body .userdata {
padding: 0px;
margin: 0px;
border: 0px;
}
#LoginForm .modal-body {
max-height: 350px;
min-height: 210px;
}
#LoginForm .caret {
margin-top: 8px;
}
#LoginForm .btn-group > .dropdown-menu {
font: 400 12px 'Ubuntu', Arial, Helvetica, sans-serif;
text-align: left;
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#LoginForm .btn-group > .button {
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
}
#LoginForm .btn-group > .button.dropdown-toggle {
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
}
#LoginForm .modal-header #myModalLabel {
font: 300 30px 'Open Sans', Arial, Helvetica, sans-serif;
letter-spacing: -2px;
}
#LoginForm .btn-group > .dropdown-menu a {
-moz-transition-duration: 0.4s;
-webkit-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
transition-duration: 0.4s;
-webkit-transition-property: background-color;
-ms-transition-property: background-color;
-o-transition-property: background-color;
-moz-transition-property: background-color;
transition-property: background-color;
}
#LoginForm .button.dropdown-toggle {
padding: 6px 5px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
#LoginForm .modal-body .userdata label { display: inline; }
#LoginForm .modal-body ul {
padding: 0px;
margin: 0px;
}
#LoginForm .modal-body ul li {
padding: 0px;
margin: 0px;
background: none;
}
.b-modal,select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
#log-panel {
float: right;
}
#top-quick-nav {
}
#log-panel {
margin: 0 !important;
list-style: none;
}
#log-panel li {
margin: 0 !important;
padding: 0px !important;
padding-left: 1px;
list-style: none;
float:left;
}
#log-panel li:first-child {
background-image: none;
}
#log-panel li a {
padding: 10px 10px 10px 10px;
display: block;
font-size: 12px;
text-transform: uppercase;
-moz-transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-property: background-color, color;
-ms-transition-property: background-color, color;
-o-transition-property: background-color, color;
-moz-transition-property: background-color, color;
transition-property: background-color, color;
}
#log-panel li a:hover { text-decoration: none;
}
.modal-backdrop, .modal-backdrop.fade.in {
opacity:0.9;
}
.modal-backdrop, #fancybox-overlay{background:#ffffff !important;}
.fancybox-bg {opacity:0.3}
#fancybox-overlay{opacity:0.9 !important;}
.b-modal{
-webkit-box-shadow: 0 3px 24px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 3px 24px rgba(0, 0, 0, 0.2);
box-shadow: 0 3px 24px rgba(0, 0, 0, 0.2);
border:0;
}
#content-handler {
z-index: 1;
position: relative;
}
#cart {
float: right;
font-weight: 300;
text-transform: uppercase;
}
#currency {
padding: 6px 10px 5px 6px;
float: right;
}
#cart-position #vmCartModule {
position: relative;
float: right;
margin-right: 0px;
}
.cart-button{
background-image: url(../images/cart-icon1.png);
background-repeat: no-repeat;
background-position: 50% 50%;
display: block;
width: 30px;
height: 30px;
float: right;
overflow: hidden;
margin-top: 0px;
}
.cart-button .popover.bottom .arrow{left:191px;top: -21px;}
.cart-button .popover.bottom .arrow:after{border-width: 0 0px 0px;top: -1px;left: -8px;}
.cart-button .popover{opacity:0;top:70%;
left: -155px;
width: 200px;
height: 84px;
}
.cart-button:hover .popover{opacity:1;top:155%;display:block;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.cart-button .popover-content{
text-align: center;
text-transform: uppercase;
font-size: 18px;
font-weight: bold;
line-height: 65px;
}
#cartpanel {text-indent:-9999px;font-size:0px;float:right;}
.show-both { float:left;padding:0px 5px 0px 10px;}
.show-cart { float:right;margin-left:0px;}
#vmCartModule div.panel2 {
padding-bottom: 10px;
display:none;
position: absolute;
top: 58px;
width: 300px;
right: -17px;
height: 313px;
z-index: 300000;
margin: 0;
}
#cart .vmCartModule .total, #cart .vmCartModule .total_products {
float: left;
padding: 10px 4px;
}
#cart .vmCartModule .show_cart {
float: right;
}
#cart .show_cart a#cartpanel, #cart .show_cart a {
float: right;
margin-right: -1px;
padding: 10px 15px;
font-weight: 600;
text-decoration: none;
-moz-transition-duration: 0.4s;
-webkit-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
transition-duration: 0.4s;
-webkit-transition-property: background-color, color;
-ms-transition-property: background-color, color;
-o-transition-property: background-color, color;
-moz-transition-property: background-color, color;
transition-property: background-color, color;
}
#cart a#cartpanel:hover {
text-decoration: none;
}
.cartpanel .show-cart-link {
clear: both;
padding: 28px 0px 20px 20px;
display: block;
font-weight: bold;
}
.cartpanel {
text-transform: none;
}
.cartpanel .show-cart-link a {
float: none !important;
}
.cartpanel .vm_cart_products, .cartpanel .total {
padding: 0px 20px 20px 20px;
}
.cartpanel span.closecart, .cartpanel span.closecart:hover, .closemenu, .closemenu:hover {
opacity: 1.0;
font: 700 30px/30px Arial, Helvetica, sans-serif;
width: 30px;
height: 30px;
text-align: center;
-moz-transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-property: background-color;
-ms-transition-property: background-color;
-o-transition-property: background-color;
-moz-transition-property: background-color;
transition-property: background-color;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
position:absolute;
right:10px;
top:10px;
cursor:pointer;
}
.cartpanel span.closecart, .cartpanel span.closecart:hover {
right:20px;
top:22px;
}
#currency .currency-label {
float: left;
}
#currency form {
padding: 0px;
margin: 0px;
}
#currency input.button {
width: 18px;
height: 18px;
text-indent: -99999px;
float: right;
padding: 0px;
margin: 0px;
background-image: url('../images/change-currency.png');
background-repeat: no-repeat;
background-position: 50% 50%;
background-color: transparent !important;
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
}
.row-fluid .ex-span2 {
width: 17.79%;
}
.row-fluid .ex-span1_5 {
width: 14.46%;
}
/* Breadcrumbs
----------------------------------------------- */
#breadcrumb-handler {
padding: 3px 0px 2px 0px;
margin-left: 0px;
}
/* page heading
----------------------------------------------- */
h2#page-heading {
font-weight:normal;
padding:.5em;
margin:0 0 10px 0;
border-bottom:1px solid #ccc;
}
/* table
----------------------------------------------- */
table {
width:100%;
margin-bottom:10px;
}
col.colC {
width:8em;
}
td {
padding: 8px 10px;
text-align:left;
}
thead th, table th {
padding: 8px 10px;
text-align:left;
font-weight: bold;
font-size: 100%;
}
tbody th, tbody td {
}
tfoot th, tfoot td {
border-top:2px solid #ededed;
}
/* forms
----------------------------------------------- */
fieldset {
padding:10px 0px;
position:relative;
margin:10px 0px 10px 0px;
}
legend {
font-weight: bold;
font-size: 12px;
line-height: 30px;
padding: 4px 0px;
vertical-align: middle;
}
fieldset.login p {
margin-bottom:1em;
margin-top:0pt;
}
fieldset p label {
width:98%;
}
fieldset p input {
width:98%;
}
fieldset p select {
width:99%;
}
fieldset.login p label {
float:left;
line-height:2em;
margin-right:3%;
text-align:right;
width:32%;
}
fieldset.login p input {
width:60%;
}
fieldset.login input.button {
margin-left:35%;
}
form p.notice {
font-weight:bold;
}
input.search.text {
width:66%;
}
input.search.button {
width:28%;
margin-left:2%;
}
/* Modules Layout
----------------------------------------------- */
#footer {
padding: 20px 0px 40px 0px;
margin: 0px auto;
}
#footer ul li a {
background: transparent !important;
text-decoration: none;
}
#footer ul li a:hover {
text-decoration: underline;
}
#footer #footer-line {
padding: 0px 0px;
}
#footer #footer-line .moduletable_empty {
background: none;
}
#foo-left-right {
clear: both;
}
#footer-left {
float: left;
width: 50%;
}
#footer-right {
float: right;
width: 50%;
}
#bot-modules, #bot-modules-2 {
position: relative;
padding: 20px 0px;
}
#bot-modules h3, #bot-modules-2 h3 {
font-size: 140%;
text-transform: uppercase;
font-weight: bold;
}
#bot-modules-2 ul li,#bot-modules-2 ul {
padding: 3px 0px;
margin: 0px;
background-image: none;
list-style: none;
}
#bot-modules-2 ul li a {
margin-left: 9px;
}
#bot-modules-2 ul li:before {
content: ">";
}
#lbOverlay {
z-index: 99999999999 !important;
}
#lbCenter, #lbBottomContainer {
z-index: 999999999999 !important;
}
#foo-left-right {
clear: both;
padding: 0px;
padding-left: 0px;
}
.no-foo-lr-line {
border-top: 0px !important;
}
.moduletable_style2 {
border: none;
}
.moduletable_style2 h3 {
font-size: 145%;
}
#vertical_slide {
z-index: 999999;
opacity: 0.96;
}
img {
max-width: 100%;
}
#slideshow-handler {
position: relative;
margin: 0px auto 0px auto;
min-height: 100px;
}
#search-position {
float: none;
margin-left: auto;
margin-right: auto;
width: 356px;
}
#search-position .button {
-moz-transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
transition-duration: 0.2s;
}
#search-position .button {
border: 0px;
padding: 0;
background-color: transparent !important;
background-image: url(../images/search-icon.png);
background-repeat: no-repeat;
background-position: 50% 11px;
margin: -9px 0px 0px 0px !important;
width: 49px;
height: 49px;
text-indent: -9999px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transition-property: background-color, background-position !important;
-ms-transition-property: background-color, background-position !important;
-o-transition-property: background-color, background-position !important;
-moz-transition-property: background-color, background-position !important;
transition-property: background-color, background-position !important;
float: right;
}
#search-position .button:hover {
}
#search-position form {
margin-bottom: 0px;
float: right;
}
#search-position .search, #search-position .finder {
vertical-align: top;
text-align: right;
clear: both;
height: 31px;
}
#search-position .inputbox {
margin-top: 2px;
padding: 3px 6px;
margin-right: 2px;
font-size: 14px;
min-height: none !important;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
width: auto;
border: 0px;
background: none;
float: left;
height: 20px !important;
vertical-align: middle;
font-style: italic;
}
#search-position .search {
padding: 0px;
}
#searchForm label { display: inline-block;}
#menu-handler .arrow {
top: 0px;
left: 243px;
margin-left: 0px;
border-width: 0px 0px 85px 85px;
border-bottom-color: #ffffff !important;
}
#menu-handler .arrow:after {
border-width: 0 8px 8px;
top: -1px;
left: -8px;
}
#menu-handler .arrow:after {
content: "";
z-index: -1;
}
#menu-handler .arrow, #menu-handler .arrow:after {
position: absolute;
display: inline-block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
#top-nav-line {
min-height: 40px;
}
.menu-nav ul .top-arrow {
top: -21px;
left: 0px;
margin-left: 0px;
border-width: 0px 21px 21px;
width: 0px !important;
position: absolute;
}
.top-arrow:after {
border-width: 0 8px 8px;
top: -1px;
left: -8px;
}
.top-arrow:after {
content: "";
z-index: -1;
}
.top-arrow, .top-arrow:after {
position: absolute;
display: inline-block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.menu-nav li ul li ul .top-arrow {
display: none;
}
.panel2 .arrow {
top: -21px;
left: 279px;
margin-left: 0px;
border-width: 0px 0px 21px 21px;
}
.panel2 .arrow:after {
border-width: 0 0px 0px;
top: -1px;
left: -8px;
}
.panel2 .arrow:after {
content: "";
z-index: -1;
}
.panel2 .arrow, .panel2 .arrow:after {
position: absolute;
display: inline-block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
div.separator {
margin-top: 46px;
}
p.mhfd {
margin-left: 36px;
}
ul.latestnews_empty {
margin: 0px;
}
ul.latestnews_empty li {
margin-left: 0px;
list-style: none;
padding-bottom: 10px;
}
ul.mostread_empty {
margin: 0px;
}
ul.mostread_empty li {
margin-left: 0px !important;
list-style: none;
padding-bottom: 10px;
}
#footer .arrow {
}
#footer {
background-image: url(../images/sl-arrow-bottom-cover.png);
background-repeat: no-repeat;
background-position: right bottom;
background-size: 6%;
}
#top-com-handler {
margin: 15px 10%;
z-index: 99999999999999999999999999999999999999;
}