div.window {width:1000px;margin: 0 auto; padding:0;} /* ========================== */ /* =========== top ========== */ /* ========================== */ div.top {height:245px;} div.top div.head {height:189px; background: url('/img/stock/vasya.png'); background-position: 460px 0px; background-repeat:no-repeat;} div.top div.head div.inside {height:155px;} div.top div.head div.inside div.logo {width:261px; height:113px;background: url('/img/stock/logo.jpg'); margin:25px 0 0;} div.top div.head div.menu .active a {color:#a1a1a1;} div.top div.head div.menu .active { background: #a1a1a1; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYmRiZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #dbdbdb 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#dbdbdb 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#dbdbdb 100%); /* IE10+ */ background: linear-gradient(top, #ffffff 0%,#dbdbdb 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-8 */ } div.top div.head div.menu {height:35px; text-align:center;} div.top div.head div.menu ul {display: table; margin: auto; } div.top div.head div.menu ul li {list-style: none;margin: 0 5px; background:#59b43f; } div.top div.head div.menu ul a {text-decoration:none; text-transform:uppercase; display: block; padding: 10px 20px; font-size:12px;color: #FFFFFF;} div.top div.head div.menu .item {float:left; } div.top div.filter { height:55px; background:#989898; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzZDNkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZjdmN2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #d3d3d3 0%, #7f7f7f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(100%,#7f7f7f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d3d3d3 0%,#7f7f7f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d3d3d3 0%,#7f7f7f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d3d3d3 0%,#7f7f7f 100%); /* IE10+ */ background: linear-gradient(top, #d3d3d3 0%,#7f7f7f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#7f7f7f',GradientType=0 ); /* IE6-8 */ } div.top div.filter div.filters-block{margin-left: 55px;} div.top div.filter div.filters-block span, div.top div.filter div.filters-block div {float:left; margin: 15px;} div.top div.filter div.filters-block select { border:none; padding:4px 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } div.top div.filter div.discount select {width:115px;} div.top div.filter div.name select, div.top div.filter div.manufacture select {width:240px;} div.top div.filter div.filters-block .border { border:1px solid #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } /* ========================== */ /* ========= center ========= */ /* ========================== */ div.center {padding:13px; background: url('/img/stock/bg_transpered.png'); } div.mcol-1 {width:180px; float:left; vertical-align:top;} div.center div.mcol-1 div.title { text-transform:uppercase; display: block; padding: 11px 0px; font-size:12px;color: #FFFFFF; text-align:center; background:#59b43f;} div.mcol-1 div.menu ul li.sub a {text-decoration:none;color:#464646;font-size:11px;} div.center div.mcol-1 div.menu { padding: 5px 10px; margin-bottom:10px; background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc0JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYWRhZGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 74%, #dadada 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(74%,#ffffff), color-stop(100%,#dadada)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 74%,#dadada 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#ffffff 74%,#dadada 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 74%,#dadada 100%); /* IE10+ */ background: linear-gradient(top, #ffffff 0%,#ffffff 74%,#dadada 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dadada',GradientType=0 ); /* IE6-8 */ } div.center div.mcol-1 div.menu ul {margin:0px;padding:0px;} div.center div.mcol-1 div.menu li { text-transform:uppercase; margin: 0px 10px; padding: 6px 0 ;font-size:11px; font-weight:bold;color: #000; } div.center div.mcol-1 div.banner-left img {width:180px;} div.mcol-2 {width:775px; float:left; margin-left: 16px;background:#FFFFFF;} div.center div.mcol-2 div.banner-home {width:770px;height:280px; vertical-align:middle; text-align:center;} div.center div.mcol-2 div.banner-center {width:770px;height:110px; vertical-align:middle; text-align:center; margin:25px 0;} div.center div.content {} /* ========================== */ /* ======== category ======== */ /* ========================== */ div.mcol-2 div.category-block {padding: 10px;} div.mcol-2 div.category-block div.category { margin:5px; display: block; float: left; height: 60px; width: 240px; background: #60bb46; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYwYmI0NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZjk3MjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #60bb46 0%, #3f9726 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#60bb46), color-stop(100%,#3f9726)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #60bb46 0%,#3f9726 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #60bb46 0%,#3f9726 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #60bb46 0%,#3f9726 100%); /* IE10+ */ background: linear-gradient(top, #60bb46 0%,#3f9726 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60bb46', endColorstr='#3f9726',GradientType=0 ); /* IE6-8 */ } div.category-block div.category a div.col-1, div.category-block div.category a div.col-2 { height:60px; float: left; word-wrap: normal; } div.category-block div.category a {color:yellow; text-decoration:none;} div.category-block div.category a div.col-1 {width:85px;} div.category-block div.category a div.col-1 img {padding-left:5px;} div.category-block div.category a div.col-2 {width:150px;} div.category-block div.category a div.col-1 div, div.category-block div.category a div.col-2 div {height:60px;} /* ========================== */ /* ========= bottom ========= */ /* ========================== */ div.bottom {height:65px;padding:13px; font-size:11px;color: #FFFFFF; } div.bottom a { font-size:11px;color: #FFFFFF; } div.bottom div.copyright {width:180px; display: table-cell; vertical-align:middle; height: 60px;} div.bottom div.madeby {width:770px;height: 60px; display: table-cell; vertical-align:middle; text-align:right;} body,BODY {padding:0; margin:0; background: url('/img/stock/bg.jpg'); background-position: top center; background-attachment:fixed; color: #3C3C3C; font-family: Arial,tahoma; font-size: 12px;} .clear {} /* ========================== */ /* ======== general ========= */ /* ========================== */ .radius-8 { -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; } .radius-8-full { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .shadow-st { -webkit-box-shadow: #000 1px -5px 12px -5px; -moz-box-shadow: #000 1px -5px 12px -5px; box-shadow: #000 1px -5px 12px -5px; } .shadow-center { -webkit-box-shadow: #000 0 4px 20px -3px ; -moz-box-shadow: #000 0 4px 20px -3px ; box-shadow: #000 0 4px 20px -3px ; }