/*
Theme Name: giovanni-uhp
Theme URI: https://uhp.com.au/
Author URI: https://pavelchmelar.cz/
Author: Pavel Chmelar
Description: giovanni-uhp is template created for UHP - to be used for one page
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: licensing/license.txt
Tags: light, white, no-sidebar, one-column, fixed menu
home-theme is custom template theme created by Pavel Chmelar for Unique Health Products and their private use
This is private template.
*/
body {
	font: 85%/150% "Trebuchet MS", Tahoma, Arial;
	color: #333333;
	margin: 0px;
	text-align:center;
	padding: 0px 0px 40px;
  position: relative;
}

/* BACKGROUND SETTINGS FOR INDIVIDUAL PAGES 
1. create a page
2. find a page ID
3. upload background image to gallery and note its name
4. edit this file by adding new line of code with correct page ID and link to file name 
5. update-file (button below) -> done
*/
body.page-id-77 {	background: #FFFFFF url(images/bg_pink.jpg) repeat-y center top;}
body.page-id-184 {	background: #FFFFFF url(images/bg_green.jpg) repeat-y center top;}
body.page-id-179 {	background: #FFFFFF url(images/bg_orange.jpg) repeat-y center top;}
body.page-id-177 {	background: #FFFFFF url(images/bg_grey.jpg) repeat-y center top;}
body.page-id-2275 {	background: #FFFFFF url(images/bg_grey_light.jpg) repeat-y center top;}
body.page-id-6091 {	background: #FFFFFF url(images/bg_purple.jpg) repeat-y center top;}
body.page-id-6109 {	background: #FFFFFF url(images/bg_Magenta.jpg) repeat-y center top;}
body.page-id-8658 {	background: #FFFFFF url(/wp-content/uploads/2016/08/bg_yellow.jpg) repeat-y center top;}
a {
	color: #333;
	text-decoration: none;
}
a:visited {
	color: #333;
	text-decoration: none;
}
img 	{
	border-style: none;
	vertical-align: middle;
}
img a { border:0px;}

#gallery-1 img {
border: none !important;
}

a:hover {
	color: #333;
	text-decoration: underline;
}
p {
	padding: 0px 0px 15px;
	margin: 0px;
}
h1 {
	margin:0px;
	height: 60px;
	font: bold 36px/100% "Trebuchet MS", Tahoma, Arial;
	color: #c9eefe;
}
h1 a{
	color: #707073;
	text-decoration: none;
}
h1 a:visited{
	color: #707073;
	text-decoration: none;
}
h1 a:hover{
	color: #ffffff;
	text-decoration: none;
}
h2 {
	color: #707073;
	margin: 0px 0px 2px;
	border-bottom: 1px dotted #CCCCCC;
	letter-spacing: -1px;
	font: normal 190%/100% "Trebuchet MS", Tahoma, Arial;
	padding-bottom: 3px;
}
h2 a, h2 a:visited {
	color: #666;
	text-decoration: none;
}
h2 a:hover {
	color: #ff3399;
	text-decoration: none;
}
h3 {
	font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;
	color: #666;
	margin: 10px 0px 5px;
}
form {
	margin:0px;
	padding:0px;
}
#page {
	margin: 0px auto;
	width: 760px;
    background-color: transparent;
}
#header {
	height: 120px;
	border-bottom: 1px solid #000;
	position: relative;
	text-align:left;
}
#headerimg {
	padding: 30px 0px 0px 0px;
	height: 60px;
    width: 324px;  
    position: relative;
}
#headerflag {
    background: url(images/flag.jpg) no-repeat;
    height: 30px;
    width: 60px;
    position:absolute;
    right: 0px;
    top: 30px;
}
#nav {
	list-style: none;
	margin: 0px;
	position: absolute;
	right: 10px;
	bottom: 0px;
}
#nav li {
	float: left;
	margin-left: 5px;
}
#nav li .last {
    border-right: 0px;
}
#nav a {
	color: #000;
	text-decoration: none;
    text-transform: uppercase;
	padding: 5px 15px;
	font: bold 14px/100% Arial, Helvetica, sans-serif;
	border-right: 1px solid #000;
	display: block;
        margin-bottom: 20px;
}
#nav a:visited {
	color: #000;
	text-decoration: none;
}
#nav a:hover {
	color: #000000;
}
#content {
	padding: 10px 0px 30px 00px;
	float: left;
	width: 760px;
	overflow: hidden;
	text-align:left;
}
                            .post {
                                clear:both;
                                padding-top: 10px;
                            }
                            .post-date {
                                width: 45px;
                                height: 49px;
                                float:left;
                            }
                            .post-month {
                                font-size: 11px;
                                text-transform: uppercase;
                                color: #FFFFFF;
                                text-align: center;
                                display:block;
                                line-height: 11px;
                                padding-top: 2px;
                                margin-left: -3px;
                            }
                            .post-day {
                                font-size: 18px;
                                text-transform: uppercase;
                                color: #999999;
                                text-align: center;
                                display:block;
                                line-height: 18px;
                                padding-top: 7px;
                                margin-left: -3px;
                            }
                            .post-title {
                                float: left;
                                margin-left: 10px;
                                width: 430px;
                            }
