body 
{
	font-size: 13px;
    font-weight: 400;
	margin: 0;
    background-repeat:repeat-x;
}

.container-inner {
    padding: 15px;
}

.padding-top-1 {
    padding-top: 15px;
}

.padding-left-1 {
    padding-left: 15px;
}

.padding-left-2 {
    padding-left: 30px;
}

.margin-top-1 {
    margin-top: 15px;
}
.margin-top-2 {
    margin-top: 25px;
}

.padding-1 {
    padding: 15px;
}

.bg-white {
    background-color: #fff;
}

.border-1 {
    border-radius: 5px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 5px;
    padding-left: 5px;
}

a:link{color: #19789C; text-decoration: none;}
a:visited{color: #19789C; text-decoration: none;}
a:hover{text-decoration: underline;}
a:active{text-decoration: none;}
a
{
    font-weight:700;
}
h1
{
    font-size: 23px;    
}
h2
{
    font-size: 12px;    
}
h1,h2,h3,h4,h5
{
	padding-top:2px;
	margin-top: 2px;
    font-weight: 500;
}
input
{
    background-color: #EEE;
    border-color: #999999;
    border-style: solid;
    border-width: 1px;
    font-size: 14px;
    padding: 3px;
    color: #222;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
input[type=submit] {
    font-family:'Helvetica Neue',Arial,sans-serif;
    background-color: #CCC;
    color:#222;
    cursor:pointer;
}
input[type=submit]:hover {
    border-color: #000;
        color: #222;
}
input[disabled="disabled"] {
    color: #aaa;
    cursor: default;
    background-color: #DDD;
}
input[type=button] {
    font-family:'Helvetica Neue',Arial,sans-serif;
    background-color: #CCC;
    color:#000;
    cursor:pointer;
}
input[type=button]:hover {
    border-color: #000;
        color: #222;
}

.buttons {
    position: relative;
    height: 30px;
}

.spacebottom {
    margin-bottom: 10px;
}

.spacebottom-much {
    margin-bottom: 20px;
}

.spacetop {
    margin-top: 10px;
}

.spacetop-much {
    margin-top: 20px;
}

.align-right {
    float:right;
}

select
{

    background-color: #EEE;
    border-color: #999999;
    border-style: solid;
    border-width: 1px;
    font-size: 13px;
    padding: 4px;
    color: #000;
}
textarea
{
    border-style: solid;
    border-color: #cccccc;
    background-color: #efefef;
    border-width : 1px;
    font-family: Arial;
    font-size: 12px;
}
fieldset
{
    padding: 10px;
    border-color: #dedede;
    border-width: 2px;
    border-style: solid;   
}

.hidden {
    display: none;
}

.box {
    background-color: #fafafa;
    border: 1px solid #bbb;
    padding: 10px;
}

/*
.cashierRadio tr
{
    //background-color: #efefef;
    //border-color: #dedede;
    //border-width: 2px;
    //border-style: solid;  
}
    */
.cashierRadio td
{
    padding: 0;
    border: none;
}

.cashierRadio   label {
    display: inline;
    }

input[type=checkbox], input[type=radio] {
    margin: 4px 4px 0;
}

table
{
	border-collapse:collapse;
	margin:0;
	padding:0;
	width:100%;
}
th
{
	background:none repeat scroll 0 0 transparent;
	border-bottom:2px solid #D9D9D9;
	text-align:left;
	padding-top: 10px;
	color: #444444;
}
td
{
	border-bottom:2px solid #D9D9D9;
}
#contentman
{
    
}
#contentman .top
{
    background-color: #eee;
}

#contentman td
{
    padding: 3px;
    border-bottom: none;
}

#phone {
    font-size: 14px;
    font-weight: 300;
    position: absolute;
    left:70px;
    top:47px;
    z-index: 10;
}

.f-color-red {
    color: #aa2222;
}

#wrapper
{
  width  : 900px ;
  margin-left: auto ;
  margin-right: auto ;
}
#navigation
{
	background-color: #58b8bd;
	height: 40px;
}
#content
{
	width: 100%;
	background-color: #ffffff;
	min-height: 530px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	-webkit-border-bottom-left-radius: 8px 8px;
    -webkit-border-bottom-right-radius: 8px 8px;
    -webkit-border-top-left-radius: 8px 8px;
    -webkit-border-top-right-radius: 8px 8px;
    -moz-border-radius:8px 8px 8px 8px;
    border-style: solid;
    border-width: 1px;
    border-color: #cdcdcd;
}
#right
{
	width: 100%;
    min-width: 168px;
	background-color: #ffffff;
	text-align: right;
	padding: 10px;
	-webkit-border-bottom-left-radius: 8px 8px;
    -webkit-border-bottom-right-radius: 8px 8px;
    -webkit-border-top-left-radius: 8px 8px;
    -webkit-border-top-right-radius: 8px 8px;
    -moz-border-radius:8px 8px 8px 8px;
	border-style: solid;
    border-width: 1px;
    border-color: #cdcdcd;
}
#welcome {
    font-size: 20px;
    text-align: center;
}
#ads
{
	width: 100%;
    min-width: 168px;
	background-color: #ffffff;
	text-align: center;
    margin-top:15px;
	padding: 10px;
	-webkit-border-bottom-left-radius: 8px 8px;
    -webkit-border-bottom-right-radius: 8px 8px;
    -webkit-border-top-left-radius: 8px 8px;
    -webkit-border-top-right-radius: 8px 8px;
    -moz-border-radius:8px 8px 8px 8px;
	border-style: solid;
    border-width: 1px;
    border-color: #cdcdcd;
}
.fb-like
{
    padding-top: 10px;
}
#searchinfo
{
    border-style: solid;
    border-width: 1px;
    border-color: #ffffff;
    padding: 6px;
}
#right ul 
{
    margin: 10px;
    padding: 1px;
}
#right li 
{
    display: block; list-style-type: none;
}
#footer
{
    clear:both;
    text-align: center;
    
    padding: 10px 0 0 0;
}
#footertext
{
    background-color: #efefef;
    margin-left:auto;
    margin-right: auto;
    padding: 10px 0 10px 0;
    -webkit-border-bottom-left-radius: 4px 4px;
    -webkit-border-bottom-right-radius: 4px 4px;
    -webkit-border-top-left-radius: 4px 4px;
    -webkit-border-top-right-radius: 4px 4px;
    -moz-border-radius:4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    border-color: #ffffff;
}
#logo
{
	width: 180px;
	height: 69px;
	padding-top: 10px;
	float: left;
}
#topnavcommon
{
    position: relative;
	background-color: #cecece;
	clear:both;
	text-align: left;
    -webkit-border-top-left-radius: 4px 4px;
    -webkit-border-top-right-radius: 4px 4px;
    -moz-border-radius:4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    border-color: #ffffff;
    border-bottom: none;
    margin-bottom: 0;
}

#facebook {
    position: absolute;
    right:17px;
    top:-6px;
}
#topnavcommon ul 
{
    margin-left: 0;
        padding-left: 15px;
    margin-top: 0;
    padding-top: 5px;
        margin-bottom: 0;
            padding-bottom: 5px;
}
#topnavcommon li 
{
    display: inline; list-style-type: none;
    font-size: 13px;
    padding-left: 4px;
}
#topnav
{
    border-top: none;
	
	background-color: #efefef;
	clear:both;
	text-align: left;
	-webkit-border-bottom-left-radius: 4px 4px;
    -webkit-border-bottom-right-radius: 4px 4px;
    -moz-border-radius:4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    border-color: #ffffff;
}
#topnav ul 
{
    margin-left: 0;
    padding-left: 6px;
    margin-top: 0;
    padding-top: 5px;
        margin-bottom: 5px;
}
#topnav li 
{
    display: inline; list-style-type: none;
    font-size: 13px;
    padding-left: 4px;
}
#topinfo
{
	float:right;
}
#search
{
    padding-top: 10px;
}
#header
{
    position: relative;
    text-align: right;
    margin-bottom: 4px;
}
#heading
{
    padding: 2px;
    text-align: right;
    margin-bottom: 6px;
    margin-top: 1px;
    font-size: 10pt;
    font-weight: bold;
    background-color: #efefef;
}
#space
{
    height: 10px;    
}
h3
{
    font-size: 12pt;    
}
.smalllink
{
    font-size: 8pt;    
}
#box 
{
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
}

