/* Global CSS will be included on every page */

* {
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-family: Arial,Helvetica,sans-serif;
}

body {
    background: black;
}

h1 {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    color: white;
}

p {
    font-size: 12px;
    color: #ccc;
    text-align: left;
    margin: 10px 0;
}

div.price {
    font-size: 13px;
    color: #fff;
    font-weight: bold;
    font-style: italic;
    text-align: left;
    margin: 20px 0;
}

.pageControlTop {
    margin: 0 0 50px;
}

.paginationControl {
    float: right;
    margin-left: 5px;
    font-size: 12px;
}

 .pageRef {
    text-decoration: none;
    padding: 7px 10px;
    border: 1px solid white;
    color: white;
    font-size: 14px;
}

 .pageRef:hover {
    text-decoration: none;
    padding: 7px 10px;
    border: 1px solid gray;
    color: gray;
    font-size: 14px;    
}

.pageCurrent {
    text-decoration: none;
    padding: 7px 10px;
    border: 1px solid white;
    color: black;
    background: white;
    font-size: 14px;
}

#adminPanel {
    position: absolute;
    top: 100px;
    right: 0;
}

ul.normal li {
    font-size: 12px;
    margin-left: 20px;
    text-align: left;
}

/* --------------------- GLOBAL PROPERTIES --------------------- */

.float-left { float: left; }
.float-right { float: right; }
.clear { clear: both }

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }

.bold { font-weight: bold; }
.italic { font-style: italic; }

.no-border { border: none; }
.link-border { border: 1px solid gray; }
.link-border:hover { border: 1px solid orange; }

.hidden { visibility: hidden; }
a.white-link {
    color: white
}

span.white { color: white;}

/* --------------------- BLOCK PROPERTIES --------------------- */

#header {
    margin: 0 auto;
    width: 1007px;
    height: 192px;
    background: transparent url('../images/header-background.jpg') no-repeat;
    position: relative;
}

#content {
    margin: 0 auto;
    background: transparent url('../images/content-background.jpg') repeat-y;
    width: 1000px;
    position: relative;
    color: white;
    padding: 10px 2px 30px 4px;
}

#footer {
    margin: 0 auto;
    background: transparent url('../images/footer-background.jpg') no-repeat;
    width: 1014px;
    height: 159px;
    position: relative;
    margin-bottom: 50px;
}



#navigation {
    position: absolute;
    bottom: 6px;
    right: 0px;
    font-size: 12px;
}

#navigation td {
    background: transparent url('../images/button-background.png') no-repeat;
    width: 93px;
    height: 42px;
    vertical-align: middle;
}

#navigation a {
    color: black;
    text-decoration: none;
    text-transform: none;
}

#languageButtons {
    position: absolute;
    top: 3px;
    right: 0px;
    font-size: 12px;
}

#languageButtons td {
    vertical-align: middle;
    background: transparent url('../images/button-background-bottom.png') no-repeat;
    width: 63px;
    height: 42px;
}

#logo {
    position: absolute;
    bottom: 6px;
    left: 4px;
    font-size: 23px;
}

#logo td {
    background: transparent url('../images/button-background-huge.png') no-repeat;
    width: 173px;
    height: 52px;
    text-transform: none;
}

#hammers {
    position: absolute;
    bottom: -5px;
    left: 290px;
}

#contacts {
    position: absolute;
    right: 0px;
    top: 20px;
    color: #fff;    
    width: 180px;
    font-size: 13px;
}

#contacts div {
    text-align: right;
}

#contacts .phone {
    font-size: 18px;
}

#productsMenu {
    position: absolute;
    top: 3px;
    left: 140px;
    background: transparent url('../images/top-bg.png') no-repeat top center;
    width: 300px;
    padding-top: 30px;
    color: white;
    font-size: 13px;
    text-align: left;
}

#productsMenu h1 {
    text-align: left;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: normal;
}

#productsMenu ul {
    margin-top: 30px;
}

#productsMenu ul li {
    list-style-type: none;
    text-align: left;
}


