﻿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, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
    margin: 0;
    padding: 0;
    border: 0;
}

p
{
    margin-bottom: 10px;
    }

body
{
    /*background-color: #f7cc9d;
    background-image: url(../Images/bg.jpg);
    background-repeat: repeat-x;
    background-position: top;*/
    font-size: 12px;
    font-family: Arial;
    color: Black;
}

H1
{
	font-size: 14px;
	color: #ff7e00;
}

H2
{
	font-size: 13px;
	font-weight: bold;
	text-align: left;
}

.productItemName H2 
{
	font-size: 12px;
	font-weight: bold;
	
}

H3
{
	font-size: 12px;
	font-weight: bold;
	
}

.SOAZ
{
visibility: hidden;
}



#main
{
    height: auto;
    width: 965px;
    margin-left: auto;
    margin-right: auto;
}

#header
{
    width: 965px;
    height: 155px;

}


#Foot
{	
	margin-top:0px;
	background-image: url(../Images/foot.jpg);
	width:965px;
	height:31px;
	
}
#Design
{
    height: auto;
    width: 965px;
    margin-left: auto;
    margin-right: auto;
    font-size: 9px;
    text-align:right;
}

.Logo 
{
   /* background-image: url(../Images/logo.jpg);
	background-repeat: no-repeat;*/
	height: 155px;
	width: 221px;
	float: left;
}

.Flash 
{
    /*background-image: url(../Images/flash.jpg);
	background-repeat: no-repeat;*/
	height: 155px;
	width: 366px;
	float: left;
}


.Navi 
{
    /*background-image: url(../Images/navi-menu.jpg);
	background-repeat: no-repeat;*/
	height: 155px;
	width: 378px;
	float: right;
}

.NaviTop
{
    /*background-image: url(../Images/navi-menu.jpg);
	background-repeat: no-repeat;*/
	height: 78px;
	width: 378px;
	
}
.NaviBottom
{
    /*background-image: url(../Images/navi-menu.jpg);
	background-repeat: no-repeat;*/
	height: 77px;
	width: 378px;
	
}


.clear
{

clear:both;
height:0px;
margin: 0px 0px 0px 0px;
visibility:hidden;
}
.Clear
{

clear:both;
height:0px;
margin: 0px 0px 0px 0px;
visibility:hidden;
}


#menuLine
{
    width: 905px;
    height: 19px;
    padding-left: 60px;
    padding-top: 5px;
    background-image: url(../Images/menu-horizontal.jpg);
    
    background-position: bottom left;
}

#menuLine a
{
    color: white;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
}

#menuLine a:hover
{
    color: #ff7e00;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
}

#menuLine .item
{
    float: left;  
    padding-left: 10px;
    padding-right: 10px; 
}
#menuLine .separator
{
    float: left;   
}

#subMenuLine
{
    width: 965px;
    height: 31px;
    background-image: url(../Images/navigator.jpg);
    background-repeat: no-repeat;
    background-position: top left;
}

#mainColumn
{
    height: auto;
    background-image: url(../Images/main-bg.jpg);
    background-repeat: repeat-y;
    width: 965px;
}

#leftColumn
{
    width: 221px;
    float: left;
}

#middleColumn
{
    width: 563px;
    height: auto;
    float: left;
    background-color: #fff;
    
    
    
}

#middleColumnInner
{
    width: 530px;
    height: auto;
    min-height: 600px;
    border-right: 2px dotted #b9db00;
    border-left: solid 0px #e6e7e8;
    padding-left: 10px;
    padding-right: 20px;
    background-color: White;
}

#rightColumn
{
    float: left;
    width: 180px;
}


.red
{
    color: Red;
    }

/*------------Box --------------*/
.leftBoxYellow
{
    
    width: 221px;
    
    margin-bottom: 0px;
}

.leftBoxYellow .header
{
    background-image: url(../Images/menu_left_bg.jpg);
    background-repeat: repeat-y;
    background-position: bottom left;
    width: 221px;
    height: 15px;
}

.leftBoxYellow .headerText
{
   
   
    padding-left: 0px;
    width: 221px;
}

.leftBoxYellow .body
{
    background-image: url(../Images/menu_left_bg.jpg);
    background-repeat: repeat-y;
   
    width: 191px;
    padding: 5px;
    padding-left: 25px;
}

.leftBoxYellow .footer
{
    background-image: url(../Images/menu_left_bg.jpg);
    background-repeat: repeat-y;
    background-position: top left;
    width: 221px;
    height: 7px;
}

.rightBoxYellow
{
    
    width: 180px;
    
    margin-bottom: 15px;
}

.rightBoxYellow .header
{
    
    width: 180px;
    height: 7px;
}

.rightBoxYellow .headerText
{
   
    background-color: #fff;
    padding-left: 0px;
    width: 180px;
}

.rightBoxYellow .body
{
    background-color: #fff;
    width: 160px;
    padding: 10px;
}

.rightBoxYellow .footer
{
    
    width: 180px;
    height: 7px;
}

.rightBoxRed
{
    width: 180px;
    
    margin-bottom: 15px;
}