#box label
{
    
}
.topnavmenu
{
    width: 100%;
	background-color: #efefef;
	clear:both;
	text-align: left;
		-webkit-border-bottom-left-radius: 4px 4px;
    -webkit-border-bottom-right-radius: 4px 4px;
    -webkit-border-top-left-radius: 4px 4px;
    -webkit-border-top-right-radius: 4px 4px;
    -moz-border-radius:4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    border-color: #ffffff;
}
.topnavmenu ul 
{
    margin-left: 0;
    padding-left: 6px;
    margin-top: 0;
    padding-top: 5px;
        margin-bottom: 0;
        padding-bottom: 5px;
}
.topnavmenu li 
{
    display: inline; list-style-type: none;
    font-size: 13px;
    padding-left: 6px;
}

.articlelist
{
	border:2px solid #D9D9D9;
}
.articlelist tr
{
	
}
.articlelist th
{

}
.articlelist td
{
	
}
.articlelist td.letterhead
{
	font-size: 13px;
	font-weight: bold;
	padding: 4px;
}

.articlelist th.image
{
	width: 60px;
}
.articlelist th.article
{

}
.articlelist th.price
{
	text-align: right;
	padding-right: 5px;
	width: 110px;
}
.articlelist th.buy
{
	text-align:right;
	padding-right: 10px;
	width: 110px;
}
.articlelist td.image
{
	text-align: center;	
}
.articlelist td.article
{
	font-weight: bold;
	border: none;
}
.articlelist td.price
{
	text-align: right;
	padding-right: 5px;
}
.articlelist td.buy
{
	text-align:right;
	padding-right: 10px;
}
.articlelist td.info
{
	color:#333333;
}
.articlelist td.footrow
{
	padding: 10px;	
}