.entry {
	clear: both;
	padding-top: 10px;
}
                            .post-cat {
                                padding-left: 18px;
                                float:left;
                                font-size: 95%;
                                color: #999999;
                            }
                            .post-comments {
                                padding-left: 18px;
                                float: right;
                                font-size: 95%;
                            }
                            .post-calendar {
                                padding-left: 18px;
                                float: right;
                                font-size: 95%;
                                color: #999999;
                            }
                            .post-content {
                                clear: both;
                                padding-top: 10px;
                            }
                            .navigation {
                                clear: both;
                                padding: 10px 0px;
                            }
                            .navigation a, .navigation a:visited {
                                color: #333;
                            }
                            .previous-entries {
                                float: left;
                                padding-left: 18px;
                                background: url(images/mini-nav-left.gif) no-repeat left center;
                            }
                            .next-entries {
                                float: right;
                                padding-right: 18px;
                                background: url(images/mini-nav-right.gif) no-repeat right center;
                            }
                            #comments, #respond {
                                border-bottom: 1px dotted #CCCCCC;
                                padding-bottom: 5px;
                            }
                            .commentlist {
                                margin: 10px 0px;
                                padding-left: 20px;
                                line-height: 130%;
                            }
                            .commentlist li{
                                padding: 5px 10px;
                                position: relative;
                            }
                            .commentlist .avatar {
                                position: absolute;
                                top: 5px;
                                right: 5px;
                                border: solid 1px #ededed;
                                padding: 1px;
                                background: #fff;
                            }
                            .commentlist .alt {
                                background: #ccc;
                            }
                            .commentlist cite, .commentlist cite a, .commentlist cite a:visited {
                                font-weight: bold;
                                font-style: normal;
                                font-size: 120%;
                                color: #666;
                            }
                            .commentlist small {
                                margin-bottom: 5px;
                                display: block;
                                font-size: 87%;
                            }
                            #commentform {
                                margin-top: 10px;
                                font: 110% Arial, Helvetica, sans-serif;
                            }
                            #commentform p {
                                padding: 6px 0px;
                                margin: 0px;
                            }
                            #commentform label{
                                font-weight: bold;
                                color: #666666;
                                font-size: 100%;
                            }
                            #commentform input{
                                width: 153px;
                                background:#e5e5e5;
                                border: 1px solid #ccc;
                                padding: 3px;
                                margin-top: 3px;
                            }
                            #commentform textarea{
                                width: 478px;
                                height: 115px;
                                background:#e5e5e5;
                                border: 1px solid #ccc;
                                padding: 2px;
                                margin-top: 3px;
                            }
                            #commentform textarea:focus, #commentform input[type="text"]:focus {
                                background: #ffffff;
                            }
                            #commentform #submit{
                                background: url(images/btn-bg.gif) no-repeat;
                                font: bold 12px Arial, Helvetica, sans-serif;
                                color: #FFFFFF;
                                border: none;
                                float:right;
                                width: 144px;
                                height: 29px;
                            }