.rightBoxRed .header
{
     
    
    width: 180px;
    height: 7px;
}

.rightBoxRed .headerText
{
   
    
    
    padding-bottom: 10px;
    width: 180px;
}

.rightBoxRed .body
{
    background-color: #ffffff;
    width: 170px;
    padding: 5px;
}

.rightBoxRed .footer
{
    
    width: 180px;
    height: 7px;
}

.rightBoxGreen
{
    width: 180px;
    
    margin-bottom: 15px;
}

.rightBoxGreen .header
{
    
    width: 180px;
    height: 7px;
}

.rightBoxGreen .headerText
{
   
    
    width: 180px;
    padding-left: 0px;
    padding-bottom: 10px;
}

.rightBoxGreen .body
{
    background-color: #ffffff;
    width: 170px;
    padding: 5px;
}

.rightBoxGreen .footer
{
    
    width: 180px;
    height: 7px;
}

.leftBoxRed
{
    width: 221px;
    
    margin-bottom: 0px;
}

.leftBoxRed .header
{
    background-image: url(../Images/menu_left_bg.jpg);
    background-repeat: repeat-y;
    background-position: bottom left;
    
    width: 221px;
    height: 7px;
}

.leftBoxRed .headerText
{
   
   
    
    width: 221px;
    
    height: 31px;
}

.leftBoxRed .body
{
    background-color: #ffffff;
    width: 209px;
    padding: 5px;
    
	border-left: 1px dotted #b9db00;
	border-right: 1px dotted #b9db00;
}

.leftBoxRed .footer
{
    background-image: url(../Images/menu_left_bg.jpg);
    background-repeat: repeat-y;
    background-position: top left;
    width: 221px;
    height: 15px;
}

#categoryLeft
{
    
}

#categoryLeft a 
{
    color: Black;
    text-decoration: none;
}

#categoryLeft .item
{
    
    font-size: 12px;
    font-weight: bold;
    padding-top: 3px;
   /* border-bottom: solid 1px #939598;*/
    background-image: url(../Images/categoryItemBg.gif);
    background-repeat: no-repeat;
    background-position: top left;
    height: 19px;
    padding-left: 22px;
    
}

#categoryLeft .subItem
{
    
    font-size: 11px;
    padding-top: 3px;
   /* border-bottom: solid 1px #939598;*/
    background-image: url(../Images/categorySubItemBg.gif);
    background-repeat: no-repeat;
    background-position: top left;
    height: 19px;
    padding-left: 35px;
    
}
#categoryLeft .subItem_level2
{
    
    font-size: 11px;
    padding-top: 5px;
   /* border-bottom: solid 1px #939598;*/
    background-image: url(../Images/categorySubItemBg.gif);
    background-repeat: no-repeat;
    background-position: top left;
    height: 19px;
    padding-left: 35px;
    
}

#categoryLeft .subItem_level3
{
    
    font-size: 11px;
    padding-top: 5px;
   /* border-bottom: solid 1px #939598;
    background-image: url(../Images/categorySubItemBg.gif);
    background-repeat: no-repeat;
    background-position: top left;*/
    height: 19px;
    padding-left: 45px;
    
    
    
}

#categoryLeft2
{
    
}

#categoryLeft2 a 
{
    color: red;
    text-decoration: none;
}

#categoryLeft2 .item
{
    
    font-size: 12px;
    font-weight: bold;
    padding-top: 3px;
    /*border-bottom: solid 1px #939598;*/
    background-image: url(../Images/categoryItemBgA.gif);
    background-repeat: no-repeat;
    background-position: top left;
    height: 19px;
    padding-left: 22px;
    
}

#categoryLeft2 .subItem
{
    
    font-size: 11px;
    padding-top: 3px;
    /*border-bottom: solid 1px #939598;*/
    background-image: url(../Images/categorySubItemBg.gif);
    background-repeat: no-repeat;
    background-position: top left;
    height: 19px;
    padding-left: 35px;
    
}

.productItem
{
   border:1px dotted silver;
height:292px;
margin-bottom:30px;
margin-right:7px;
margin-top:10px;
padding:5px;
width:163px;
}

