/* ------------ Globální definice objektů  -----------------------------------------------------------------------------------------------*/
body {margin: 0; padding: 0; font-family: Tahoma; font-size: 11px; color: #403d3d; background: #FFF}
div {height: auto; _height: 0; margin: 0; padding: 0}
p {margin: 0; padding: 0}
a {_height: 0; text-decoration: underline; color: #000}
a:hover {text-decoration: underline}
img {margin: 0; padding: 0; border: 0}
form {margin: 0; padding: 0}

h1,h2,h3,h4,h5 {margin: 0; padding: 0; font-size: 11px; color: #000}

.input_text {margin: 0; padding: 0; font-size: 11px; color: #000}
.input_button {margin: 0; padding: 0; border: 0}
.input_radio {hight: 12px; width: 15px; margin: 0; padding: 0; vertical-align: middle; border: 0}
.input_check {hight: 12px; width: 12px; margin: 0px; padding: 0px; border: 0}

Textarea {margin: 0px; padding: 0px; overflow: auto; font-size: 12px; color: #000; border: 0px}
Label {margin: 0px; padding: 0px; vertical-align: middle; color: #000; font-size: 11px}
Select {margin: 0; padding: 0; vertical-align: middle; color: #000; font-size: 10px}
Input {vertical-align: middle}

.clear  {clear: both; _height: 0px; font-size: 1px}
.clear1 {clear: both; height: 3px; font-size: 3px}

.Title {font-weight: bold; font-size: 18px; color: #cc3300}
.Code {	border: #8b4513 1px solid;	padding-right: 5px;	padding-left: 5px;	color: #000066;	font-family: 'Courier New' , Monospace;	background-color: #ff9933}


{ ----------  Definice kostry  -------------------------------------------------------------------------------------------------- }

#containerHeader {position: relative; z-index: 1; margin: auto; width: 967px; height: 352px; background: url(/img/bg-containerHeader.jpg) no-repeat}
#containerBody {position: relative; margin: auto; width: 967px; }
#column1 {position: relative; top: 0; left: 0px; height: auto; width: 728px; _width: 727px; float: left; overflow: hidden}
#column2 {position: relative; top: 0; left: 10px; _left:10px; height: auto; width: 230px; float: left; overflow: hidden}
#containerFooter {position: relative; height: 125px; width: 967px; margin: auto; padding: 0; color: #000; background: url(/img/bg-containerFooter.gif) no-repeat} 

{ ----------  containerHeader --------------------------------------------------------------------------------------------------- }

#containerHeader h1 {display: none}
#containerHeader img {vertical-align: middle}

.logo {position: absolute; top: 32px; left: 0px; height: 91px; width: 208px; display: block}

.discountText {position: absolute; top: 65px; left: 364px; height: 14px; width: 345px; overflow: hidden; font-size: 12px; font-weight: bold; color: #494949}

.menu {position: absolute; top: 9px; left: 33px; margin: 0; padding: 0; list-style-type: none; font-family: Arial}
.menu li {float: left}
.menu li a {margin-right: 38px; padding: 0; float: left; text-decoration: underline; font-size: 12px; font-weight: bold; color: #0064ff}
.menu li a:hover {text-decoration: none}

#containerHeader .levels ul li a.all   { color: #0057FF; }

#containerHeader .levels {position: absolute; top: 130px; left: 0; padding: 0 0 0 4px}
#containerHeader .levels div {height: 67px; width: 143px; padding: 87px 0 0 17px; floaT: left}
#containerHeader .levels div strong {color: #FFF; font-family: Trebuchet MS}
#containerHeader .levels div strong a {color: #FFF; font-family: Trebuchet MS}
#containerHeader .levels ul {margin: 0; padding: 14px 0 0 0; list-style-type: none }
#containerHeader .levels ul li {}
#containerHeader .levels ul li a {margin-right: 4px; /*floaT: left;*/ text-decoration: underline; color: #6e6a63}
#containerHeader .levels ul li a:hover {text-decoration: none}
#containerHeader .levels .leEx1     {background: url(/img/bg-leEx1.gif) no-repeat}
#containerHeader .levels .leEx1Sel  {background: url(/img/bg-leEx1Sel.gif) no-repeat}
#containerHeader .levels .leEx2     {background: url(/img/bg-leEx2.gif) no-repeat}
#containerHeader .levels .leEx2Sel  {background: url(/img/bg-leEx2Sel.gif) no-repeat}
#containerHeader .levels .leEx3     {background: url(/img/bg-leEx3.gif) no-repeat}
#containerHeader .levels .leEx3Sel  {background: url(/img/bg-leEx3Sel.gif) no-repeat}
#containerHeader .levels .leEx4     {background: url(/img/bg-leEx4.gif) no-repeat}
#containerHeader .levels .leEx4Sel  {background: url(/img/bg-leEx4Sel.gif) no-repeat}
#containerHeader .levels .leEx5     {background: url(/img/bg-leEx5.gif) no-repeat}
#containerHeader .levels .leEx5Sel  {background: url(/img/bg-leEx5Sel.gif) no-repeat}
#containerHeader .levels .leEx6     {background: url(/img/bg-leEx6.gif) no-repeat}
#containerHeader .levels .leEx6Sel  {background: url(/img/bg-leEx6Sel.gif) no-repeat}

.catalogCat {position: absolute; top: 317px; left: 14px}
.catalogCat strong {padding-right: 11px; floaT: left; color: #4a3c23}
.catalogCat ul {margin: 0; padding: 0; list-style-type: none; floaT: left}
.catalogCat ul li {float: left}
.catalogCat ul li a {margin-right: 4px; padding-right: 6px; float: left; text-decoration: underline; color: #4a3c23; background: url(/img/bg-catalogCat_ul_li_a.gif) no-repeat right}
.catalogCat ul li a:hover {text-decoration: none}

.search {position: absolute; top: 312px; left: 548px}
.search .input_text {height: 16px; width: 175px; padding: 4px 0 0 6px; color: #494949; border: 1px solid #a7a7a7; border-right: 1px solid #FFF; border-bottom: 0; background: url(/img/bg-input_text.gif) repeat-x}
.search .search-bt {margin: 0 20px 0 13px}
.search a {padding:0 0 0 20px; text-decoration: underline}
.search a:hover {text-decoration: none}

{ ----------  Column1 ------------------------------------------------------------------------------------------------------------ }

#column1 .info {width: 100%; margin-bottom: 10px; float: left}
#column1 .info .foldLine {height: auto; width: 728px; margin-right: -30px; overflow: hidden; border-bottom: 7px solid #f95200}
#column1 .info .foldLine .flEx {width: 363px; _width:362px; margin-right: 2px; float: left; background: #f95200}
#column1 .info .foldLine .flEx div {float: left; background: url(/img/bg-foldLine_div_div.gif) no-repeat top right}
#column1 .info .foldLine .flEx div div {height: 21px; width: 363px; _width: 362px; padding: 16px 0 0 0; float: left; text-align: center; cursor: pointer; font-size: 12px; font-weight: bold; color: #FFF; background: url(/img/bg-foldLine_div_div_div.gif) no-repeat top left}
#column1 .info .foldLine .flSel {width:354px; background: url(/img/bg-foldLine_flSel.gif) repeat-x; float: left;}
#column1 .info .foldLine .flSel div {background: url(/img/bg-foldLine_flSel_div.gif) no-repeat top right}
#column1 .info .foldLine .flSel div div {height: 23px; padding: 14px 0 0 0; font-weight: normal; color: #000; background: url(/img/bg-foldLine_flSel_div_div.gif) no-repeat top left}
#column1 .info .infoIn {width: 698px; margin-top: 1px; padding: 20px 0 10px 30px; float: left; background: url(/img/bg-infoIn.gif) repeat-x #faf8f2; border-bottom: 1px solid #e0ddd7}
#column1 .info .infoIn .infoText {width: 690px; margin-right: 14px; _margin-right: 7px; floaT: left; font-size: 12px}
#column1 .info .infoIn .infoText .info-t {padding: 5px 0 15px 0}
#column1 .info .infoIn .infoText .info-t a {margin-left: 5px; font-weight: bold; color: #006bff}
#column1 .info .infoIn .infoText .infoPrologue {padding-bottom: 15px; font-weight: bold}
#column1 .info .infoIn .infoImg {width: 321px; padding-bottom: 20px; float: left; background: url(/img/bg-infoImg.gif) no-repeat bottom}
#column1 .info .infoIn .infoImg div {border: 1px solid #d6d3cb}

.commodityCatalog {width: 100%; margin-bottom: 10px; float: left}
.commodityCatalog .foldLine {height: auto; width: 728px; margin-right: -30px; overflow: hidden; border-bottom: 7px solid #f95200}
.commodityCatalog .foldLine .flEx {width:241px; _width: 241px; margin-right: 2px; float: left; background: url('/img/bg-foldLine_flSel.gif') repeat-x}
.commodityCatalog .foldLine .flEx div {float: left; background: url('/img/bg-foldLine_flSel_div.gif') no-repeat top right}
.commodityCatalog .foldLine .flEx div div {height: 23px; width: 241px; _width: 241px; padding: 14px 0 0 0; float: left; text-align: center; cursor: pointer; font-size: 12px; font-weight: normal; color: #000; background: url(/img/bg-foldLine_flSel_div_div.gif) no-repeat top left}
.commodityCatalog .foldLine .flSel {width:241px; _width: 241px;background: #f95200}
.commodityCatalog .foldLine .flSel div {background: url('/img/bg-foldLine_div_div.gif') no-repeat top right}
.commodityCatalog .foldLine .flSel div div {height: 21px; padding: 16px 0 0 0; font-weight: bold; color: #FFF; background: url('/img/bg-foldLine_div_div_div.gif') no-repeat top left}

.commodityCatalog .foldLine .flEx1 {width:240px; _width: 240px; margin-right: 2px; float: left; background: url('/img/bg-foldLine_flSel.gif') repeat-x}
.commodityCatalog .foldLine .flEx1 div {float: left; background: url('/img/bg-foldLine_flSel_div.gif') no-repeat top right}
.commodityCatalog .foldLine .flEx1 div div {height: 23px; width: 240px; _width: 240px; padding: 14px 0 0 0; float: left; text-align: center; cursor: pointer; font-size: 12px; font-weight: normal; color: #000; background: url(/img/bg-foldLine_flSel_div_div.gif) no-repeat top left}
.commodityCatalog .foldLine .flSel1 {width:240px; _width: 240px;background: #f95200}
.commodityCatalog .foldLine .flSel1 div {background: url('/img/bg-foldLine_div_div.gif') no-repeat top right}
.commodityCatalog .foldLine .flSel1 div div {height: 21px; padding: 16px 0 0 0; font-weight: bold; color: #FFF; background: url('/img/bg-foldLine_div_div_div.gif') no-repeat top left}

.commodityCatalog .ccEx1 {width: 100%; float: left; background: url(/img/bg-commodityCatalog_ccEx1.gif) no-repeat #f4f4f4}
.commodityCatalog .ccEx1in {padding-bottom:30px; width: 100%; float: left; background: url(/img/bg-commodityCatalog_ccEx1in.gif) no-repeat bottom}
.commodityCatalog .ccEx1 .productLine {width: 100%; height:240px; background: url(/img/bg-productLine.gif) repeat-x bottom}
.commodityCatalog .ccEx1 .product {width: 152px; margin-top: 30px; padding-left: 25px; floaT: left}
.commodityCatalog .ccEx1 .product h3 a {height: 28px; margin-bottom: 10px; padding-left: 2px; display: block; text-decoration: underline; font-size: 12px; color: #006bff}
.commodityCatalog .ccEx1 .product h3 a:hover {text-decoration: none}
.commodityCatalog .ccEx1 .product .productImg {padding-bottom: 21px; text-align: cetner; background: url(/img/bg-productImg.gif) no-repeat bottom}
.commodityCatalog .ccEx1 .product .productImg div {border: 1px solid #dcdcdc; height: 110px; text-align: center; padding:5px 0 0 0; }
.commodityCatalog .ccEx1 .product .price {height: 21px; width: 120px; margin: -10px auto 0 auto; padding-top: 7px; text-align: center; font-family: Arial; font-size: 14px; font-weight: bold; color: #FFF; background: url(/img/bg-product_price.gif) repeat-x}
.commodityCatalog .more {width: 722px; padding: 31px 6px 5px 0; floaT: left; text-align: right}

.present {width: 100%; margin-bottom: 10px; float: left}
.present .present-t {width: 100%; float: left; border-bottom: 7px solid #f95200}
.present .present-t div {width: 364px; float: left; background: #f95200}
.present .present-t div div {float: left; background: url(/img/bg-foldLine_div_div.gif) no-repeat top right}
.present .present-t div div div {height: 21px; width: 363px; padding: 16px 0 0 0; float: left; text-align: center; cursor: pointer; font-size: 12px; font-weight: bold; color: #FFF; background: url(/img/bg-foldLine_div_div_div.gif) no-repeat top left}
.present .presentIn1 {width: 100%; float: left; background: url(/img/bg-presentIn1.gif) no-repeat #f4f4f4}
.present .presentIn2 {width: 700px; padding: 15px 10px 15px 18px; float: left; background: url(/img/bg-presentIn2.gif) no-repeat bottom}
.present .presentIn2 .freetext {padding-top: 15px}

#column1 .banner {width: 100%; margin-bottom: 10px; float: left; }

#column1 .levels {width: 100%; float: left; margin-bottom: 10px; padding-bottom: 20px; background: url(/img/bg-levels.gif) no-repeat #f4f4f4}
#column1 .levelsIn {width: 100%; float: left; background: url(/img/bg-levelsIn.gif) no-repeat bottom} 
#column1 .levels .leEx { width: 215px; height:150px; margin-left: 20px; padding-top: 20px; float: left}
#column1 .levels .leEx .leEx-t {height: 19px; width: 139px; padding: 5px 0 0 10px; font-weight: bold; color: #FFF; background: url(/img/bg-leEx-t.gif) no-repeat}
#column1 .levels .leEx ul {margin: 0; padding: 5px 0 0 0; list-style-type: none}
#column1 .levels .leEx ul li a {padding: 0 0 5px 21px; display: block; text-decoration: underline; color: #6e6a63; background: url(/img/bg-leEx_ul_li_a.gif) no-repeat 14px 5px}
#column1 .levels .leEx ul li a:hover {text-decoration: none}

#column1 .levels .leEx1 { width: 215px; height:350px; margin-left: 20px; padding-top: 20px; float: left}
#column1 .levels .leEx1 .leEx-t {height: 19px; width: 139px; padding: 5px 0 0 10px; font-weight: bold; color: #FFF; background: url(/img/bg-leEx-t.gif) no-repeat}
#column1 .levels .leEx1 ul {margin: 0; padding: 5px 0 0 0; list-style-type: none}
#column1 .levels .leEx1 ul li a {padding: 0 0 5px 21px; display: block; text-decoration: underline; color: #6e6a63; background: url(/img/bg-leEx_ul_li_a.gif) no-repeat 14px 5px}
#column1 .levels .leEx1 ul li a:hover {text-decoration: none}

#column1 .categories {width: 100%; float: left; font-family: arial; background: url(/img/bg-categories.gif) no-repeat #f95200}
#column1 .categories .categoriesL1 {padding: 12px 0 15px 16px; color: #FFF; font-size: 22px}
#column1 .categories .categoriesL2 {/*height: 37px;*/ width: 100%}
#column1 .categories .categoriesL2 .caEx {margin-left: 10px; float: left; font-size: 13px; font-weight: bold}
#column1 .categories .categoriesL2 .caEx span {float: left; /*line-height:12px;*/ }
#column1 .categories .categoriesL2 .caEx span a {height: 28px; padding: 9px 8px 0 8px; display: block; float: left; color: #FFF; text-decoration: underline}
#column1 .categories .categoriesL2 .caSel {background: url(/img/bg-categoriesL2_caEx.gif) repeat-x}
#column1 .categories .categoriesL2 .caSel span {background: url(/img/bg-categoriesL2_caEx_span.gif) no-repeat top left}
#column1 .categories .categoriesL2 .caSel span a {color: #000; background: url(/img/bg-categoriesL2_caEx_span_a.gif) no-repeat top right}
#column1 .categories .categoriesL3 {/*height: 40px;*/ height:auto; _height:100%; width: 100%; background: #EAE4D8 url(/img/bg-categoriesL3_caEx.gifX) repeat-x}
#column1 .categories .categoriesL3 .caEx {margin-left: 10px; float: left; font-size: 13px; font-weight: bold}
#column1 .categories .categoriesL3 .caEx span {float: left; height: 40px;}
#column1 .categories .categoriesL3 .caEx span a {height: 28px; padding: 12px 8px 0 8px; display: block; float: left; text-decoration: underline; color: #000}
#column1 .categories .categoriesL3 .caEx span a:hover {text-decoration: none}
#column1 .categories .categoriesL3 .caSel {background: url(/img/bg-categoriesL3_caSel.gif) repeat-x}
#column1 .categories .categoriesL3 .caSel span {background: url(/img/bg-categoriesL3_caEx_span.gif) no-repeat top left}
#column1 .categories .categoriesL3 .caSel span a {height: 22px; padding: 18px 8px 0 8px; text-decoration: none; background: url(/img/bg-categoriesL3_caEx_span_a.gif) no-repeat top right}
#column1 .categories .categoriesL3mija {width: 100%; padding-bottom: 10px; float: left; background: url(/img/bg-categoriesL4.gif) repeat-x bottom #f8f8f8}
#column1 .categories .categoriesL3mija a {margin: 13px 15px 0 15px; float: left; display: block; white-space: nowrap; text-decoration: underline; font-size: 13px }
#column1 .categories .categoriesL3mija a:hover {text-decoration: none}

#column1 .categories .categoriesL4mija {/*height: 40px;*/ height:auto; _height:100%; width: 100%; background: #EAE4D8 url(/img/bg-categoriesL3_caEx.gifX) repeat-x}
#column1 .categories .categoriesL4mija .caEx {margin-left: 10px; float: left; font-size: 13px; font-weight: bold}
#column1 .categories .categoriesL4mija .caEx span {float: left; height: 40px;}
#column1 .categories .categoriesL4mija .caEx span a {height: 28px; padding: 12px 8px 0 8px; display: block; float: left; text-decoration: underline; color: #000}
#column1 .categories .categoriesL4mija .caEx span a:hover {text-decoration: none}
#column1 .categories .categoriesL4mija .caSel {background: url(/img/bg-categoriesL3_caSel.gif) repeat-x}
#column1 .categories .categoriesL4mija .caSel span {background: url(/img/bg-categoriesL3_caEx_span.gif) no-repeat top left}
#column1 .categories .categoriesL4mija .caSel span a {height: 22px; padding: 18px 8px 0 8px; text-decoration: none; background: url(/img/bg-categoriesL3_caEx_span_a.gif) no-repeat top right}
#column1 .categories .categoriesL4 {width: 100%; padding-bottom: 10px; float: left; background: url(/img/bg-categoriesL4.gif) repeat-x bottom #f8f8f8}
#column1 .categories .categoriesL4 .caEx    { float: left; _margin: 0 5px 0 5px !important; }
#column1 .categories .categoriesL4 .caEx span {float: left; height: 20px;}
#column1 .categories .categoriesL4 a {margin: 7px 7px 0 7px; float: left; display: block; white-space: nowrap; text-decoration: underline; font-size: 13px }
#column1 .categories .categoriesL4 a:hover {text-decoration: none}

.display {width: 100%; margin: 22px 0 16px 0; float: left; border-bottom: 2px solid #e1dbd1}
.display img {vertical-align: middle}
.display .filterEx {height: 23px; width: 693px; padding: 5px 10px 0 25px; float: left; font-size: 14px; font-weight: bold; color: #000; background: #e1dbd0}
.display .filterEx strong {position: relative; top: 2px; float: right; font-size: 12px; color: #271e0e}
.display .displayIn1 {height: 27px; width: 100%; padding-top: 10px; float: left; font-size: 13px; font-weight: bold; background: #f3f3f3; border-bottom: 1px solid #FFF}
.display .displayIn1 .sorting {width: 375px; padding: 0 0 0 23px; floaT: left}
.display .displayIn1 .sorting a {margin: 0 5px; text-decoration: underline; color: #006bff}
.display .displayIn1 .sorting a:hover {text-decoration: none}
.display .displayIn1 .sorting span {font-weight: normal}
.display .displayIn1 .edit {width: 245px; float: left}
.display .displayIn1 .edit label {position: relative; top: -2px; ?top: 0px; _top: 0px; padding-right: 15px; font-weight: normal}
.display .displayIn1 .compare {width: 85px; float: left}
.display .displayIn1 .compare a {padding-right: 18px; text-decoration: underline; background: url(/img/bg-compare_a.gif) no-repeat right 4px}
.display .displayIn1 .compare a:hover {text-decoration: none}
.display .displayIn2 {height: 23px; width: 100%; padding-top: 5px; float: left; font-size: 13px; font-weight: bold; color: #271e0e; background: #f3f3f3; border-bottom: 1px solid #FFF}
.display .displayIn2 .filter {position: relative; top: -1px; width: 477px; padding: 0 0 0 24px; floaT: left}
.display .displayIn2 .filter select {width: 160px; margin: 0 10px 0 15px}
.display .displayIn2 .displayPaging {position: relative; top: 1px; font-weight: normal}
.display .displayIn2 .displayPaging a {text-decoration: underline}
.display .displayIn2 .displayPaging a:hover {text-decoration: none}
.display .displayIn2 .displayPaging .dpEx {font-weight: bold; padding:0 5px; }
.display .displayIn2 .displayPaging .selDP {text-decoration: none; font-weight: bold; color: #ee4700}

.displaydown {width: 100%; margin: 2px 0 2px 0; float: left; border-bottom: 2px solid #e1dbd1}
.displaydown .displayIn2 {text-align: right; height: 23px; width: 100%; padding-top: 5px; float: left; font-size: 13px; font-weight: bold; color: #271e0e; background: #f3f3f3; border-bottom: 1px solid #FFF}
.displaydown .displayIn2 .compare {z-index:20; position: relative; top: -1px; width: 80px; padding: 0 0 0 24px; floaT: left}
.displaydown .displayIn2 .compare a {float: left; height:24px; padding-right: 18px; text-decoration: underline; background: url(/img/bg-compare_a.gif) no-repeat right 4px}
.displaydown .displayIn2 .compare a:hover {text-decoration: none}
.displaydown .displayIn2 .displayPaging {position: relative; top: 1px; font-weight: normal; z-index:10;}
.displaydown .displayIn2 .displayPaging a {text-decoration: underline}
.displaydown .displayIn2 .displayPaging a:hover {text-decoration: none}
.displaydown .displayIn2 .displayPaging .dpEx {font-weight: bold; padding:0 5px; }
.displaydown .displayIn2 .displayPaging .selDP {text-decoration: none; font-weight: bold; color: #ee4700}

.bestS_cheapest {width: 100%; margin-bottom: 10px; float: left}
.bestS_cheapest .foldLine {height: auto; width: 728px; margin-right: -30px; overflow: hidden}
.bestS_cheapest .foldLine .flEx {margin-right: 2px; float: left; background: url(/img/bg-foldLine_flSelBCH.gif) repeat-x}
.bestS_cheapest .foldLine .flEx div {float: left; background: url(/img/bg-foldLine_flSel_divBCH.gif) no-repeat top right}
.bestS_cheapest .foldLine .flEx div div {height: 29px; width: 363px; padding: 15px 0 0 0; float: left; text-align: center; cursor: pointer; font-size: 12px; font-weight: normal; color: #000; background: url(/img/bg-foldLine_flSel_div_divBCH.gif) no-repeat top left}
.bestS_cheapest .foldLine .flSel {background: #f95200}
.bestS_cheapest .foldLine .flSel div {background: url(/img/bg-foldLine_div_div.gif) no-repeat top right}
.bestS_cheapest .foldLine .flSel div div {height: 29px; padding: 15px 0 0 0; font-weight: bold; color: #FFF; background: url(/img/bg-foldLine_div_div_div.gif) no-repeat top left}
.bestS_cheapest .ccEx1 {width: 100%; float: left; background: #f4f4f4}
.bestS_cheapest .ccEx1in {padding-bottom: 30px; width: 100%; float: left; background: url(/img/bg-commodityCatalog_ccEx1in.gif) no-repeat bottom}
.bestS_cheapest .ccEx1 .productLine {width: 100%; float: left}
.ccEx .ccEx1 .productLine {padding-bottom: 25px; background: url(/img/bg-productLine.gif) repeat-x bottom}
.ccEx .ccEx1 .productLine.last {padding-bottom: 0; background: none}
.bestS_cheapest .ccEx1 .product {width: 152px; margin-top: 30px; padding-left: 25px; floaT: left}
.bestS_cheapest .ccEx1 .product h3 a {height: 28px; margin-bottom: 10px; padding-left: 2px; display: block; text-decoration: underline; font-size: 12px; color: #006bff}
.bestS_cheapest .ccEx1 .product h3 a:hover {text-decoration: none}
.bestS_cheapest .ccEx1 .product .productImg {padding-bottom: 21px; text-align: cetner; background: url(/img/bg-productImg.gif) no-repeat bottom}
.bestS_cheapest .ccEx1 .product .productImg div {border: 1px solid #dcdcdc; height: 110px; text-align: center; padding:5px 0 0 0; }
.bestS_cheapest .ccEx1 .product .price {height: 21px; width: 120px; margin: -10px auto 0 auto; padding-top: 7px; text-align: center; font-family: Arial; font-size: 14px; font-weight: bold; color: #FFF; background: url(/img/bg-product_price.gif) repeat-x}
.bestS_cheapest .more {width: 722px; padding: 31px 6px 5px 0; floaT: left; text-align: right}

.navigate {width: 100%; margin: 0; padding: 11px 0 13px 13px; list-style-type: none; float: left}
.navigate li {float: left}
.navigate li a {margin-right: 6px; padding-right: 6px; float: left; text-decoration: underline; font-size: 12px; color: #006bff; background: url(/img/bg-navigate_li_a.gif) no-repeat right 7px}
.navigate .last {background: none}

.detail {width: 100%; margin-bottom: 10px; padding-bottom: 25px; float: left; background: #f5f5f5}
.detail img {vertical-align: middle}
.detail-t {height: 19px; padding: 5px 0 0 10px; font-weight: bold; color: #FFF; background: url(/img/bg-detail-t.gif) no-repeat}
.detail .detailImg {width: 320px; margin: 0 33px 0 25px; _margin-left: 13px; padding-top: 15px; floaT: left; text-align: center}
.detail .detailImgIn {position: relative; padding: 0 0 18px 0; background: url(/img/bg-detailImgIn.gif) no-repeat bottom}
.detail .detailImgIn .zoom {position: absolute; bottom: 25px; right: 7px}
.detail .detailImgIn .img {width: 318px; padding: 15px 0; display: block; background: #FFF; border: 1px solid #dcdcdc}
.detail .detailImgVari {height: auto; width: 350px; margin-right: -30px; overflow: hidden}
.detail .detailImgVari div {width: 150px; margin-right: 19px; padding-bottom: 18px; float: left; background: url(/img/bg-detailImgVari_div.gif) no-repeat bottom}
.detail .detailImgVari div a {width: 148px; padding: 10px 0; display: block; border: 1px solid #dcdcdc}
.detail .detailInfo {width: 329px; padding: 15px 0 0 0; float: left} 
.detail .detailInfo h1 {font-size: 22px; font-weight: normal}
.detail .detailInfo .diEx {width: 100%; padding: 6px 0 8px 0; float: left; font-size: 12px; border-bottom: 1px solid #d9d9d9}
.detail .detailInfo .diEx strong {width: 200px; float: right}
.detail .detailInfo .diEx .input_text {height: 16px; width: 63px; padding: 4px 5px 0 0; text-align: right; font-weight: bold; border-top: 1px solid #c2c2c2; border-left: 1px solid #c2c2c2; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF}

.detail .detailInfo .diEx .compare {}
.detail .detailInfo .diEx .compare a {padding-right: 18px; text-decoration: underline; background: url(/img/bg-compare_a.gif) no-repeat right 4px}
.detail .detailInfo .diEx .compare a:hover {text-decoration: none}

.detail .detailInfo .diEx1 strong {font-size: 18px; color: #f04d00}
.detail .detailInfo .diEx1 span {position: relative; top: 4px}
.detail .detailInfo .diEx2 {font-size: 11px}
.detail .detailInfo .diEx2 u {color: #000}
.detail .detailInfo .diEx2 strong {font-weight: normal}
.detail .detailInfo .diEx2 strong span {font-weight: bold; color: #f00000; padding-left:5px;}
.detail .detailInfo .diEx3 {width: 100%; padding: 8px 0 4px 0; float: left; background: #fbfbfb; border-bottom: 1px solid #d9d9d9}
.detail .detailInfo .diEx3 div {padding-bottom: 4px}
.detail .detailInfo .diEx3 div a {margin-left: 5px; padding-right: 20px; text-decoration: underline; font-weight: bold; color: #006bff; background: url(/img/bt-info.gif) no-repeat right}
.detail .detailInfo .diEx3 div a:hover {text-decoration: none}
.detail .detailInfo .diEx3 div strong {color: #000}
.detail .detailInfo .diEx4 .input_text {margin-right: 5px}
.detail .detailInfo .diEx4 span {position: relative; top: 5px}
.detail .detailInfo ul {width: 100%; margin: 0; padding: 5px 0 8px 0; float: left; list-style-type: none; float: left; border-bottom: 1px solid #d9d9d9}
.detail .detailInfo ul li a {padding: 0 0 3px 6px; display: block; text-decoration: underline; color: #006bff; background: url(/img/bg-detailInfo_ul_li_a.gif) no-repeat 0 6px}
.detail .detailInfo ul li a:hover {text-decoration: none}
.detail .detailIn {width: 100%; padding: 50px 0 25px 0; float: left}
.detail .detailParam {width: 319px; margin: 0 34px 0 25px; _margin-left: 13px; float: left}
.detail .detailParam-t {height: 22px; padding: 7px 0 0 11px; font-size: 12px; font-weight: bold; color: #202020; border-bottom: 1px solid #e8e8e8; background: url(/img/bg-detailParam-t.gif) repeat-x}
.detail .detailParam table {width: 100%; padding:0 5px; }
.detail .detailParam table td {height: 24px; background: #f9f9f9; border-bottom: 1px solid #e8e8e8}
.detail .detailParam table .dpEx1 {width: 180px; padding-left: 10px; color: #5d5d5d}
.detail .detailParam table .dpEx2 {color: #000}
.detail .detailChar {width: 329px; float: left}
.detail .detailChar .freetext {padding:5px; }
.detail .detailChar-t {height: 22px; padding: 7px 0 0 11px; font-size: 12px; font-weight: bold; color: #202020; border-bottom: 1px solid #e8e8e8; background: url(/img/bg-detailParam-t.gif) repeat-x}
.detail .detailCharIn {padding: 5px 0 0 21px}
.detail .detailChar div {padding-bottom: 3px; color: #212121}
.detail .detailChar ul {margin: 0; padding: 0 0 15px 0; list-style-type: none}
.detail .detailChar ul li {padding: 0 0 2px 23px; display: block; color: #212121; background: url(/img/bg-detailChar_ul_li.gif) no-repeat 16px 6px}
.detail .comment {width: 682px; margin: 0 0 10px 25px; _margin-left: 13px; padding-bottom: 25px; float: left; background: #f9f9f9; border-bottom: 1px solid #d9d9d9}
.detail .comment .comment-t {height: 22px; margin-bottom: 15px; padding: 7px 0 0 11px; font-size: 12px; font-weight: bold; color: #202020; border-bottom: 1px solid #e8e8e8; background: url(/img/bg-detailParam-t.gif) repeat-x}
.detail .comment .comment-t a {margin-right: 10px; padding-left: 8px; float: right; text-decoration: underline; font-size: 12px; font-weight: normal; color: #006bff; background: url(/img/bg-comment-t_a.gif) no-repeat 0 6px}
.detail .comment .comment-t a:hover {text-decoration: none}
.detail .comment .coEx {width: 100%; padding-bottom: 5px; float: left} 
.detail .comment .coEx span {position: relative; top: 4px; width: 99px; padding-right: 8px; float: left; display: block; text-align: right; font-size: 12px}
.detail .comment .coEx .input_text {height: 17px; width: 195px; padding: 3px 0 0 5px; border-top: 1px solid #c2c2c2; border-left: 1px solid #c2c2c2; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF}
.detail .comment .coEx .input_text_little {height: 17px; width: 55px; padding: 3px 0 0 5px; border-top: 1px solid #c2c2c2; border-left: 1px solid #c2c2c2; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF} 
.detail .comment .coEx textarea {height: 136px; width: 380px; padding: 3px 0 0 5px; border-top: 1px solid #c2c2c2; border-left: 1px solid #c2c2c2; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF}
.detail .comment .coEx1 {padding: 0 0 0 107px; color: #f00000}
.detail .comment .coEx1 .input_text {height: 17px; width: 125px; margin: 0 6px 0 8px; padding: 3px 0 0 5px; border-top: 1px solid #c2c2c2; border-left: 1px solid #c2c2c2; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF} 
.detail .comment .coEx1 .input_text_little {height: 17px; width: 55px; margin: 0 6px 0 8px; padding: 3px 0 0 5px; border-top: 1px solid #c2c2c2; border-left: 1px solid #c2c2c2; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF} 
.detail .comment .coEx2 {padding: 5px 0 3px 107px; color: #494949}

{ ----------  Column2  ------------------------------------------------------------------------------------------------------ }

#column2 .title {height: 21px; padding: 4px 0 0 10px; font-family: Trebuchet MS; font-size: 12px; font-weight: bold; color: #FFF; background: url(/img/bg-title_c2.gif) no-repeat}
#column2 .title a {margin-right: 7px; padding-left: 7px; float: right; text-decoration: underline; font-size: 11px; font-weight: normal; color: #FFF; background: url(/img/bg-title_a.gif) no-repeat 0 6px}
#column2 .title a:hover {text-decoration: none}

.basket {margin-bottom: 10px; padding: 6px 0 7px 8px; background: url(/img/bg-sideBox_orange.gif) no-repeat bottom #fff69c}
.basket div {width: 205px; padding: 3px 0 5px 7px; color: #30231d; background: #fff6c2; border-top: 1px solid #f2e8b3}
.basket div strong {width: 64px; padding-right: 6px; display: block; float: right; text-align: right; color: #eb4600}
.basket a {margin: 6px 0 0 123px; display: block}

.login {width: 100%; margin-bottom: 10px; padding: 10px 0; floaT: left; background: url(/img/bg-login.gif) no-repeat bottom #efefef}
.login div {width: 100%; padding-bottom: 6px; floaT: left}
.login div span {position: relative; top: 2px; width: 42px; padding-left: 10px; floaT: left}
.login div .input_text {height: 16px; width: 161px; padding: 4px 0 0 6px; float: left; color: #494949; border: 1px solid #a7a7a7; border-right: 1px solid #FFF; border-bottom: 0; background: url(/img/bg-input_text.gif) repeat-x}
.login .input {width: 160px; margin: 5px 0 0 51px; _margin-left: 26px; display: block; floaT: left}
.login .forget {width: 160px; margin: 0px 0 0 51px; _margin-left: 26px; display: block; floaT: left}
.login .loEx {padding-left: 6px; text-decoration: underline; background: url(/img/bg-loEx.gif) no-repeat 0 5px}
.login .loEx:hover {text-decoration: none}
.login .link  {padding:2px 0 2px 40px; }

.servis {margin-bottom: 10px; padding-bottom: 5px; background: url(/img/bg-sideBox_orange.gif) no-repeat bottom #fff69c}
.servis .freetext {padding: 8px 0 10px 50px; background: url(/img/bg-servis_freetext.gif) no-repeat 7px 4px}
.servis .freetext span {padding-bottom: 3px; display: block}
.servis .phone {padding: 7px 68px 7px 22px; background: url(/img/bg-servis_phone.gif) no-repeat 165px 1px #ffebb4}
.servis .phone strong {padding-bottom: 2px; display: block}
.servis a {margin-top: 3px; display: block; text-align: center; text-decoration: underline; font-weight: bold; color: #006bff}
.servis a:hover {text-decoration: none}

.lastVisit {margin-bottom: 10px; background: url(/img/bg-lastVisit.gif) no-repeat bottom #ececec}
.lastVisit div {padding: 6px 0 10px 19px; background: url(/img/bg-lastVisit_div.gif) no-repeat bottom}
.lastVisit div a {margin-bottom: 3px; display: block; text-decoration: underline; font-size: 12px; color: #006bff}
.lastVisit div a:hover {text-decoration: none}
.lastVisit div strong {color: #eb4600}
.lastVisit .last {background: none}

.bestS {margin-bottom: 10px; padding: 10px 0 15px 0; background: url(/img/bg-lastVisit.gif) no-repeat bottom #ececec}
.bestS ol {margin: 0 0 0 40px; ?margin-left: 45px; _margin-left: 35px; padding: 0}
.bestS ol li a {margin-bottom: 6px; display: block; text-decoration: underline }
.bestS ol li a:hover {text-decoration: none}

.bestS      {margin-bottom: 10px; padding: 10px 0 15px 0; background: url(/img/bg-lastVisit.gif) no-repeat bottom #ececec}
.SearchAdv  {margin-bottom: 10px; padding: 10px 0 15px 0; background: url(/img/bg-lastVisit.gif) no-repeat bottom #ececec}

.SearchAdv DIV {padding: 2px 0 2px 40px; }

#column2 .info {margin: 0 0 10px 0; padding: 10px 0 15px 0; list-style-type: none; background: url(/img/bg-lastVisit.gif) no-repeat bottom #ececec}
#column2 .info li a {margin-bottom: 6px; padding-left: 32px; display: block; text-decoration: underline; color: #006bff; background: url(/img/bg-info_li_a.gif) no-repeat 23px 5px}
#column2 .info li a:hover {text-decoration: none}

#column2 .banner {margin-bottom: 10px; text-align: center;}

{ ----------  Footer ------------------------------------------------------------------------------------------------------------- }

#containerFooter .levels {margin: 0 0 0 120px; padding: 20px 0 0 0; list-style-type: none}
#containerFooter .levels li {float: left}
#containerFooter .levels li a {margin-right: 15px; _margin-right: 7px; padding-right: 17px; float: left; font-szie: 12px; font-weight: bold; color: #06385f; background: url(/img/bg-levels_li_a.gif) no-repeat right}
#containerFooter .levels .last {background: none}

#containerFooter .freetext {width: 100%; margin-top: 30px; padding: 10px 0; float: left; text-align: center; color: #514d47; border-top: 1px solid #cfcfcf}
#containerFooter .freetext a {color: #514d47}


{ ----------  Column2 Order ------------------------------------------------------------------------------------------------------ }

.order {width: 100%; float: left}
.order-t {height: 20px; margin-bottom: 5px; padding: 7px 0 0 8px; font-weight: bold; color: #D03D00; background: #FFC697 url(/styles/img/t-blueXLx.gif) no-repeat} 
.order table {width: 100%; border: 1px solid #FF9745; border-bottom: 0}
.order table img {vertical-align: middle}
.order table thead tr td {height: 22px; font-weight: normal !important; color: #CC3900; background: #FFD8B7; border-bottom: 1px solid #FF9745}
.order table tbody tr td {height: 36px; border-bottom: 1px solid #FF9745}
.order table .level {width: 68px; padding: 0 7px 0 10px;}
.order table .code {width: 110px; padding: 0 5px}
.order table .img {width: 70px; padding: 5px}
.order table tbody .code {}
.order table .name {width: 344px; padding: 0 7px 0 8px}
.order table .name a {text-decoration: none}
.order table .name a:hover {text-decoration: underline}
.order table .amount {width: 85px; text-align: center; }
.order table .amount .input_text {height: 16px; width: 31px; margin-right: 4px; padding-top: 2px; float: left; text-align: center; font-weight: bold; border: 1px solid #9F9F9F; background: url(/styles/img/bg-input.gif) no-repeat}
.order table .amount a {margin-right: 3px}
.order table .price1 {width: 83px; text-align: right; padding-right: 5px; }
.order table .price2 {width: 90px; padding-right: 17px; text-align: right; font-weight: bold}
.order table .space {height: 1px; border: 0}
.order table .suma  {padding-left: 11px; color: #CC3900 }
.order table .suma2 {padding-right: 17px; text-align: right; font-weight: bold; color: #096AA8 }
.order table .price3 {padding-right: 10px; text-align: right}
.order table .price3 strong {margin-left: 4px; font-size: 18px}

.orderEx {padding: 15px 16px 0 0}
.orderEx .orEx {float: right; color: #CC3900}

.transport_payments {padding: 30px 0 5px 0}
.transport_payments .transport_payments-t {padding: 0 0 4px 10px; color: #CC3900; font-weight: bold; border-bottom: 3px solid #CC3900}
.transport_payments .tpEx {padding: 10px 0 0 0}
.transport_payments .tpEx .input_radio {margin: 0 5px 0 9px}
.transport_payments .tpEx .freetext {padding: 0 0 0 29px}

.order .button {padding: 25px 0; text-align: right}

{ ----------  Column2 Registrace ------------------------------------------------------------------------------------------------- }

.registration {width: 100%; float: left}
.registration .registration-t {height: 20px; margin-bottom: 1px; padding: 7px 0 0 8px; font-weight: bold; color: #D03D00; background: #FFC697 url(/styles/img/t-blueXLx.gif) no-repeat} 
.registrationIn {width: 718px; margin-bottom: 6px; padding: 7px 0 10px 7px; float: left; border: 1px solid #FF9745}
.registration .regText {padding-bottom: 10px; color: #D44100}
.registration .regText strong {margin-right: 5px}
.registration table {width: 100%; margin: 5px 0 20px 0}
.registration table td {height: 29px; color: #CC3900}
.registration table strong {padding-left: 4px}
.registration table .rName {width: 125px}
.registration table .rInsert {width: 295px}
.registration table .input_text {height: 16px; width: 179px; padding: 2px 0 0 4px; border: 1px solid #9F9F9F; background: url(/styles/img/bg-input.gif) no-repeat}
.registration table .rName1 {width: 125pxt}
.registration .reEx1 {padding-bottom: 5px; ?padding-bottom: 0; _padding-bottom: 0; color: #D44100}
.registration .reEx1 .input_check {margin-right: 5px; ?margin-left: -4px; _margin-left: -4px}
.registration .reEx1 .input_textarea {width: 650px; height: 70px; border: 1px solid #D44100;}
.registration .secureData {padding: 0 8px; color: #D44100;}
.registration .reEx2 {margin-bottom: 5px}
.registration .button {padding: 20px 0 0 0; text-align: right}
.registration .button img {vertical-align: middle; padding:0 5px;}
.registration .button .input_text_little {height: 17px; width: 55px; margin: 0 6px 0 8px; padding: 3px 0 0 5px; border-top: 1px solid #c2c2c2; border-left: 1px solid #c2c2c2; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF} 

#order .login {width: 100%; float: left; background: #fff !important; padding:0 ; }
#order .login-t {height: 18px; margin-bottom: 1px; padding: 5px 0 0 8px; font-weight: bold; color: #D03D00; border-bottom:3px solid #D03D00; } 
#order .login-t a {color:#096AA8}
#order .login-t .back {float:right; padding-right:5px}
#order .loginIn {padding: 33px 0 45px 0; }
#order .loginReg {padding: 0px 10px 10px 10px; background: #F3F8FF}
#order .loginIn img {vertical-align: middle}
/*#order .loginIn div {padding: 0 400px 8px 0; text-align: right}*/
#order .loginIn div .Searched {padding-right: 11px; color: #096AA8}
#order .loginIn div .loEx1 {height: 16px; width: 199px; padding: 2px 0 0 4px; color: #096AA8; border: 1px solid #9F9F9F; background: url(/styles/img/bg-input.gif) no-repeat}
#order .loginIn div .loEx2 {height: 16px; width: 125px; margin-right: 9px; padding: 2px 0 0 4px; color: #096AA8; border: 1px solid #9F9F9F; background: url(/styles/img/bg-input.gif) no-repeat}
#order .loginIn .loEx3 {position: relative; top: 17px; left: 286px; font-weight: bold}
#order .loginIn .shops          {width:700px; padding-bottom:3px; color: #CC3900}
#order .loginIn .shops a        {color:#CC3900; }
#order .loginIn .shops strong   {color:#CC3900; }
{ ----------  Přehled objednávek na účtu ------------}
#order .orderReg {width:100%}
#order .orderReg TD {height:16px;padding-left:10px}
#order .orderReg thead TD {font-weight:bold;border-bottom:3px double #D03D00; color: #D03D00; } 
#order .orderReg TD.suma {background:#FFD0AA; color: #D03D00; border-top:1px solid #D03D00;text-align:right}
#order .orderReg TD a {color: #D03D00 !important}
#order .orderReg .amount {padding:0 0 5px 0 !important}
{ ----------  Detail objednávky na účtu ------------}
.orderDet {width:100%; background: #FFD0AA; }
.orderDet .note {background:#efefef; padding:5px;font-weight:normal;border-bottom:1px solid black;}
.orderDet TD {height:20px;padding-left:10px}
.orderDet .detaillabel {font-weight:bold; color:#D03D00;border-bottom:3px double #D03D00;}
.orderDet .detaillabelCenter {text-align:center; color:#D03D00; font-weight:bold;border-bottom:3px double #D03D00;}
.orderDet a {color:red;}
.orderDet TD.suma {background:#D03D00; color: #FFD8B7; border-top:1px solid #D03D00; text-align:right; padding:0 5px; }

.clstop10nahled {width: 100px; top:200px; text-align: center; padding-top:20px; padding-bottom:20px;  background: white; border:1px solid #f75a04; position:absolute; z-index:2;}
.clsInfoWindow {width: 10px; top:65px; text-align: center; padding-top:0px; padding-bottom:0px;  background: transparent; position:absolute; z-index:10; }

.comment .commentIn .row 		{width: 682px;}
.comment .commentIn .label 	{width: 72px; float: left; text-align: right; padding-right: 10px; font-weight: bold; color: #CC3900; }
.comment .commentIn .input 	{width: 600px; float: left; }
.comment .commentIn .input_right 	{width: 595px; float: left; text-align: right; }


{ ----------------- SALESMAN ------------------}

.seller  {width: 682px; margin: 0 0 10px 25px; _margin-left: 13px; padding-bottom: 25px; float: left; background: #f9f9f9; border-bottom: 1px solid #d9d9d9}
.seller .seller-t {height: 22px; margin-bottom: 15px; padding: 7px 0 0 11px; font-size: 12px; font-weight: bold; color: #202020; border-bottom: 1px solid #e8e8e8; background: url(/img/bg-detailParam-t.gif) repeat-x}
.seller .seller-t a {margin-right: 10px; padding-left: 8px; float: right; text-decoration: underline; font-size: 12px; font-weight: normal; color: #006bff; background: url(/img/bg-comment-t_a.gif) no-repeat 0 6px}
.seller .seller-t a:hover {text-decoration: none}
.seller .coEx {width: 100%; padding-bottom: 5px; float: left} 
.seller .coEx span {position: relative; top: 4px; width: 99px; padding-right: 8px; float: left; display: block; text-align: right; font-size: 12px}
.seller .coEx .input_text {height: 17px; width: 195px; padding: 3px 0 0 5px; border-top: 1px solid #c2c2c2; border-left: 1px solid #c2c2c2; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF}
.seller .coEx .input_text_little {height: 17px; width: 55px; padding: 3px 0 0 5px; border-top: 1px solid #c2c2c2; border-left: 1px solid #c2c2c2; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF} 
.seller .coEx textarea {height: 136px; width: 380px; padding: 3px 0 0 5px; border-top: 1px solid #c2c2c2; border-left: 1px solid #c2c2c2; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF}
.seller .coEx1 {padding: 0 0 0 107px; color: #f00000}
.seller .coEx1 .input_text {height: 17px; width: 125px; margin: 0 6px 0 8px; padding: 3px 0 0 5px; border-top: 1px solid #c2c2c2; border-left: 1px solid #c2c2c2; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF} 
.seller .coEx2 {padding: 5px 0 3px 107px; color: #494949}
.seller .coEx3 {width: 100%; padding: 5px 0px; float: left; font-size: 12px}
.seller .coEx3 span {position: relative; top: 0px; width: 99px; padding-right: 8px; float: left; display: block; text-align: right; font-size: 12px} 


.lostpwd .comment {width: 682px; margin: 0 0 10px 25px; _margin-left: 13px; padding-bottom: 25px; float: left; background: #f9f9f9; border-bottom: 1px solid #d9d9d9}
.lostpwd .comment .comment-t {height: 22px; margin-bottom: 15px; padding: 7px 0 0 11px; font-size: 12px; font-weight: bold; color: #202020; border-bottom: 1px solid #e8e8e8; background: url(/img/bg-detailParam-t.gif) repeat-x}
.lostpwd .comment .comment-t a {margin-right: 10px; padding-left: 8px; float: right; text-decoration: underline; font-size: 12px; font-weight: normal; color: #006bff; background: url(/img/bg-comment-t_a.gif) no-repeat 0 6px}
.lostpwd .comment .comment-t a:hover {text-decoration: none}
.lostpwd .comment .coEx {width: 100%; padding-bottom: 5px; float: left} 

.writeus .comment-t {height: 22px; margin-bottom: 15px; padding: 7px 0 0 11px; font-size: 12px; font-weight: bold; color: #202020; border-bottom: 1px solid #e8e8e8; background: url(/img/bg-detailParam-t.gif) repeat-x}
.writeus .commentIn .row 		{width: 682px;}
.writeus .commentIn .label 	{width: 72px; float: left; text-align: right; padding:5px 10px 0 0; font-weight: bold; color: #CC3900; }
.writeus .commentIn .input 	{width: 600px; float: left; }
.writeus .commentIn .input_right 	{width: 595px; float: left; text-align: right; }
.writeus .commentIn .input_text {height: 17px; width: 195px; padding: 3px 0 0 5px; border-top: 1px solid #c2c2c2; border-left: 1px solid #c2c2c2; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF}
.writeus .commentIn textarea {height: 136px; width: 380px; padding: 3px 0 0 5px; border-top: 1px solid #c2c2c2; border-left: 1px solid #c2c2c2; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF}

.freetexts .freetexts-t {height: 22px; text-align: right; margin-bottom: 15px; padding: 7px 10px 0 0px; font-size: 11px; color: #202020; border-bottom: 1px solid #e8e8e8; background: url(/img/bg-detailParam-t.gif) repeat-x}
.freetexts .detail-t {height: 19px; padding: 5px 0 0 10px; font-weight: bold; color: #FFF; background: url(/img/bg-detail-t.gif) no-repeat}

/* ------------ Column2 Compare ------------------------------------------------------------------------------------------------------*/
#column4 .compare-t {position: absolute; top: 35px; left: 243px; font-size: 18px; font-weight: bold; color: #CC3900}

.compare {width:100%;padding-left: 10px;float:left;display:block;}
.compareEx {width: 231px; margin: 307px 0 150px 0; float: left}
.compareEx td {height: 24px; width: 212px; padding-right: 19px; text-align: right; color: #096AA8}

#column4 .TD          {height:20px;width:200px;vertical-align:middle;text-align:center;color: #CC3900;border-top:1px solid #CC3900;border-left:1px solid #CC3900;border-right:1px solid #CC3900;}
#column4 .TDParamName {height:20px;width:200px;vertical-align:middle;text-align:right;color: #CC3900;font-weight:normal;border:0px solid white;padding-right:15px;}
#column4 .blankTD		{width:3px;}

#column4 .productBox {position: relative; _height: auto; width: 841px; margin-top: 70px; margin-bottom: 20px; padding-bottom: 25px; overflow-x: auto; float: left;}
html>body #column4 .productBox {overflow: auto/*Opera*/}
:root #column4 .productBox{overflow: -moz-scrollbars-horizontal/*Mozila*/}
*:first-child+html #column4 .productBox {overflow-x: scroll; overflow-y: hidden; /*IE7*/}

#column4 .productBox .product {width:200;}
#column4 .productBox .product .productImg {height:96px;width: 200px; text-align: center; padding-top:5px;border-top: 1px solid #CC3900}
#column4 .productBox .product .name {height:36px;padding:4px 8px 0 8px; background: #FF9745}
#column4 .productBox .product .name a {height:53px;display:block;overflow: hidden;font-weight: bold; text-align: center}
#column4 .productBox .product .freetext {height:66px;width:203px;padding:5px;background:#FFBF8A;}
#column4 .productBox .product .price {padding: 5px 0 5px 0; font-size: 11px;color:#CC3900}
#column4 .productBox .product .priceSN {padding-bottom: 5px; font-size: 16px; font-weight:bold;color:#932800}
#column4 .productBox .product .price small {font-size: 11px}
#column4 TH .TD {width: 174px; }

#column4 .productBox .compareEx {width: 174px !important; margin: 0 ; vertical-align: top;}
#column4 .productBox .compareEx p {padding: 7px 0 0 0; color: #000; border-right: 1px solid #FFF; background: url(img/BGcompareEx_p.gif) no-repeat 167px 0 #F0EDE9}
#column4 .productBox .compareEx p strong {width: 150px; padding-left: 14px; display: block; overflow: hidden; font-weight: normal !important}