@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
dfn,var {font-style: normal;}

/* ^^ Disable a deprecated ^_^  ^^ */
font,basefont {color: inherit; font: inherit; font-size: 100%;}
center {text-align: inherit;}
s,strike,u {text-decoration: inherit;}

/*************** Fonts & Graphics ***************/
@page {}
body,table,input,label,textarea,button,select,code,samp,kbd,tt {font: 12pt Constantia, "Times New Roman", Times, serif; color: black}
code {color: #c33; font: normal 1em/1.4 "Consolas","Lucida Console", Monaco, "Courier New", Courier, monospace;}

#footer {font: italic normal 10pt "Trebuchet MS", Helvetica, sans-serif}
/*
"Consolas","Lucida Console", Monaco, "Courier New", Courier, monospace
"Lucida Sans Unicode", "Lucida Grande", sans-serif
Constantia, Cambria, Georgia, "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", serif

Arial, Helvetica, sans-serif
Candara, "Trebuchet MS", Verdana, Geneva, sans-serif
Corbel, Tahoma, Geneva, sans-serif
*/


h1,h2,h3,h4,h5,h6 {margin: 2em 0 1em;}
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child {margin-top: 0 !important;}
h1 {font-size: 2em;} 
h2 {font-size: 1.5em;}
h3 {font-size: 1.17em;}
h4 {font-size: 1em;}
h5 {font-size: .83em;}
h6 {font-size: .75em;}

p {margin: 1em 0; text-align: left;}
p:first-child {margin-top: 0 !important;}
p+ul, p+ol {margin-top: -0.5em;}

html {background: #fff;}
body {background: #fff;}

       /* ++ Standard elements ++ */
a {color: black; text-decoration: none}

input,select,textarea,button {margin: 0;}
fieldset {padding: 0.5em; border: solid 1px #dcdcdc;}
legend   {color: #ccc;}
  input[type="text"],input[type="password"] {padding: 2px 4px; border: 1px solid #cdcccc;}
        input.text,input.password {padding: 2px 4px; border: 1px solid #cdcccc;}
  input[type="hidden"] {display: none !important;}
        input.hidden {display: none !important;}
  input[type="image"],input[type="checkbox"] {width: auto !important;}
        input.image,input.checkbox {width: auto !important;}
select   {}
textarea {padding: 0.5em; border: 1px solid #cdcccc;}
input,label,select {vertical-align: middle;}
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover {border-color: #cdcccc;}
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus {border-color: #888; outline: 2px solid #ffffaa;}
applet,object,iframe {overflow: hidden;}

hr    {clear: both; border: none; color: #d5dfe5; background-color: #d5dfe5; height: 1px; width: 100%; margin: 20px 0; padding: 0;}
* html hr {margin: 13px 0}
* + html hr {margin: 13px 0}

table {margin: 1em 0; border-collapse: collapse; table-layout: auto; border-spacing: 0; empty-cells: show; border: 1px solid #ccc;}
    table th {padding: 0.5em; text-align: center; vertical-align: middle; font-weight: bold;}
    table td {padding: 0.5em; vertical-align: top;}
    table caption {caption-side: top; text-align: center;}

       /* -- List's -- */
ul {margin: 1em 0 1em 1.5em; padding: 0; list-style-type: none;}
   ul li {margin: 2px 0; padding: 0;}
   li ul {margin-top: 0; margin-bottom: 0;}
ol {margin: 0 0 1em 1.5em; padding: 0; list-style-type: decimal; list-style-position: inside;}
   ol li {margin: 0; padding: 0;}
   ol ul li {background: none;}
dl {margin: 0 0 1em 1.5em; padding: 0;}
   dl dt {margin: 0 0 0.5em 0; padding: 0;}
   dl dd {margin: 0.5em 0 1.5em 1.5em; padding: 0;}

       /* -- Images -- */
img {display: block; border: none; vertical-align: middle;} /* VA is for inline img's */
#footer img,#bottom img,p img {display: inline;}

       /* -- Text -- */
blockquote {margin: 1em 0; padding: 0.5em 1em; quotes: none;}
    blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
html:lang(en) q, html body q[lang="en"] {quotes: "\201e" "\201c" "\2018" "\2019";}
html:lang(en-us) q, html body q[lang="en-us"] {quotes: "\201c" "\201d" "\2018" "\2019";}
html:lang(ru) q,html:lang(ua) q, html body q[lang="ru"], html body q[lang="ua"] {quotes: "\00ab" "\00bb" "\201e" "\201c";}
cite  {font-style: italic;}

small {font-size: 85%;}
big   {font-size: 125%;}
sup   {vertical-align: text-top; font-size: 65%;}
sub   {vertical-align: text-bottom; font-size: 65%;}
ins   {text-decoration: underline;}
del   {text-decoration: line-through;}
pre   {word-wrap: break-word; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; white-space: pre-wrap;}

abbr {text-transform: uppercase; text-decoration: none;}
acronym {font-variant: small-caps; text-transform: none; text-decoration: none;}
abbr[title],acronym[title],dfn[title] {cursor: help; border-bottom: 1px dotted #f0f0f0;}


/*************** Print styles ***************/
#content a[href]:after {content: "( " attr(href) " ) "; font: italic normal 50% Georgia !important; color: #808080 !important; display: block;}
a[href^="/"]:after {content: " (http://sumka.com.ua/" attr(href) ") ";}
* html*a {background-image:expression(
    this.runtimeStyle.backgroundImage = 'none',
    insertAdjacentHTML('beforeEnd', ' <span style="font-size: 50%; color: gray;  font-weight: normal !important; font-style: italic !important">('+this.href+')</span>')
   )
}
*+html*a {background-image:expression(
    this.runtimeStyle.backgroundImage = 'none',
    insertAdjacentHTML('beforeEnd', ' <span style="font-size: 50%; color: gray; font-weight: normal !important; font-style: italic !important">('+this.href+')</span>')
   )
}
abbr:after,acronym:after {content: ' ('attr(title)') '}

.noprint {display: none !important}
object,embed,.mobile,#mobile-nav,.wai,#lightwindow_overlay,#lightwindow,#LG_overlay,#LG_container {display: none}
#bottom,#counters,#feedburn {display: none}
address.vcard .country-name, .geo, a.yandex-map {display: none}
address.vcard a.hcard-download:after {content: ' '}
.hentry abbr:after {content: ' '}

h1,h2,h3,h4,h5,h6 {page-break-after: avoid;}
p {widows: 2;}
tr {page-break-inside: avoid;}
/* Content */

#sidebar,
#header,
#content div.products ul.tabs,
ul.pager,
#content div.content-text div.news ul.pager,
#content ul.list_products li var.offers,
input.add
{ display:none;}

body.index #content div.products ul.list_products li{ display: block; height:265px; }

#content div.products{float: left; padding:0; margin:0;}
#content div.products ul.list_products li,
#content div.product-category ul.list_products li
{ width:250px; float:left;}

.content-text div.reviews{ float: left;}

ul.list_products li a.text {display: block}
div.content-text dl.item_info{ margin:0;}
div.content-text dl.item_info dt { float:left; margin:0;}
div.content-text dl.item_info dd{ margin:0 0 2px 0} 

br{ display:none;}
#content a.more_detailed { display: block;}
#content div.catalog ul.list_products li a{ display: block;}

#footer span.adr{ float: left;  margin:0 20px; width:250px;}

#footer span.type{ font-weight:bold;}
#footer span.locality{ text-transform:uppercase; font-weight:bold; margin-top:20px; display: block;}
#footer span.tel,
#footer span.email,
#footer span.web{ display: block;}


#logo{ border-bottom: 1px solid #C2BEBF; padding-bottom: 15px; text-align:center; font-size:26pt}
#logo a{ display:none;}
#content { padding: 5px 0 10px; }
#footer { border-top: 1px solid #000; padding-top: 10px; margin-top:20px; width:100%}
#bottom { margin: 20px 0px; }