.productItem .header
{
    width: 163px;
    height: 0px;
    /*background-image: url(../Images/productItemHeader.gif);
    background-repeat: no-repeat;
    background-position: bottom left;*/
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.productItem .body
{
    width: 163px;
    height: 290px;
    border-left: solid 0px #f1f1f2;
    border-right: solid 0px #f1f1f2;
    text-align: center;
    
}

.productItem .footer
{
    width: 163px;
    height: 0px;
    /*background-image: url(../Images/productItemFooter.gif);
    background-repeat: no-repeat;
    background-position: top left;*/
    
}

.productItem a
{
   color: Black;
   text-decoration: none;
}

.productItemName
{
    padding-top: 3px;
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 3px;
    
    height: 42px;
}


.productItemCode,
.productItemCode p
{
      font-size: 10px;
    text-align: left;
    margin: 0px;
}
.productItemCode a

{
      font-size: 12px;
   font-weight: bold;
   
}

.dostupnost a
{
 font-weight: bold;
 color: #bbdd02;
 font-size: 12px;
    
}
.dostupnost
{
 font-weight: bold;
 color: #bbdd02;

    
}

.productItemBasket
{
background-image: url(../Images/btnAddToCart2.gif);
    background-repeat: no-repeat;
    width: 163px;
    height: 28px;
    padding:5px;
}
.productItemBasket a
{
    font-weight: bold;
 color: Black;
 font-size: 15px;

    }

.productItemPrice,
.productItemPrice p
{
    padding-top: 3px;
    font-size: 11px;
    padding-bottom: 3px;
    text-align: left;
    
}
.SDPH
{
    font-size: 14px;
    font-weight: bold;
    color: #ff7e00;
}

.productItemPrice p
{
margin: 0px;
}




#productDetail
{   
    width: 530px;
    height: auto;
}

#productDetail .headerLine
{
    
    width: 530px;
    height: 20px;
}

#productDetail .headerLine .left,
#productDetail .headerLine .left h1
{
    width: 530px;
    float: left;
    font-size: 16px;
    font-weight: bold;
}

#productDetail .headerLine .right
{
    width: 0px;
    float: left;
    text-align: right;
    font-size: 12px;
}

#productDetail .bodyLine
{
    padding-top: 20px;
    width: 530px;
    height: auto;
}

#productDetail .DescriptLine
{
    padding-top: 20px;
    width: 530px;
    height: auto;
}

#productDetail .bodyLine .left
{
    width: 280px;
    float: left;
    font-size: 12px;
    padding-right: 5px;
}

#productDetail .bodyLine .middle
{
    width: 0px;
    float: left;
    vertical-align: bottom;
}

#productDetail .bodyLine .right
{
    width: 245px;
    float: left;
    text-align: left;
}

#productDetail .bodyLine .right a
{
    color: Black;
    font-size: 11px;
}

.textTitle
{
    font-size: 15px;
    font-weight: bold;
}

.searchTextBox
{
    width: 140px;
    height: 15px;
    font-size: 11px;
    border: solid 1px #c9cdcf;
    float: left;
}

.searchButton
{
    padding-top: 0px;
    float: left;
}

/* ---------------------- cart ------------------------------ */
.cartHeaderStyle
{
    background-color: #ff7e00;
    color: White;
    font-size: 11px;
    padding: 3px;
    text-align:left;
}

.cartRow
{
    padding-top: 5px;
    height: 15px;
    border-bottom: solid 0px #830e20;
    
}

.cartAlternateRow
{
   border-bottom: solid 0px #830e20; 
}

.loginTextBox
{
    width: 65px;
    height: 15px;
    font-size: 11px;
    border: solid 1px #c9cdcf;
    float: left;
    margin-right: 5px;
}

.horProductItem
{
    
    width: 205px;
    height: 75px;
    
    
    
}

.horProductItemSeperator
{
    background-image: url(../Images/lineRight.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
    height: 4px;
    width: 205px;
    padding-bottom: 10px;
    margin-bottom: 5px;
}

.horProductItem .left
{
    width: 75px;
    float: left;
}

.horProductItem .right
{
    width: 130px;
    float: left;
    text-align: right;
}

.horProductItem .right a
{
    color: Black;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
}

.horProductItemPrice
{
     color: #ed1c24;
     font-weight: bold;
}
.horProductItemPrice .old
{
     color: black;
     text-decoration: line-through;
}

.pager
{
    padding-bottom: 5px;
    background-color: White;
    
}

.pageItem
{
    font-weight: bold;
    text-decoration: none;
    color: #FF7E00;
    border: solid 1px #FF7E00;
    margin-right: 10px;
    padding: 3px;
}

.pageItemActive
{
    font-weight: bold;
    text-decoration: none;
    color: white;
    background-color: #FF7E00;
    border: solid 1px #FF7E00;
    margin-right: 10px;
    padding: 3px;
}

#photoList
{
    width: 100%;
    padding-top: 10px;
    float: left;
   
}

.photoListItem
{
   width: 113px;
   height: 122px;
   margin-right: 20px;
   margin-bottom: 10px;
   margin-top: 10px;
}

.photoListItem .header
{
    width: 113px;
    height: 8px;
    background-image: url(../Images/productItemHeader.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.photoListItem .body
{
    width: 111px;
    height: 104px;
    border-left: solid 1px #f1f1f2;
    border-right: solid 1px #f1f1f2;
    text-align: center;
    
}

.photoListItem .footer
{
    width: 113px;
    height: 7px;
    background-image: url(../Images/productItemFooter.gif);
    background-repeat: no-repeat;
    background-position: top left;
    
}

.RFlash	
{
   	
margin-left: 10px;
margin-top:55px;
padding-right:0px;
	
		}			
.RFlash	p
{
    text-align: left;
    margin-bottom:5px;
    }


.Doporucujeme {
    
    width:925px;
    height:auto;
border:0 solid blue;
color:black;
text-align:left;

margin-right:0;
margin-top:10px;
margin-bottom: 10px;
padding:0px 20px 0px 20px;

background-color:white;

    
}
.Doporucujeme p {
    
    
font-size:10px;
margin-bottom: 5px;

    
}
