body
{
    margin:0;
    padding:0;
    background:#136e9a;
    font:400 12px Tahoma, Arial;
    color: #062734 ;
}
div,ul,ol,li,p,table{margin:0; padding:0; position:relative;}
ul{padding:0 0 0 20px;}
a,a:visited{text-decoration:none; color:#fff;}
a:hover{text-decoration:underline;color:#fff;}
dt,dd{margin:0 0 5px; padding:0;}
dl{margin:0 0 15px;}
dt{font-weight:700; text-decoration:underline;}
img{border:0;}
p{margin:0 0 15px;}
h1{margin:0 0 15px; padding:0; position:relative; font-size:26px; color: #0f5a2e;}
h2{margin:0 0 15px; padding:0; position:relative; font-size:23px; color: #0f5a2e;}
/* Common Classes */
.replace {display: block; text-indent: -10000px; line-height: 0; outline: none;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.bold{font-weight:700;}
.italic{font-style:italic;}
.divider
{
    height:1px;
    width:100%;
    clear:both;
    border-bottom:solid 1px #fcfffd;
    padding:0;
    margin:0 0 15px;
}
/* end Common Classes */
/* Body Wrap */
#wrap
{
    min-height:400px;
    width:1024px;
    margin:0 auto;
    background:url(../../Images/pageBG.jpg) no-repeat 0 0;
    z-index:0;
}
* html #wrap{height:400px;}
/* end Body Wrap */
/* Header Area */
#header
{
    height:250px;
    width:1024px;
    z-index:0;  
}
#logo
{
    height:196px;
    width:280px;
    background:url(../../Images/logo_sm.png) no-repeat 0 0 !important;
    background:url(../../Images/logo_sm.gif) no-repeat 0 0;/* This is for IE6 if you do not have any png fix files */
    position:absolute;
    top:40px;
    right:140px;
}
#headerNav
{
    width:1024px;
    height:30px;
    z-index:0;    
}
#headerNav ul{float:right; list-style:none; padding:0;}
#headerNav ul li
{
    height:18px;
    float:left; 
    padding:6px 12px;
}
#headerNav a, #headerNav a:visited, #headerNav a:hover
{
    color:#fff; 
    font:700 10px "Trebuchet MS", Tahoma, Arail;
    text-transform:uppercase;
}
/* end Header Area */
/* Navigation */
#nav
{
    top:130px;
    left:0;
    position:absolute;
    height:79px;
    width:346px;
    padding:10px 0 0 140px;
    background:url(../../Images/navSign.png) no-repeat 0 0 !important;
    background:url(../../Images/navSign.gif) no-repeat 0 0;/* This is for IE6 if you do not have any png fix files */
    z-index:9999;
}
#nav ul{float:left; list-style:none; padding:0;}
#nav ul li
{
    height:18px;
    float:left; 
    padding:6px 4px;
    background:url(../../Images/navitemBG.jpg) no-repeat 100% 0;
    color:#fff;
    font-size:19px;
    font-weight:700;
}
#nav a, #nav a:visited, #nav a:hover
{
    color:#fff; 
    font:700 17px Tahoma, Arail;
    text-transform:uppercase;
}
#nav ul.font22{padding-left:30px;}
#nav ul.font22 li
{ 
    font-weight:400;
    font-size:22px;
}
#nav ul.font22 li a, #nav ul.font22 li a:visited, #nav ul.font22 li a:hover
{
    font-weight:400;
    font-size:22px;
}
/* end Navigation */
/* Content Area */
#content
{
    width:944px;
    min-height:150px;
    padding:0 0 15px;
    margin:0 auto;
    background:url(../../Images/contentBG.jpg) no-repeat 0 0 ;
}
#content a { text-decoration: none; color: #212e34; }
#content a:hover { text-decoration: underline; }
* html #content{height:150px;}
/* end Content */
/* Columns Area */
#contentColm1
{
    min-height:100px;
    width:400px;
    margin:5px 24px 0 0;
    float:left;
}
* html #contentColm1{height:100px;}
#contentColm2
{
    min-height:100px;
    width:520px;
    margin:5px 0 0;
    float:left;
}
* html #contentColm2{height:100px;}
/* end Columns Area */
/* Footer Area */
#footer
{
    width:944px;
    height:60px;
    padding:15px 0;
    margin:0 auto;
    border-top:solid 1px #fffeff;
    font-size:11px;
    color: #FFF;
}
#footer .copy
{
    width:300px;
    float:right;
    text-align:right;
    margin:5px 0 0;
    color: #FFF;
}
#footer .followUs
{
    width:500px;
    float:left;
}
/* end Footer Area */

/* Eshop CSS */
td
{
    vertical-align: top;
    color:#696969;
    font-family:tahoma;
    font-size:11px;
}

.Button
{
    font-family:tahoma;
    font-size:12px;
    border:1px solid #696969;
}

.DropDownList
{
    font-family:tahoma;
    font-size:12px;
    border:1px solid #696969;
}

.TextBox
{
    font-family:tahoma;
    font-size:12px;
    border:1px solid #696969;
}

.TableRowLabel
{
    text-align: right;
    white-space: nowrap;
    vertical-align: top;
    padding-top: 4px;
}

.TableRowDataLabel
{
    white-space: nowrap;
    vertical-align: top;
    padding-top: 4px;
}

.SectionHeader
{
    margin-top: 20px;
    border-bottom: #dcdcdc 1px dotted;
    color: #959C98;
    font-size: 12px;
    padding-bottom: 3px;
    font-weight:bold;
    margin-bottom: 4px;
}

.ErrorBox
{
    border-right: #660000 1px solid;
    border-top: #660000 1px solid;
    font-weight: bold;
    font-size: 9pt;
    border-left: #660000 1px solid;
    color: #660000;
    border-bottom: #660000 1px solid;
    font-family: verdana;
    background-color: #ffcccc;
    width: auto;
}

.LeftMenuHeader, .RightMenuHeader
{
    background: #959C98;
    padding-left: 10px;
    padding-right: 10px;
    height: 33px;
    line-height: 33px;
    font-family: tahoma;
    font-size: 14px;
    color: #ffffff;
}

.LeftMenuContent, .RightMenuContent
{
    background:#F5F5F5;
    border: 1px solid #959C98;
    padding: 10px;
    padding-left: 20px;
}

.RightMenuContent
{
    border-right: none;
}

.LeftMenuCategoriesContent
{
    background:#F5F5F5;
    border: 1px solid #959C98;
    border-left: none;
}

.LeftMenuCategoriesItem
{
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 4px;
    padding-bottom: 3px;
}

.LeftMenuCategoriesItem a, .LeftMenuCategoriesItem a:hover, 
    .LeftMenuCategoriesItem .Item
{
    padding-left: 15px;
    font-weight: bold;
    color: black;
}

.LeftMenuCategoriesItem a:hover
{
    background: url('../../Images/CategoryAnchor.gif');
    background-position: left;
    background-repeat: no-repeat;
}

.LeftMenuCategoriesItem2
{
    margin-left: 25px;
    margin-right: 5px;
    padding-top: 4px;
    padding-bottom: 3px;
}

.LeftMenuCategoriesItem2 a, .LeftMenuCategoriesItem2 a:hover
{
    padding-left: 15px;
    font-weight: normal;
    color: black;
}

.LeftMenuCategoriesItem2 a:hover
{
    background: url('../../Images/CategoryAnchor.gif');
    background-position: left;
    background-repeat: no-repeat;
    text-decoration: none;
}

.ContentHeader
{
    background: #658F9F;
    padding-left: 10px;
    padding-right: 10px;
    height: 33px;
    line-height: 33px;
    font-family: tahoma;
    font-size: 14px;
    color: #ffffff;
    opacity:0.85;
    filter:alpha(opacity=85);
}

.Content
{
    background-color: #e8f5fb;
    border: 1px solid #959C98;
    padding: 10px;
}

.CatalogProductImage
{
    padding: 5px;
    border: 1px solid #696969;
}

.CatalogItemHeader
{
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #5C9978;
    margin-bottom: 25px;
}

.CatalogItemDelimiter
{
    height: 10px;
    background: url('../../Images/CategoryBackground.gif');
    background-repeat: repeat-x;
    background-position: bottom;
}

.ProductPriceDiscounted
{
    font-weight: bold;
    color: #cc0000;
    padding-left: 20px;
}

.TopMenu
{
    margin:0px;
    padding:0px;
    list-style:none;
}
.TopMenu li
{
    display:inline;
    border-right:1px solid #ffffff;
}
.TopMenu li a, .TopMenu li a:hover
{
    font-family:arial;
    font-size:14px;
    font-weight: normal;
    color:#000000;
    padding:10px;
    line-height:33px;
}

.TopMenu2, .TopMenu2:active, .TopMenu2:visited
{
    color:#696969;
    text-decoration:none;
}

.TopMenu2:hover
{
    color:#696969;
    text-decoration:underline;
}