.articletoplist ul
{
    margin: 1px;
    padding: 1px;
}
.articletoplist li
{
	display: inline; list-style-type: none;
	padding: 6px;
}
#pageleft
{
    text-align: left;
    padding-left: 10px;
    width: 120px;
    border: none;
}
#pagemiddle
{
    padding:15px;
    text-align:center;
    border: none;
}
#pageright
{
    text-align: right;
    padding-right: 10px;
    width: 120px;
    border: none;
}
#basketsItems ul
{
    margin: 0px;
    padding: 1px;
}
.error
{
    margin-top: 10px;
    padding: 10px;
    border-style: solid;
    border-width: 2px;
    border-color: #ff0000;    
}
.infobox
{
    margin-top: 10px;
    padding: 10px;
    border-style: solid;
    border-width: 2px;
    border-color: #444444;    
}
.order
{
	font-size: 13px;	
}
.order table
{
	border:none;
}
.order td
{
	border:none;
}
.order tr
{
	border:none;
}
.customer
{
	border:2px solid #D9D9D9;
}
.customer td.left
{
    padding-left: 8px;
    color: #444444;
    width: 110px; 
    padding-top:7px;
    padding-bottom: 7px;
}

.customer td {
    border-bottom: 1px solid #EFEFEF;
     padding: 3px;
}

.customer td.right
{
    width: 390px; 
}
.infoheader
{
	color: #444444;	
}
.infotext
{
	color: #000000;	
}
.articledetail td
{
    border: none;
}
.articledetail td.head
{
    font-size: 13pt;
    font-weight: bold;
}

.articledetail td.artleft
{
    width: 400px;  
    text-align: left;
}

.artprice
{
    color: #444444;
    font-size: 12pt;
    font-weight: 600;
}
.artimage
{
    width: 210px;
    vertical-align:top;
}
#progress 
{
    background-color: #eeeeee;
    color: #333333;
    font-size: 13pt;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 200px;
    margin-left: -100px;
    height: 26px;
    margin-top: -13px;
    padding: 10px;
    border-style: solid;
    border-width: 3px;
    border-color: #222222;   
    text-align: center;
    filter: Alpha(Opacity=85);
    opacity: 0.85;
    -moz-opacity: 0.85;
}
.overlay {
        position: fixed;
        z-index: 99;
        top: 0px;
        left: 0px;
        background-color: rgba(0,0,0,.3);
        width: 100%;
        height: 100%;
        filter: Alpha(Opacity=80);
        opacity: 0.80;
        -moz-opacity: 0.80;
    }
    * html .overlay {
        position: absolute;
        height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
        width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
    }
    .loader
    {
    	border: solid 5px #222222;
    	-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
    	color: White;
    	padding: 12px;
    	background-color: #000000;
    	filter: Alpha(Opacity=90);
        opacity: 0.90;
        -moz-opacity: 0.90;
    	font-size: 12px;
    	font-weight: bold;
        z-index: 100;
        position: fixed;
        width: 120px;
        margin-left: -100px;
        top: 50%;
        left: 50%;
    }
    * html .loader {
        position: absolute;
        margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) + 'px');
    }

    #cookie-bar {background:#fff; height:auto; line-height:14px;font-weight: bold; font-size: 14px; color:#333; text-align:center; padding:20px 0; z-index:1000}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#222; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#007700;padding: 10px; color:#fff}
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}

.text-center {
    text-align: center;
}

.padding-top-1 {
    padding-top: 10px;
}