﻿/*dropdawn menu*/
.custom-dropdown:hover .dropdown-menu {display: block;margin-top: 0;}/*make drop down clickable*/
.dropdown-menu-right {right: 0;left: auto;}
.dropdown-menu-left {right: auto;left: 0;}
.dropdown-menu-fly {width: 400px;}

.colorStar {color: #e4c82c;}
.colorRss {color: #eb5b1c;}

.please-wait {background: url('../images/ajax-loader-small.gif') no-repeat;padding-left: 20px;font-size: 14px;}

/*Home page title*/
.page-title {min-height: 40px;margin: 0 0 25px;border-bottom: 1px solid #ddd;padding: 6px 10px; font-size:20px; font-weight:normal;}
.block-title {min-height: 40px; margin:0;border-bottom: 1px solid #ddd;padding: 6px 10px;font-size: 20px;font-weight: normal;}

/*product category*/
.category-image-small{min-width:150px}
.category-image-large{min-width:200px}
.product-image {height:200px; width:100%;position: relative;}
.product-image img{max-height: 100%;max-width: 100%;width: auto;height: auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.product-title {line-height:20px;height:40px;}


/*Filter attributes*/
.attribute-squares {font-size: 0;}
.attribute-squares li {display: inline-block;margin: 0 5px 5px;text-align: center;}
.attribute-squares .attribute-square-container {display: block;position: relative;z-index: 0;padding: 1px;}
.attribute-squares label {display: block;margin: 0 !important;overflow: hidden;}
.attribute-squares .attribute-square {display: table !important;width: 32px !important;height: 32px !important;border: 1px solid #444 !important;cursor: pointer;}
.attribute-squares .selected-value .attribute-square-container {background-color: #4ab2f1;}
.attribute-squares li input {position: relative;z-index: -1;margin: -32px 0 0;}
.tooltip-container {position: absolute;width: 200px;color: #000000;background: #FFFFFF;border: 1px solid #eeeeee;text-align: center;visibility: hidden;border-radius: 5px;}
.tooltip-container:before {content: '';position: absolute;bottom: 100%; left: 50%;margin-left: -7px; width: 0;height: 0;border-bottom: 7px solid #eeeeee;border-right: 7px solid transparent;border-left: 7px solid transparent;}
.tooltip-container:after {content: ''; position: absolute; bottom: 100%; left: 50%;margin-left: -6px;width: 0;height: 0;border-bottom: 6px solid #FFFFFF; border-right: 6px solid transparent;border-left: 6px solid transparent;}
.attribute-squares li:hover .tooltip-container {visibility: visible;margin-left: -83px;margin-top: 5px;z-index: 999;}
.tooltip-container .tooltip-header {background-color: #F6F6F6;height: 25px;border-top-right-radius: 4px;border-top-left-radius: 4px;padding-left: 10px;padding-top: 5px;text-align: left; width: 198px; font-size: 15px;border-bottom: 1px #EEEEEE solid;}
.tooltip-container .tooltip-body {margin: 5px;}
.tooltip-container .tooltip-body img {border: 0px #FFF;width: 190px;}


/*Pager*/
.pager {margin: 0 0 20px;}
.pager ul {text-align: right;font-size: 0;}
.pager li {display: inline-block;margin: 0 5px;vertical-align: top;}
.pager li a,.pager li span {display: block;min-width: 35px;height: 35px;border: 1px solid #ddd;background-color: #eee;padding: 8px;text-align: center;font-size: 14px; /*reset zeroing*/cursor: pointer;}
.pager li span {border-color: transparent;background-color: #4ab2f1;color: #fff;}
.pager li.previous-page *,.pager li.next-page *,.pager li.first-page *,.pager li.last-page * {background-position: center;background-repeat: no-repeat;font-size: 0;color: #fff;}
.pager li.previous-page * {background-image: url('../images/prev.png');}
.pager li.next-page * {background-image: url('../images/next.png');}
.pager li.first-page * {background-image: url('../images/first.png');}
.pager li.last-page * {background-image: url('../images/last.png');}
.pager li a:hover {border-color: transparent;background-color: #ddd;}

/*fixed datepicker for html helpers*/
.info-date-picker select {width: 120px !important;margin-right: 10px;}
.required {font-size: 20px;color: #e4434b;}
/*Payment Plugins (and customer info date picker)*/
.payment-info .info td input, .payment-info .info td select, .info-date-picker select {width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff; background-image: none; border: 1px solid #ccc;border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;margin-bottom: 10px;}
.payment-info .info td select#ExpireMonth, .payment-info .info td select#ExpireYear {width: 70px !important;}
.payment-info .info td input[type="text"] {width: 100% !important;}
.payment-info .info td input[name="CardCode"] {width: 65px !important;}

pre {white-space: pre-wrap;white-space: normal;word-wrap: break-word;}
.csharpcode {margin: 10px 0;border: 1px dashed #ccc;background-color: #fff;padding: 10px;font-family: "Courier New", Courier, monospace;color: #000;}
.csharpcode .rem {color: green;}
.csharpcode .kwrd {color: #00f;}
.csharpcode .str {color: #006080;}
.csharpcode .op {color: #00c;}
.csharpcode .preproc {color: #c63;}
.csharpcode .asp {background-color: #ff0;}
.csharpcode .html {color: maroon;}
.csharpcode .attr {color: red;}
.csharpcode .alt {width: 100%;margin: 0;background-color: #f6f6f6;}
.csharpcode .lnum {color: #666;}

/*Forum*/
.forums-table .image div {width: 38px;height: 32px;margin: auto;background: url('../images/topic-type1.png') center no-repeat;}
.forums-table .image div.sticky {background: url('../images/topic-type2.png') center no-repeat;}
.forums-table .image div.announcement {background: url('../images/topic-type3.png') center no-repeat;}
.topic-post .post-vote {text-align: center;display: table;margin: 0 auto 20px;}
.topic-post .post-vote span.vote {cursor: pointer;display: block; width: 40px;height: 24px;}
.topic-post .post-vote span.up {background: url('../images/vote-up.png') no-repeat 50% 50%;}
.topic-post .post-vote span.vote.up.selected { background: url('../images/vote-up-selected.png') no-repeat 50% 50%;}
.topic-post .post-vote span.down {background: url('../images/vote-down.png') no-repeat 50% 50%;}
.topic-post .post-vote span.vote.down.selected {background: url('../images/vote-down-selected.png') no-repeat 50% 50%;}
.topic-post .vote-count-post {display: block;font-size: 160%;}

/*********** NOTIFICATIONS & POPUPS  ***********/
.bar-notification {display: none;position: fixed;bottom: 0;left: 0;z-index: 1000;width: 100%;padding: 15px 10px 15px 25px;line-height: 16px;color: #fff;opacity: 0.95;}
.bar-notification.success {background-color: #4bb07a;}
.bar-notification.error {background-color: #e4444c;}
.bar-notification .content {float: right;margin: 0 0 0 10px;}
.bar-notification .content a {color: #fff;	text-decoration: underline;}
.bar-notification .close {position: absolute;top: 0;left: 0;width: 32px;height: 32px;margin: 7px;background: #fff url('../images/close.png') center no-repeat;cursor: pointer;}

/*Checkout progress bar*/
.order-progress {margin: 0 0 50px;}
.order-progress a {display: block;min-width: 70px;font-size: 14px; /*reset zeroing*/color: #444;text-decoration:none;}
.order-progress a:before {content: "";display: block;width: 40px;height: 40px;margin: 0 auto 15px;border: 1px solid #bbb;background: #fff url('../images/pointer.png') center no-repeat;}
.order-progress li.active-step a {cursor: pointer;}
.order-progress li.inactive-step a {opacity: 0.3;cursor: default;}
