/* Extravolt web app styles */
.shopApp {display: block; position: relative; margin: 0px 0px 10px 0px; padding: 0px; min-height: 100px; overflow: visible;}

.searchResult {display: block; position: relative; height: auto; overflow: visible;}
.searchResult h1 {font: normal 18px 'Open Sans', sans-serif; color: #ffffff;}
.searchResult .sectionName {margin: 10px 30px 0px 0px; padding: 5px 10px; top: 10px; width: auto;}
.searchResult .clearResult {display: block; position: absolute; width: auto; top: 10px; right: 0px; z-index: 10;}
.searchResult .batTypeSetBlock {display: block; position: relative; margin: 0px 0px 0px 0px;}
.searchResult .goodsSection {display: none;}

.searchResult .header3 a {text-decoration: none; color: black; font: normal 18px 'Open Sans', sans-serif; }

.searchResult .resultBlockHeader {margin: 0px 0px 0px 0px; width: 600px;}
.searchResult .resultBlockHeader h2 {font: normal 20px 'Open Sans', sans-serif; color: #000000;}
.sectionMenu {margin: 0px 0px 10px 0px;}
.sectionMenu ul li a {font: normal 10px 'Open Sans', sans-serif;}

#siteSearchTab, #siteSearch {display: none;}

.alertBlock {margin: 10px 0px;}
.widgetSearchProgress {display: none; padding: 10px 0px 10px 30px;}

/* UI */
.ui-autocomplete-loading {background: white url(/images/animation/circle2blue_16x16.gif) right center no-repeat;}

/* ShopApp */
.header3 {margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; font: normal 18px 'Open Sans', sans-serif;}
h4 {margin: 0px 0px 10px 0px;}
FIELDSET {padding: 10px 15px 15px 15px; margin: 5px 0px;}

.header {display: block; position: relative; padding-bottom: 5px;}
.advH2 {padding: 0px; margin: 0px; padding: 0px; font: normal 13px 'Open Sans', sans-serif;}

.ui-autocomplete {max-height: 200px; overflow-y: auto; overflow-x: hidden;}
.matchStep {vertical-align: top; float: left; margin: 0px 10px;}
.matchFieldset {display: block; position: relative; width: auto;}
.matchDimensions {display: block; position: relative; width: auto; margin-top: 10px;}
.matchBrand {width: 220px;}
.matchDevice {width: 255px;}
.matchModel {width: 370px; margin-left: 20px;}
.matchBatModel {width: 500px;}

/*
.tabContainer1 .label1 {width: auto; text-align: left; margin-bottom: 5px;}
.tabContainer1 {padding-left: 10px; height: auto; overflow: visible;}
.tabContainer2 {padding-left: 10px; height: auto; overflow: visible;}
*/
/*
.shopAppTabs .ui-widget-content .ui-input {width: auto; float: left; background-color: #ffffff;}
.shopAppTabs .ui-widget-content. ui-input select {width: 250px; padding: 4px 5px; background-color: #ffffff;}
*/

/* Aligned set "input-label" */
.inputSet {display: block; position: relative; line-height: 18px;}
.inputSet input {display: block; position: relative; width: auto; float: left; vertical-align: middle;}
.inputSet label, .inputSet span {display: block; position: relative; width: auto; float: left; vertical-align: middle; padding-left: 5px;}
.inputSet input[type="text"] {padding: 3px; float: right;}
.inputSet .pInput {width: 50px;}
.inputSet .title {padding-bottom: 5px;}
.shapeBtnSet {display: block; position: relative; margin: 10px 0px;}


.inputBrand {margin: 5px 0px 0px 0px; background-color: #ffffff;}
.inputModel {margin: 5px 0px 0px 0px; background-color: #ffffff;}
.inputBatModel {margin: 5px 0px 0px 0px; width: 430px; background-color: #ffffff;}


/*.searchInput input {padding: 5px; background: white; font: normal 14px 'Open Sans', sans-serif;}*/
.adviserExample {display: block; position: relative; font-size: 0.8em; colos: grey; padding-left: 3px;}

/* Header elements */
.shopApp .headerTitleBlock {display: block; width: auto; float: left;}
.shopApp .headerTitleBlock h1 {font: normal 1.5em 'Open Sans', sans-serif; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 3px;}
.shopApp .ui-tabs li a {margin: 0px; padding: 5px 10px; font: bold 12px 'Open Sans', sans-serif;}

/* Basket */
/*.basket {display:block; position: absolute;}*/


/* Country Selector */

.userCountryBlock {display: none; position: absolute; margin-left: 5px; width: 350px; padding: 0px; top: -370px; left: -18px;}
.userCountryBlockContent {padding: 0px;}
.userCountryFlag, .cn, .curCurSymb, .curCurImg, .curCurName {vertical-align: middle;}

.countrySelector {height: 350px; overflow: auto;}
.countrySelector ul {list-style-type: none; padding: 0px 0px 0px 0px; margin: 5px;}
.countrySelector .countrySelectorBlock {cursor: default;}
.countrySelector .countrySelectorBlock .countryLabel {float: right; font: normal 12px 'Open Sans', sans-serif; line-height: 20px; padding: 1px 10px; cursor: default; width: 300px;}
.countrySelector ul li input {vertical-align: -2px; cursor: default;} 
.countrySelector ul li img {vertical-align: middle; cursor: default; margin: 0px 3px;} 
.countrySelector ul li label {display: inline; padding: 0px 5px; vertical-align: baseline; cursor: default; color: #0059D1; font: normal 14px 'Open Sans', sans-serif;}
.countrySelector ul li {padding: 0px;}
.countrySelectorBlock input[type="radio"] {display: none;}
.countrySelectorBlock {padding: 3px;}
.countrySelectorBlockHover {background-color: #eeeeee;}
.countryChecked {background-color: #0059D1;} 
.countryNameChecked {color: #ffffff;} 

/* Currency block */

.currBlock {display: none; position: absolute; margin-left: 5px; width: 90px; padding: 0px; top: -190px; left: 0;}
.currBlockContent {padding: 0px;}
.currBlockContent input[type="radio"] {display: none;}
.currButton {font: normal 12px 'Open Sans', sans-serif;}
.countryButton {font: normal 12px 'Open Sans', sans-serif;}


/*
.currListHeader {background: white; color: black; border-color: #dddddd; cursor: pointer; height: 25px;}
.currListHeader:hover, .userCountry:hover {background: #fcd13c; border-color: #fcd13c;}
.currListBody {background: white; border-color: #fcd13c; border-top: 0;}
.currListBody li {font-size: 12px;}
.currListOpen {background: #fcd13c; border-color: #fcd13c;}
*/

.currBlock ul {list-style-type: none; padding: 0px 10px 0px 10px; margin: 5px;}
.currBlock ul li input {vertical-align: -2px; cursor: pointer;} 
.currBlock ul li img {vertical-align: middle; cursor: pointer; margin: 0px 3px;} 
.currBlock ul li label {display: inline; padding: 0px 5px; vertical-align: middle; cursor: pointer; font-size: 0.8em; color: #0059D1; width: auto;}
.currBlock ul li label:hover {text-decoration: underline; color: #FF7300;}
.currBlock ul li {padding: 2px 0px;}
/*
.currBlock .currSetBar {padding: 4px 5px 0px 10px; cursor: pointer; font-size: 10px;}
.currBlock .currSetBar img {vertical-align: middle;}
.currBlock .currSetBar #curCurName {font-size: 10px; font-weight: bold; vertical-align: middle; padding-right: 2px;}
.currBlock .currSetBar #curCurSymb {font-size: 10px; font-weight: bold; vertical-align: middle; padding-left: 2px;}
*/

/* Price block */
.buyBlock {display: block; position: relative; width: 250px; overflow: visible; margin: 0px 0px 10px 0px;}
.buyBlock .priceBlock {display: block; padding: 10px 10px; width: auto; height: auto; overflow: visible;}
.buyBlock .buyButtonBlock {display: block; width: auto; margin: 0px 0px 0px 10px;}

.priceDecimal {font: bold 1.3em 'Open Sans', sans-serif; color: green;}
.currSymb {font: normal 1.2em 'Open Sans', sans-serif;}
.currNameCut {font: normal 1.2em 'Open Sans', sans-serif;}

/*Stock ship */
.stockShip {margin: 15px 0px 5px 0px; width: 250px;}
.freeShipping {font: bold 11px 'Open Sans', sans-serif;}

/* Select by Device group */
.toTheRight {width: auto; float: right; padding-top: 5px;}
.toTheLeft {width: auto; float: left; padding-top: 5px;}

/* Slider group */
.advSlider {display: block; position: relative; padding: 5px;}
.slider {display: block; position: relative; margin-bottom: 7px; width: auto; left: -5px;}
.longSlide {width: 800px;}
/*.slidersBlock {overflow: auto; padding: 5px;}*/
.slidersFilterBlock {float: right;}

#brandBlock {margin-left: 0px;}
.clear {clear: both;}

/* Result form */
.itemsGroup{display: block; position: relative; margin: 5px 0px 20px 0px;}
.itemsList {display: block; position: relative; width: auto; margin: 0px 0px 0px 0px;}
.itemBlock {display: block; position: relative; width: auto; padding: 10px; margin: 5px 0px 10px 0px;}
.itemPic {width: auto; float: left;}
div[name="compatible"]{width: auto; margin-top: 10px;}
.itemDescr {display: block; position: relative; width: 570px; margin: 0px 0px 0px 10px; vertical-align: top;}
.itemDescr .label_1 {font-size: 12px; color: grey; font-weight: normal;}
.itemDescr .value_1 {font-size: 12px; color: #000; font-weight: normal; padding-right: 10px;}
.itemDescr .itemInfo {display: block; position: relative; width: 545px; padding: 10px 15px; vertical-align: top;}
.infoLine {display: block; position: relative; width: auto; line-height: 20px; padding: 0px 10px 0px 0px;}
.models {display: block; position: relative; margin: 10px 0px 0px 0px;}
.modelsBlock {width: auto;}
.modelsBlock .ui-accordion-header a {font-size: 12px;}
.models h4 {font: bold 12px 'Open Sans', sans-serif;}

.lineTitle {display: block; position: relative; padding: 5px 0px 10px 0px; clear: both; font-size: 2em; font-weight: bold; border-bottom: solid 1px #aaa;}

/* Item Pic Magnificator */

.mgf150 {display: block; position: relative; padding: 5px; border: solid 10px #ffffff; width: 150px;}
.imgBorder150 {display: block; position: relative; padding: 5px; border: solid 10px #ffffff; width: 150px;}
.mgf150:hover {display: block; position: relative; padding: 5px; border: solid 10px #cccccc; width: 150px;}
.smallMgf {display: block; position: absolute; right: -12px; width: 16px;}

/*
.itemBlock .magnifier150 {position: absolute; top: 37px; z-index: 100;}
*/
.imageContainer {display: block; position: relative;}

/* Battery type set buttons */


.tabContainer1 .label_1 {font-size: 1em; color: #000; font-weight: bold;}
.tabContainer1 .label_2 {font-size: 1em; color: #000; font-weight: normal;}
/*
.batType_1 {font-size: 1em; color: #eb8f00; font-weight: normal; border-bottom: dashed 1px #eb8f00; cursor: help;}
.batType_2 {font-size: 1em; color: red; font-weight: bold; border-bottom: dashed 1px red; cursor: help;}
.batType_3 {font-size: 1em; color: red; font-weight: bold; border-bottom: dashed 1px red; cursor: help;}
*/
.bigPicWindow {visibility:none}
.flagBlock {display: block; width: auto; float: right;}
.flag {padding: 0px 0px 0px 3px;}
.matchSet {display: block; position: relative; width: 220px; height: 25px; margin-bottom: 0px;}

/* Columnizer */
.columnBlock {width: auto; float: left; padding: 0px 0px 15px 5px;}
.columnList {list-style-type: none; padding: 0px 10px 0px 10px; margin: 0px;}
.columnListRow {font-size: 9px;}