.ul-cat {
	list-style: none;
	margin:0px 0px 15px;
	padding:0px;
	border-bottom: 1px solid #ccc;
}
.ul-cat li{
	margin: 0px;
	padding: 2px 0px 2px 20px;
	border-top: 1px solid #ccc;
	background: url(images/mini-category.gif) no-repeat left center;
}
.ul-cat li a, .ul-cat li a:visited{
	color: #333;
	text-decoration: none;
}
.ul-cat li a:hover{
	color: #FF6600;
	text-decoration: none;
}
.ul-archives {
	list-style: none;
	margin:0px 0px 15px;
	padding:0px;
	border-bottom: 1px solid #ccc;
}
.ul-archives li{
	margin: 0px;
	padding: 2px 0px 2px 20px;
	border-top: 1px solid #ccc;
	background: url(images/mini-monthly-archive.gif) no-repeat left center;
}
.ul-archives li a, .ul-archives li a:visited{
	color: #333;
	text-decoration: none;
}
.ul-archives li a:hover{
	color: #333;
	text-decoration: none;
}
.home-box {
	width: 350px;
	height: 40px;
	padding: 10px;
	background-color: #f2f2f2;
	float:left;
	font-size: 110%;
}
.home-box table, .home-box table tr td {width:100%; vertical-align:top;}


.right-margin-5 {
	margin-right: 20px;
}
.rounded-corners {
    -moz-border-bottom-left-radius:20px 20px;
    -webkit-border-bottom-left-radius: 20px 20px;
    -khtml-border-bottom-left-radius: 20px 20px;
    border-bottom-left-radius:20px 20px;
    -moz-border-bottom-right-radius:20px 20px;
    -webkit-border-bottom-right-radius: 20px 20px;
    -khtml-border-bottom-right-radius: 20px 20px;
    border-bottom-left-radius:20px 20px;
}
#footer {
	clear: both;
	border-top: 1px solid #000;
    	text-transform: uppercase;
	text-align:left;
}
#footer a, #footer a:visited{
	color: #333;
	text-decoration:underline;
}
#footer .social {
    padding: 10px 20px 10px 20px;
    margin-top: 10px;
    background: url('images/footer-bg.png') left top repeat;
}
#footer .sell {
   	padding: 10px 20px 10px 20px;
    margin-top: 10px;
	 background: url('images/footer-bg2.png') left top repeat;
}
#footer h4 {
	margin: 10px 0px 5px;
}
.social-list {
    list-style: none;
    margin: 0px;
    padding: 0px;
    height: 40px;
}
.social-list h4 {
    float: left;
}
.social-list li{
    background: url(images/mini-footer-comments.gif) no-repeat;
    float: right;
    padding: 0px 0px 10px 10px;
}
                                        .recent-comments a{
                                            font-size: 105%;
                                            line-height: 130%;
                                            font-weight: bold;
                                        }
                                        .recent-posts {
                                            list-style: none;
                                            margin: 0px;
                                            padding: 0px;
                                            font-size: 92%;
                                            line-height: 110%;
                                        }
                                        .recent-posts li{
                                            background: url(images/mini-footer-post.gif) no-repeat;
                                            padding: 0px 0px 10px 20px;
                                        }
                                        .recent-posts a{
                                            font-size: 115%;
                                            line-height: 130%;
                                            font-weight: bold;
                                        }
.rss {
	background: url(images/mini-rss.gif) no-repeat left center;
	padding-left: 18px;
	padding-bottom: 2px;
	margin-left: 10px;
}
.left {
	float: left;
}
img.left, a img.left {
	float:left;
	margin: 4px 10px 5px 0px;
	border: 0px;
	padding: 3px;
	background: #FFFFFF;
}
a:hover img.left{
	border-color: #FF6600;
	background: #FF6600;
}
.right {
	float: right;
}
img.right, a img.right {
	float:left;
	margin: 4px 10px 5px 0px;
	border: 1px solid #bdd77f;
	padding: 3px;
	background: #FFFFFF;
}
a:hover img.right{
	border-color: #FF6600;
	background: #FF6600;
}
.clear {
	clear:both;
}
hr.clear {
	clear:both;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
}
img.img_border, a img.img_border {
	border: 1px solid #bdd77f;
	padding: 3px;
	background: #ffffff;
}
a:hover img.img_border{
	border-color: #FF6600;
	background: #FF6600;
}

.nostyletable {
	border:0px;
}
.fullwidth {width: 100%;}
.productstable table, .productstable table tr td th {width:100%; padding:0px; margin: 0px; vertical-align:text-top;}
td, th {vertical-align:text-top;}
.caps {text-transform:uppercase; font-weight:bold;}