/***************** CSS Reset **********************/

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,
    dd, dl, dt, li, ol, ul,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;    
    font-family: inherit;    
	  font-size:inherit;
    text-align: left;
    vertical-align: baseline;
}
/************* Global elements *********************/
html, body { font-family: Arial, Helvetica; }
body { 
  background: #353535;  font-size:12px;
}
a, a:link, a:hover {
    -moz-outline:none;
    outline: none;
    cursor:pointer;
}
a img {border: none;}

p{margin: 1em 0;}
table { border-collapse: collapse; border-spacing: 0; }
ol, ul {list-style: none;}
b, strong {font-weight:bold;}

table td {padding: 3px 5px; vertical-align:top;}

input{width:300px;}

.left {float:left;}
.right {float:right;}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

div#wrapper{
 width:950px;
 margin:0 auto;
 background:white;
}

div#head{
 position:relative;
 background:url(images/head.gif) repeat-x top;
 width: 950px;
 height: 110px;
}

#cart a{
 display:block;
 position:absolute;
 top:25px;
 left:50%;
 margin-left:350px;
 background:url(images/cart.gif) no-repeat top left;
 padding:3px 0 0 30px;
 height:30px;
 color:#333;
 text-decoration:none;
}

a#logo{
 display:block;
 position:absolute;
 top:0;
 left:50%;
 margin-left:-460px;
}

div#content{
 width:910px;
 padding:20px;
 height:auto;
 overflow:auto;
}

div#footer{
 text-align:center;
 border-top:1px solid #cc0000;
 padding-top:8px;
 width:100%;
 height:70px;
}

div#footer p{
 text-align:center;
}

#topnav{ 
 background:url(images/menu.gif) repeat-x bottom;
 height:40px;
 position:absolute;
 top:60px;
 left:50%;
 margin-left: -475px;
 width:950px;
 padding-bottom:9px;
}

#topnav li{
 float:right;
 margin:0 7px;
}

#topnav li a{
 display:block;
 background:url(images/buttons.gif) no-repeat right -40px;  
 color:white;
 text-decoration:none;
 font-size:15px;
 font-weight:bold;
 float:left;
}

#topnav li a span{
 background:url(images/buttons.gif) no-repeat left -40px;
 float:left;
 margin:0 5px 0 -5px;
 padding: 12px 10px 8px 15px;
 height:20px;
}

body.home #topnav li a.home,
body.preporaki #topnav li a.preporaki,
body.contacts #topnav li a.contacts,
#topnav li a:hover{
 background-position: right 0;
}

body.home #topnav li a.home span,
body.preporaki #topnav li a.preporaki span,
body.contacts #topnav li a.contacts span,
#topnav li a:hover span{
 background-position: left 0;
}

.pagetitle{
 color:#990000;
 font-weight:bold;
 font-size:16px;
}

ul.products {
 width:100%;
 list-style:none;
}

ul.products li{
 width:205px;
 height:250px;
 padding:0;
 float:left;
 margin:0 10px 20px 0;
 border-left:1px solid #dedede;
 padding-left:10px;
}

ul.products li.last{
 margin:0 0 20px 0;
 border-right:1px solid #dedede;
 padding-right:10px;
}

ul.products li div.title{
  color:#ff4200;
  font-weight:bold;
  padding: 5px 0;
  height:70px;
  font-family:Verdana;
}

ul.products li div.title span{
 color:#ff0000;
 font-size:10px;
}

ul.products li div.buttons{
 margin-top:5px;
 background:#ebebeb;
 text-align:center;
 padding: 5px 0;
}

ul.products li div.thumb{
 text-align:center;
 height:110px;
}

ul.products li div.price{
 text-align:center;
}
ul.products li div.price span{
 font-weight:bold;
 color:#ff4200;
 font-size:16px;
}

ul.products li div.price span.old_price{
 font-weight:bold;
 color:#999999;
 text-decoration: line-through;
}

a.red_button,
a.gray_button{
 display:block;
 padding:5px 10px;
 font-weight:bold;
 width:auto;
 float:left;
 font-family:Verdana;
 text-decoration:none;
 margin-right:10px;
}

a.red_button{
 background:#990000;
 color:white;
 border:1px solid #cc6633;
}

a.gray_button{
 background:#ebebeb;
 color:#333;
 border:1px solid #ccc;
}

a.red_button:hover,
a.gray_button:hover
{text-decoration:underline;}

.alert{color:#ff0000; font-weight:bold; font-size:16px;}

/******************************* cart table *********************************/

table.cart th{
 background:#990000;
 color:white;
 padding: 5px;
 font-weight:bold;
}
table.cart td{
 border-bottom:1px solid #feaeae;
 padding: 7px 5px;
 vertical-align:top;
}


table.cart td.count{text-align:center;}
table.cart td.price,
table.cart td.total,
table.cart td.subtotal{text-align:right;}

table.cart td.count input{
 width:30px;
 text-align:center;
}

table.cart td.total{
 font-weight:bold;
 font-size:14px;
}