styles.css 28 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378
  1. html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,center,dl,dt,dd,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {background:transparent;border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;padding:0;outline:0;}
  2. table {border-collapse:collapse;border-spacing:0;}
  3. /* Main Layout */
  4. html {height:100%;margin-bottom:1px;}
  5. body {font:62.5%/1.2 Verdana,sans-serif; color: #666; background: #D7E8FF; }
  6. .topground {background: url("../images/topgr.png") repeat-x left bottom #D7E8FF; height: 250px;left: 0;position: absolute;top: 0;width: 100%;}
  7. .res {color:#000; background:#e7e4ca; padding: 0 10px 10px; border-left:1px solid #d5d2bb; border-top:1px solid #d5d2bb; border-right:1px solid #d5d2bb; margin-top:6px; }
  8. #col3 .moduletable .res, #col2 .moduletable .res {padding: 10px !important;}
  9. .modul {background: url("../images/topr.png") repeat-x scroll 0 0 transparent; height: 4px; width: 100%;}
  10. .subs {background: url("../images/subscribe.png") no-repeat center top transparent; height: 142px; width: 267px;}
  11. .subs input {display:inline; background:none; border:0 none; }
  12. .subs input.inputbox {text-indent: 1.5em; line-height:17px;}
  13. .subs input.button {margin-left:7px;}
  14. .subs h4 {padding-top:20px; margin:0;}
  15. .subs p {font-size:90%; margin-bottom: 5px;}
  16. h1,h2,h3,h4,.componentheading {color: #8D6C3E; font-weight:bold;margin:1em 0 1em;}
  17. h1,.componentheading {font-size:160%; }
  18. .cart-view h1 {padding-top:9px; }
  19. input.vm2-add_quantity_cart {background:url(../../../components/com_virtuemart/assets/images/vm2-sprite.png) no-repeat scroll 0 0 transparent !important;}
  20. h2 {font-size:140%;}
  21. h3 {font-size:120%;}
  22. h4 {font-size:110%;}
  23. a {color: #556B2F;;text-decoration:none;font-weight:bold;}
  24. a:hover {text-decoration:underline;}
  25. .orderlistcontainer a {font-weight:normal;}
  26. ul {margin:1em;}
  27. .product-price span{float:right; clear:both;}
  28. .adminform input.inputbox {width:270px;}
  29. .adminform td.labelcell {float:left;width:200px;}
  30. .vendor-image {padding:10px;}
  31. div.browse-view .product-price {margin: 0 5px 15px;}
  32. p.product_s_desc {min-height:40px;}
  33. .field-display {float:left; display:block; padding: 0;}
  34. .field-display a:hover {text-decoration:none;}
  35. .product-field{ float:left; display:block; width: 100%; padding-left:0px; }
  36. .product-fields { padding-left: 0; width: 100%;}
  37. .field-display select {padding: 1px !important; width: 95px;}
  38. .product-field label, .product-field input{}
  39. .product-fields-title, .hasTip {float:left; display:block; padding: 0 5px 0 0; font-size:11px;}
  40. .product-field-display select, span.product-field-desc, span.product-field-display {font-size:11px;}
  41. #navigace div.search input.button {border: 0 none !important; float:left;display:block;height:16px; width:16px;background: none !important; padding-top: 10px; margin-left: -26px; border-radius:0px; -webkit-border-radius:0px;}
  42. div.headtop { width: 100%; position: absolute; left:0; top:0; height:10px; z-index:1000;}
  43. .newsfeed-item {font-size: 85%;}
  44. p {margin-top:10px;margin-bottom:10px;}
  45. p.readmore {font-size: 90%;font-style: italic;text-align: right;}
  46. legend {padding-top:10px;padding-bottom:10px; font-weight:bold;}
  47. #main {font-size:1.3em;line-height:140%;position:relative;}
  48. #main-content {margin:0;}
  49. .availability {text-align:left;}
  50. .field-display a:hover {text-decoration:none;}
  51. .clr {clear:both;font-size:0;}
  52. #colmask {clear:both;overflow:hidden;position:relative;width:100%;}
  53. #maincol, #wrapper {position:relative;}
  54. #wrapper {background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
  55. div.logo {width:250px; padding-left:10px; height:68px; padding-top:10px; float: left;}
  56. .s-c-s #colmid, .s-c-x #colright {float:left;position:relative;width:200%;}
  57. .s-c-s #colright {float:left;left:50%;position:relative;width:100%;}
  58. .s-c-s #col1wrap {float:right;position:relative;right:100%;width:50%; margin-bottom: 50px;}
  59. .s-c-s #col1pad, .x-c-s #col1, .x-c-s #colmid {overflow:hidden;}
  60. .s-c-s #col1 {overflow:hidden;width:98%;}
  61. .s-c-s #col2 {float:left;position:relative;overflow:hidden;margin-left:-50%;}
  62. .s-c-s #col3 {float:left;position:relative;overflow:hidden;left:0;}
  63. .s-c-x #col1wrap {float:right;position:relative;width:50%;}
  64. .s-c-x #col1 {overflow:hidden;position:relative;right:100%;}
  65. .s-c-x #col2 {float:left;position:relative;}
  66. .x-c-s #colright {float:left;position:relative;right:100%;width:200%;}
  67. .x-c-s #col1wrap {float:left;left:50%;position:relative;width:50%;}
  68. .x-c-s #col3 {float:right;position:relative;}
  69. .column1, .column2 {position:relative;float:left;margin:0;}
  70. .colpad {padding:0 10px;position:relative;}
  71. .column2 {float:right;width:49%;}
  72. .article_row {overflow:hidden;margin:0 -10px 15px -10px;}
  73. /* Header */
  74. #ui-tabs ul#tabs li {width: 200px;}
  75. div.rating {font-size:90%;padding-left: 7px;font-style:italic;color:#666;}
  76. span.pricedtail {font-size:150% !important; padding-left:0 !important;}
  77. div.list-footer {width:420px;}
  78. div.limit, div.counter, .list-footer div.pagination, div.orderByList, div.display-number, div.list-footer {float:left;display:block;}
  79. div.display-number {width:130px;}
  80. div.counter {display: none;}
  81. .list-footer div.pagination {width: 340px; padding-top: 12px;}
  82. div.list-footer .pagination span, div.list-footer .pagination a {background: none repeat scroll 0 0 transparent;border: medium none; border-radius: 0 0 0 0;-webkit-border-radius: 0 0 0 0;color: #000000;font-weight: normal;margin: 0;padding: 3px;}
  83. #slide { height:100%; height: 390px; margin:0 15px;}
  84. .supertop{ float: right;margin-top: 120px; width: auto;}
  85. .left {background: url("../images/arma.png") no-repeat scroll 0 0 transparent;float: left; display:block;height: 31px;width: 29px;}
  86. .vendor-store-desc, .category-view, .featured-view, .latest-view, .topten-view, .related-products-view, .browse-view, .order-view {margin-bottom: 25px;margin-top: 10px;}
  87. .arm{ float: left; display:block; height: 31px; width: auto; background: url("../images/armbg.png") repeat-x scroll 0 0 transparent;}
  88. .arm ul{ height: 31px; margin: 0; padding-left:5px;}
  89. .arm ul li a {color:#E0F0C6; font-weight:normal; font-size:12px; line-height:31px;}
  90. #header {overflow: hidden; height:150px; background: url("../images/top.png") repeat-x scroll 0 0 transparent; }
  91. #col2 .module-content, #col3 .module-content {}
  92. #header li {list-style:none;float:left;padding-right:15px; font-weight:bold;}
  93. #navigace {box-shadow: 0 4px 4px 0 #999999; margin:0; height:37px; background: url("../images/menu.png") repeat-x scroll 0 0 #bcdded; z-index:100; position:relative; }
  94. #navigace ul {margin:0;}
  95. .levy {left: -10px;position: absolute;top: -8px;}
  96. .pravy {right: -10px;position: absolute;top: -39px;}
  97. #navigace ul li {background: url("../images/separ.png") no-repeat scroll right 0 transparent; margin: 0; padding: 0;}
  98. #navigace li {list-style:none; float:left; height:37px; position:relative;}
  99. #navigace li a {display:block; padding:0 20px; line-height:37px; color:#E0F0C6; font-weight:bold; text-transform:uppercase; font-size:11px;}
  100. #navigace li.active a { text-decoration:none; color:#fff; background: url("../images/menuactive.png") repeat-x bottom left #7c9a3f;}
  101. #navigace li a:hover, #navigace li:hover a, #navigace li.sfHover a { text-decoration:none; color:#fff; background: url("../images/menuactive.png") repeat-x bottom left #7c9a3f; }
  102. #navigace li ul {position:absolute; width:200px; left:-999em;}
  103. #navigace li ul ul {margin:-31px 0 0 200px;border-top: 1px solid #354d0b;}
  104. #navigace li:hover ul ul, #navigace li:hover ul ul ul, #navigace li:hover ul ul ul ul, #navigace li.sfHover ul ul, #navigace li.sfHover ul ul ul, #navigace li.sfHover ul ul ul ul {left:-999em;}
  105. #navigace li li {padding:0;height:auto;width:200px;}
  106. #navigace li li a {background: #7c9a3f !important;border-top:0 none !important; border: 1px solid #354d0b; color: #E0F0C6 !important; height: 32px;line-height: 32px;margin: 0;text-shadow: none !important;font-weight:normal;}
  107. #navigace li li.active a:hover,#navigace li li.active:hover, #navigace li li a:hover {background: none repeat scroll 0 0 #5c8514 !important;color: #FFFFFF !important;}
  108. #navigace li:hover ul, #navigace li.sfHover ul,#navigace li li:hover ul, #navigace li li li:hover ul, #navigace li li li li:hover ul, #navigace li li.sfHover ul, #navigace li li li.sfHover ul, #navigace li li li li.sfHover ul {left:0;}
  109. /* Content styles */
  110. p.buttonheading {position:absolute;top:2px;right:10px;margin:0;}
  111. .buttonheading .icon {display:block;width:16px;height:16px;float:left;margin-left:5px;}
  112. .iteminfo {font-size:90%;overflow:hidden;border-bottom:1px solid #dedede;margin-bottom:20px;display:block;margin-top:-10px;width:100%;}
  113. .modifydate, .createdby, .createdate {display:block;}
  114. .createdby {font-weight:bold;}
  115. div.actions {float:right;}
  116. a.readon, a.readon2 {display:block;margin-top:15px;font-style:italic;}
  117. .breadcrumbs-pad { padding: 16px 0 0;}
  118. .module-content p { margin-top: 0;}
  119. div.breadcrumbs {border-bottom: 1px solid #D5D2BB; font-size:85%; font-weight:normal; margin:0; padding:7px 6px 5px; color:#787878;}
  120. div.breadcrumbs .sep {padding:0 5px;}
  121. div.sli {border:2px solid #fff; height:100%;margin-bottom: 15px; padding-top:15px;}
  122. .component {padding:0 10px 10px;}
  123. .banneritem_text {margin-bottom:10px;}
  124. div.login {margin-top:25px;}
  125. #modlgn_username, #modlgn_passwd {border:1px solid #ccc;padding:3px;}
  126. #colmask ul li {list-style:circle;}
  127. #colmask ul ul {margin-top:0;}
  128. #colmask ul ul li {list-style:square;}
  129. #col1 ul ul li,#col1 ul li {list-style-type: none;}
  130. li.edit-icon {list-style-type: none !important;}
  131. .mod-languages ul li {list-style-type: none ! important; }
  132. #col1 .component ul ul li{list-style:square;}
  133. #col1 .component ul li {list-style:circle;}
  134. .cols-1{display: block;float: none !important;margin: 0 !important;}
  135. .cols-2 .column-1{width:46%;float:left;}
  136. .cols-2 .column-2{width:46%;float:right;margin:0}
  137. .cols-3 .column-1{float:left;width:29%;padding:0px 5px; margin-right:4%}
  138. .cols-3 .column-2{float:left;width:29%;margin-left:0;padding:0px 5px}
  139. .cols-3 .column-3{float:right;width:29%;padding:0px 5px}
  140. .column-1,.column-2,.column-3{padding:0px 5px}
  141. .column-2{width:55%;margin-left:40%;}
  142. .column-3{width:30%}
  143. .blog-more{padding:10px 5px}
  144. .items-row{overflow:hidden;margin-bottom:5px !important;}
  145. p.readmore{margin:0;}
  146. .colpad h2.contentheading {padding-right:65px;}
  147. .article-info{font-size:85%; color:#726B31;}
  148. .formelm-buttons {padding-bottom:10px;}
  149. ul.weblinks li p {font-size:90%; margin-bottom:5px; margin-top:5px;}
  150. .categorylist{padding: 0 5px;}
  151. .weblink-category tr {border-bottom : 1px dotted #888;}
  152. #main .cat-children ul dl dt, #main .cat-children ul dl dd, #main dl.article-count dt, #main dl.article-count dd {display: inline;}
  153. table.weblinks, table.category {font-size: 1em;margin: 10px 10px 15px 0;width: 99%; text-align:left;}
  154. table.weblinks th, table.newsfeeds th, table.category th, table.jlist-table th {background: none repeat scroll 0 0 #7C9A3F;}
  155. table.weblinks th, table.category th {padding: 7px;text-align: left;}
  156. table.category td {padding: 7px; border-bottom : 1px solid #f1f1f1;}
  157. table.category th, table.category th a {color:#ffffff;}
  158. .item {display: block;padding: 0 5px 10px;}
  159. .items-row {margin-bottom: 10px !important;}
  160. .search legend {font-weight: bold;}
  161. div.search {padding: 0; margin: 0; float: right;}
  162. div.search input#mod-search-searchword, div.search input#mod_virtuemart_search{ float:left; display:block; color:#2b4206; line-height:37px; text-indent: 4.5em; background: url("../images/searchbg.png") no-repeat center top transparent; margin:0 !important; padding:0 !important; height:37px; width:138px; border: 0 none; font-size:11px; border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; }
  163. div.search input.button {padding:5px; background-color: #333300; color:#fff; font-weight:normal}
  164. .highlight {border-bottom : 1px dashed #888;background : #ccff00;}
  165. .article-count {font-size: 85%; color:#888888;}
  166. .horizontal-separator {background: url("../images/separhr.png") no-repeat center top transparent;height: 1px;margin: 10px 0;}
  167. .sectiontableentry1 {background: #E7E4CA;}
  168. .cart-summary tr {border-left : 1px solid #E9E8E8; border-right : 1px solid #E9E8E8;}
  169. .cart-summary td {font-size:11px;}
  170. tr.nonborder{border: 0 none; }
  171. tr.sectiontableentry1 td, td.sectiontableentry1 { background: #E7E4CA;}
  172. tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 {border-bottom: 1px solid #D5D2BB;}
  173. .sectiontableheader {font-weight:bold;line-height:25px;text-align:left;}
  174. tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 {text-align:left; padding:0 10px;vertical-align:middle; border-bottom: 1px solid #D5D2BB; line-height:30px;}
  175. span.attention {display:block;margin:15px 0;padding:8px 10px 8px 10px;background:#FFF3A3;border:1px solid #E7BD72;color:#B79000;}
  176. /* Modules */
  177. #col3 .inputbox, #col2 .inputbox {display:block;}
  178. #col3 h3, #col2 h3 {text-shadow: 0 1px 0 #000000; font-size:110%;font-weight:bold;margin:0 !important; padding-left:10px; color:#fff; line-height:32px; height:32px;
  179. background: url("../images/h3bg.png") no-repeat center top transparent; text-transform:uppercase;}
  180. .moduletable {padding:0 15px 25px;}
  181. .moduletable_menu {padding:0 15px 25px;}
  182. #col3 .moduletable_menu, #col2 .moduletable_menu { margin-top:15px; padding:0 15px 0;}
  183. #col3 .moduletable, #col2 .moduletable { margin-top:15px; padding:0 15px 15px; -moz-border-radius: 3px 3px 3px 3px;}
  184. #main1, #main3 {overflow:hidden;padding:15px;}
  185. .spacer.x99 .moduletable{width: 100%;}
  186. .spacer.x49 .moduletable{width: 47.2%;}
  187. .spacer.x33 .moduletable{width: 30.5%;}
  188. .spacer .moduletable, .spacer2 .moduletable {float: left;margin: 0 10px;}
  189. .bannerfooter {text-align:center;font-size:90%; padding-top:5px;}
  190. #login-form a, ul.whosonline li {font-size:85%;}
  191. .spacer .moduletable { float: left; width:auto; padding: 0 20px 20px;}
  192. #main3 .moduletable { padding:3px;}
  193. #main3 a { color:#7C9A3F; font-weight:normal;}
  194. .display-limit #limit, .filter-search #month,.filter-search #year, .filter-search #limit { display:inline;}
  195. input#mod-search-searchword{ background-color:#fff;}
  196. .spacer .moduletable h3{ color:#000; font-size: 120%; margin: 5px;padding: 7px 1px 5px;}
  197. .spacer2 .moduletable h3{ color:#333300; font-weight:normal;}
  198. #main3 {margin-top: -4px; color: #000; font-size:90%; background: #fff; padding: 4px 5px 0 !important;}
  199. .line4 {background: url("../images/line4.png") repeat-x scroll 0 0 #fff; height:4px;padding-bottom: 10px; }
  200. #main2, #main3 {overflow:hidden; padding:15px;}
  201. #main2 { padding:6px; font-size:95%; background: url("../images/line2.png") repeat-x scroll 0 0 #e7e4ca;}
  202. .spacer2.x33 .moduletable {width: 28%;}
  203. .spacer2.x49 .moduletable {width: 44.7%;}
  204. .spacer2.x99 .moduletable {width: 96%;}
  205. #header .moduletable {float:right; padding: 0 !important;}
  206. #main-content li .active a {font-weight: normal;}
  207. .login-fields label, .contact-form label {float: left;width: 8em; }
  208. .moduletable_menu ul.menu { margin: 0;padding: 0;}
  209. .moduletable_menu ul.menu ul, .moduletable ul.menu ul {margin:0;}
  210. .moduletable_menu ul.menu li, .moduletable ul.menu li {list-style: none outside none !important; margin-left:5px;}
  211. .moduletable ul.menu { margin: 0;padding: 0;}
  212. #col2 ul.menu li a:active, #col3 ul.menu li a:active, #col2 ul.menu li.active a, #col3 ul.menu li.active a, li.VmOpen a {color: #990000 !important;text-decoration: none;}
  213. #col2 ul.menu li a:hover, #col2 ul.menu li a:focus, #col3 ul.menu li a:hover, #col3 ul.menu li a:focus, ul.VMmenu li a:hover {color: #726b31 !important;text-decoration: none;}
  214. #col2 ul.menu li a, #col3 ul.menu li a, ul.VMmenu li a {text-shadow: 0 1px 0 #fff; font-weight: normal; padding: 5px; color:#000; border-bottom:1px solid #d5d2bb; font-size: 95%; display: block; text-decoration: none; }
  215. #col2 ul.menu li li a, #col3 ul.menu li li a {font-weight: normal; font-size: 90%; font-weight: normal; padding-left: 5px !important;}
  216. .moduletable li.current a {color: #ccc;}
  217. .moduletable li.current.active a {color: #ccc !important;}
  218. div.banneritem {text-align:center;padding-top:10px;}
  219. .calendar, .calendar table {float: left;}
  220. ul.VMmenu, .VMmenu ul, .VMmenu li {background-image: none !important;list-style-type: none !important;margin: 0;padding: 0;}
  221. .VmArrowdown {margin-top: 3px;}
  222. /* Page navigation*/
  223. div.component input,div.component select,div.component textarea {background: -moz-linear-gradient(center top , #F1F1F1, #FFFFFF) repeat scroll 0 0 transparent;border: 1px solid #DCDCDC;margin-bottom: 10px;padding: 3px;display: block;}
  224. input,select, textarea {background: -moz-linear-gradient(center top , #F1F1F1, #FFFFFF) repeat scroll 0 0 transparent;border: 1px solid #DCDCDC;margin-bottom: 10px;padding: 3px;display: block;}
  225. div.component div.search input,div.component div.search select {display: inline;}
  226. .component div.search {float:none;}
  227. #searchForm {padding-top:10px;}
  228. li.VmOpen div {background: #E9F2B8;}
  229. categories-list dt, dd {display: inline;}
  230. .profile dt, dd, .profile-edit dt, dd, .search dt, dd, .registration dt, dd, .contact dt, dd {display: block;}
  231. .control-buttons, .right {padding-bottom: 10px;}
  232. .control-buttons button {margin-top: 10px; font-weight:normal;}
  233. .control-buttons button:hover { font-weight:normal;}
  234. .terms-of-service h5 {background: none repeat scroll 0 0 #e7e4ca;border-radius: 0px; -webkit-border-radius: 0px;color: #000;font-size: 12px;font-weight: normal;margin-top: 10px;padding: 15px;text-align: center;}input.vm-default{color:#000 !important;}
  235. ul.pagenav, div.pagination {width:100%;display:block;text-align:center;font-size: 90%; margin: 10px 0;}
  236. ul.pagenav li, div.pagination ul li {display:block;float:left;text-align:center;background:none;padding:0;margin:0 5px 0 0;}
  237. ul.pagenav li.pagenav-prev {float: left;}
  238. .pagination span, .pagination a { color:#fff; font-weight:normal; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; margin:5px; padding:5px 8px; background: #957342; border: 1px solid #8D6C3E;}
  239. ul.pagenav li.pagenav-next { float: right;}
  240. #modlgn-remember {display: inline !important;}
  241. #askform div.floatright {float: left; text-align:left !important;}
  242. .manufacturer-product-link a, .default, .vm-button-correct, .vm-button-correct:link, .vm-button-correct:visited, .button, .validate, button,input.highlight-button,a.highlight, .control-buttons button.default, a.checkout_link:link, a.checkout_link:visited {background: url("../images/vmgeneral/buttbg.png") repeat-x scroll center top #957342 !important; border: 1px solid #8d6c3e !important; color:#fff; padding: 2px 7px; border-radius:0px; -webkit-border-radius:0px;}
  243. .manufacturer-product-link a:hover, .default:hover, .vm-button-correct:hover, button:hover, .button:hover, .button:focus, .validate:hover , .validate:focus, a.product-details:hover, a.details:hover,a.highlight:hover, .control-buttons button.default:hover, a.ask-a-question:hover, input.highlight-button:hover, a.checkout_link:hover {color:#fff; background: none repeat scroll 0 0 #7c9a3f !important; border: 1px solid #476a10 !important; }
  244. div.search input.button:hover, div.search input.button:focus {background: none repeat scroll 0 0 #7c9a3f; border: 1px solid #476a10;}
  245. .star {color: #CC0000;}
  246. button.default:hover {color: #fff;}
  247. input.highlight-button {letter-spacing: 0px;}
  248. .readon {height:23px;line-height:23px;display:block;clear:both;float:left;padding:0 0 0 10px;margin:10px 0 0 0;}
  249. .readon span {display: block;height:23px;line-height:23px;padding:0 10px 0 0px;}
  250. #dummy {width: 100%;height: 15px}
  251. /* Footer */
  252. #footer {background: none repeat scroll 0 0 #7C9A3F;color: #003300;float: right;font-size: 85%;padding-bottom: 0px;padding-top: 5px;width: 100%;border-top: 1px solid #CCC999;height: 40px;}
  253. #footer a {color: #003300;}
  254. .copy {text-align: center; background: none repeat scroll 0 0 #7C9A3F;}
  255. .footer1 {float:left; display:block; margin-left:20px;}
  256. .footer2 {float:left; display:block;}
  257. #top-panel{width: 940px;overflow: hidden;background:url("../images/cart.png") repeat-x bottom left transparent;font-size:80%; padding:10px;}
  258. #sub-panel{text-align: right;width: 100%;position: absolute;left:0px;top:0px;}
  259. #sub-panel a{float: right;font-weight: bold;height: 10px;margin-right: 20px;text-decoration: none;width: 38px;}
  260. .vmCartModule{width: 30%;}
  261. span.addtocart-button {width: 122px;}
  262. div.currency {float:right;padding-right: 50px;width: 400px;}
  263. div.currency #virtuemart_currency_id{display:inline;}
  264. div.currency .button{display:inline;}
  265. div.addtocart-area {padding-top:40px;}
  266. div.addtocart-area form {margin:0 auto;}
  267. .quantity-controls-add, .quantity-controls-remove {margin-top: 15px;float: left;display: block;width: 15px;}
  268. .quantity-controls-add input, .quantity-controls-remove input {cursor: pointer;height: 25px;text-align: center;border:0px none !important;padding: 0 !important; width: 15px;}
  269. .quantity-controls-add input{background: url("../images/plus.png") no-repeat top center #7c9a3f !important;}
  270. .vmheader {padding-bottom: 15px;}
  271. .quantity-controls-remove input {background: url("../images/minus.png") no-repeat top center #7c9a3f !important;}
  272. input.quantity-input {font-weight: 700;height: 23px;padding: 0 !important;text-align: center;width: 25px;line-height:23px;}
  273. .quantity-box {display: block;float: left;margin-top: 15px;text-align: center;width: 25px;}
  274. span.addtocart-button input.addtocart-button, span.addtocart-button input.notify-button{background: url("../images/vmgeneral/backgrounds.png") no-repeat scroll 0 0 transparent;border: 0 none;border-radius: 0px; -webkit-border-radius: 0px;color: #fff;cursor: pointer;font-size: 12px;height: 25px;letter-spacing: 0px;margin-top: 15px;margin-bottom: 0;padding: 4px 5px;text-align: left;width: 122px;}
  275. span.addtocart-button input.addtocart-button:hover,span.addtocart-button input.notify-button:hover {background-position:0; background: url("../images/vmgeneral/background.png") no-repeat scroll 0 0 transparent; color:#fff;}
  276. .vm-button-correct, .vm-button-correct:link, .vm-button-correct:visited, .general-bg, input.custom-attribute, input.quantity-input, a.ask-a-question, input.vm-default, a.product-details, a.details, div.details, button.default, input.highlight-button{border-radius: 0px; -webkit-border-radius: 0px;margin-bottom: 0;}
  277. .browseImage, div.featuredProductImage {border:1px solid #f1f1f1;margin: 15px;min-height: 120px;text-align:center;font-size:10px;}
  278. div.obrazek {min-height: 120px;text-align:center;}
  279. div.nadpis {padding:10px;border: 1px solid #f1f1f1;margin-top:5px;min-height: 120px;}
  280. .paddingtop8 {padding-top:10px;}
  281. div.detailobrazek {float:left;text-align:center;width:200px;border: 1px solid #D5D2BB;min-height:140px; margin-top:5px;}
  282. div.popisdetail {float:right;width: 480px;}
  283. .vmgroup {text-align:center;}
  284. .vmgroup ul {margin: 0em;}
  285. .vmgroup ul li {box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) inset; list-style: none outside none !important; background: none repeat scroll 0 0 #FFFFFF; margin-bottom: 20px; min-height: 208px; border:1px solid #D5D2BB;}
  286. .addtocart-bar {margin:0 auto !important; width:188px;}
  287. .vmgroup ul li a.modal { padding: 0; }
  288. .vmgroup ul li a { padding-right: 10px; }
  289. .pricefr {background: url("../images/pricefr.png") no-repeat left top transparent;height: 50px;margin: 153px 0 0 -9px;position: absolute;width: 200px;z-index: 999;color:#fff;line-height: 40px;}
  290. .pricefr a{color:#fff !important; font-weight:bold !important;}
  291. .vendor-store-desc {background: #E7E4CA;padding:10px;border: 1px solid #D5D2BB;margin-top:5px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) inset;font-style: italic;}
  292. .display-number {text-align: left;}
  293. .nivo-caption h2 {text-align: right;color:#8b0000;}
  294. .orderby-displaynumber {background: #E7E4CA;padding: 5px 10px;border: 1px solid #D5D2BB;margin-top:5px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) inset;font-size: 11px;}
  295. .orderlistcontainer div.activeOrder {border: 1px solid #CAC9C9;border-radius: 0px;-webkit-border-radius: 0px;cursor: pointer;font-size: 11px;padding: 4px 24px 2px 12px;}
  296. .page-results {text-align: center;}
  297. .orderlistcontainer {display: block;float: left;font-size: 11px;}
  298. div.category, table.category {border: 1px solid #D5D2BB;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) inset;margin-right:10px;min-height: 160px;}
  299. .row {padding-top:10px;}
  300. .product-price {padding-left: 15px; text-align:left; font-size:85%;}
  301. div.spacer-buy-area .product-price {padding-left: 7px;}
  302. div.browse-view .product-price {padding-left: 0; text-align:left; font-size:85%;}
  303. .spacer span, .product-price span{color: #8b0000!important;font-size:13px; font-weight:bold;}
  304. span.stock-level {color: #ccc !important;}
  305. .general-bg, input.custom-attribute, input.vm-default, a.product-details, a.details, div.details, button.default {background: url("../images/vmgeneral/buttbg.png") repeat-x scroll center top #957342;border: 1px solid #8d6c3e;text-decoration: none;font-weight: normal;font-size:90%;color:#fff;}
  306. p.product_s_desc {color: #000000;}
  307. span.stock-level {padding-left: 0 !important;}
  308. .category-view .width33 {width: 31.6%;}
  309. .productdetails-view .spacer-buy-area {padding: 15px;}
  310. .product-short-description{color:#999;font-size:85%;}
  311. .spacer-buy-area {display: block;float: left;width: 210px;border: 1px solid #D5D2BB;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) inset;}
  312. .productdetails-view .addtocart-bar {padding:0;}
  313. .detail-area {display: block;float: left;width: 210px;padding:0 10px;}
  314. .ask-a-question, .manufacturer, .manufacturer-details-view .email-weblink, .manufacturer-details-view .description {margin: 0;}
  315. a.ask-a-question { background: none repeat scroll 0 0 transparent;
  316. color: #666;
  317. display: inline;
  318. font-size: 10px;
  319. padding: 2px !important;
  320. width: 100%; border: 0 none;}
  321. .productdetails-view h1 {border-bottom:1px solid #D5D2BB;font-size: 22px;margin: 0 0 6px;padding-bottom: 15px;}
  322. .manufacturer, .manufacturer a {font-size: 11px;}
  323. .product-description {font-size:90%;}
  324. .paymentdetail input {display:inline !important; margin-right: 5px;}
  325. .write-reviews {margin: 10px 0 0;text-align: left;}
  326. .write-reviews ul.rating {margin: 0 0 20px;padding: 0;text-align: left;}
  327. .customer-reviews h4, .product-description h4 {border:0 none; background: url("../images/separhr.png") no-repeat center bottom transparent;font-size: 14px;margin: 0 0 10px;padding: 0 0 6px;}
  328. table.cart-summary tr th {border-bottom: 1px solid #E9E8E8;padding: 10px 15px; text-align: left;}
  329. table.cart-summary input {background: none repeat scroll 0 0 transparent;border: 0 none;float: left;}
  330. table.cart-summary input.inputbox {background: -moz-linear-gradient(center top , #F1F1F1, #FFFFFF) repeat scroll 0 0 transparent;border: 1px solid #DCDCDC;}
  331. .customer-comment {border: 0 none;margin: 0;padding: 10px 0 0;text-align: left;}
  332. div.terms-of-service {border: 0 none;}
  333. a.highlight {border: 1px solid #8D6C3E ;border-radius: 0px; -webkit-border-radius: 0px;color: #FFFFFF;display: inline;font-weight:normal;text-decoration:none;}
  334. a.highlight:visited {border: 1px solid #476a10;}
  335. .nivoSlider {box-shadow: none !important;}
  336. .nivo-caption {background: none repeat scroll 0 0 #E7E4CA; border: 1px solid #fff; border-radius: 4px 4px 4px 4px; bottom: 20px;left: 20px; opacity: 0.8; display: block; height: 305px; position: absolute; width: 400px !important;}
  337. .nivo-caption p div { font-size: 24px; color: #999; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; line-height: 1.2em;}
  338. .nivo-caption p {color: #666;margin: 0; padding: 28px 28px 0 !important;}
  339. #fade { /*--Прозрачный слой фона--*/
  340. display: none; /*--по умолчанию скрыты--*/
  341. background: #000;
  342. position: fixed; left: 0; top: 0;
  343. width: 100%; height: 100%;
  344. opacity: .80;
  345. z-index: 9999;
  346. }
  347. .popup_block{
  348. display: none; /*--по умолчанию скрыты--*/
  349. background: #fff;
  350. padding: 20px;
  351. border: 20px solid #ddd;
  352. float: left;
  353. font-size: 1.2em;
  354. position: fixed;
  355. top: 50%; left: 50%;
  356. z-index: 99999;
  357. /*--CSS3 Тени для Блока--*/
  358. -webkit-box-shadow: 0px 0px 20px #000;
  359. -moz-box-shadow: 0px 0px 20px #000;
  360. box-shadow: 0px 0px 20px #000;
  361. /*--CSS3 Закругленные углы--*/
  362. -webkit-border-radius: 10px;
  363. -moz-border-radius: 10px;
  364. border-radius: 10px;
  365. }
  366. img.btn_close {
  367. float: right;
  368. margin: -55px -55px 0 0;
  369. border:0;
  370. }
  371. /*--Фиксированное позиционирование для тупого IE6--*/
  372. *html #fade {
  373. position: absolute;
  374. }
  375. *html .popup_block {
  376. position: absolute;
  377. }