#copyright {
    color: #777;
    font-size: 9px;
    text-transform: uppercase;
    position: absolute;
    bottom: 5px;
    left: 0;
}

#avel {
    color: #777;
    font-size: 9px;
    text-transform: uppercase;
    position: absolute;
    bottom: 5px;
    right: 0;
}


#products {
    width: 100%;
}

#products td {
    text-align: left;
    vertical-align: top;
    padding: 20px;
    width: 190px;
}

#products img {
    border: 1px solid gray;
    padding: 1px;
}

#products td.withBorder {
    border-bottom: 1px solid #222;
}

#newPanel {
    text-align: left;
    padding-left: 3px;
}

#insertProduct {
    margin: 30px 0;
    text-align: left;
}

#insertProduct td {
    padding-right:30px;
    vertical-align: top;
}

#insertProduct input,textarea {
    border: 1px solid white;
    background: transparent;
    color: white;
    padding: 3px;
    font-size: 13px;
    text-align: left;
    width: 300px;
}

#insertProduct label {    
    color: white;
    font-size: 12px;
    text-align: left;
}

#uploadedPhoto {
    margin: 20px;
    padding: 1px;
    border: 1px solid white;
}

#lastUpdate {
    color: white;
    font-size: 12px;
    position: absolute;
    top: 10px; left: 10px;
}

#welcomeTitle  {
    text-align: center;
    margin: 10px auto 20px;
    font-size: 20px;
}
/* BEGIN DEMO STYLE */

.nav a {
    font-size: 12px;
    color: white;
    text-align: left;
    font-weight: normal;
    text-transform: uppercase;
    font-family: Helvetica;
    text-decoration: none;
}


.nav a:hover{color:white;}

.caption{font-style:italic;color:#887;}

.gallery_demo {
    margin:0 auto;   
    position: absolute;
    top: 30px;
    left: 430px;
}

.gallery_demo li {width:60px;height:30px;border:3px double #333;margin: 0 2px;background:#000;}
.gallery_demo li div{ }
.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}

#main_image {
    margin:0 auto;
    position: absolute;
    top: 30px;
    right: 395px;
}

#main_image img {
    margin-bottom:10px;
    border:3px double #333;
}

.nav {
    text-transform:uppercase;
    text-align: center;
}

.info{text-align:left;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
.info p{margin-top:1.6em;}

#sidebar {
    float: right;
    width: 291px;
    background:transparent;
    margin-bottom: 40px;
    text-align: left;
    padding: 10px;
}

#sidebar .form {
    margin: 10px;
}

#sidebar .form input {
    border: 1px solid #d1cece;
    padding: 3px;
    color: #464646;
    margin: 5px 0;
}

#sidebar .form textarea {
    border: 1px solid #d1cece;
    padding: 3px;
    color: #464646;
    margin: 5px 0;
}

#send-button {
    border: none;
    margin: 0;
}


/*     ----------------   ADMIN -------------------- */

#login-container {
    width: 382px;
    margin: 0 auto;
    margin-top: 30px;
}

#login-container .caption {
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    color: #314E6A;
    text-align: left;
    border-bottom: 1px solid #222;
}

#login-container form {
    font-size: 12px;
    padding-top: 10px;
    width: 100%;
    text-align: right;
}

#login-container form div {
    margin: 10px;
    text-align: right;
}

#login-container form input {
    border: 1px solid black; 
    padding: 3px;
    font-size: 13px;
    color: black;
    text-align: left;
}


#login-container p.error {
    background: transparent;
    border: 1px solid red;
    padding: 8px;
    margin-bottom: 10px;
}

table.tabprices td,th {
    text-align: left;
    color: white;
    font-size: 12px;
    padding:2px 5px;
    vertical-align: bottom;
}

table.tabprices {
    margin:0px 0 30px;
}

ul.prices li {
    text-align: left;
    color: white;
    font-size: 12px;
    margin-left: 30px;
}

ul.prices {
    margin-bottom: 20px;
}