/*
Theme Name: AVG
Author: Web Wizards
Description: Another quality web design by Web Wizards
Author URI: http://www.webwizards.com.au
Version: 1.0
*/

/* Font Face */

@font-face {
    font-family: "Calibri";
    src: url("fonts/Calibri.eot");
    src: url("fonts/Calibri.eot?#iefix") format("embedded-opentype"),
         url("fonts/Calibri.woff") format("woff"),
         url("fonts/Calibri.ttf") format("truetype"),
         url("fonts/Calibri.svg#Calibri") format("svg");
    font-weight: normal;
    font-style: normal;
}

/* =Reset
-------------------------------------------------------------- */

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
    color: #025083;
    width: 100%;
    border: 1px solid #025083;
}
caption,
th,
td {
    font-weight: normal;
    text-align: left;
    padding: 5px;
    line-height: 20px;
    border: 1px solid #025083;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}
.alignright {
	float: right;
	margin-left: 20px;
}
.alignleft {
	float: left;
	margin-right: 20px;
}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:focus {
	outline: thin dotted;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
strong {
	color: #ffe14f;
	text-shadow: 1px 1px 1px #333;
	letter-spacing: 1px;
	text-transform: uppercase;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin-bottom: 1.714285714rem;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}

/* Body */

body {
    font-family: "Calibri";
    width: 980px;
    margin: 0 auto;
}
#page {
    width: 980px;
    margin: 0 auto;
    background: url(mob-images/bg.jpg) repeat-y;
    position: relative;
}
a {
    text-decoration: none;
    color: #0e76bc;
}
a:hover {
    text-decoration: underline;
    color: #17a1d5;
}

#slider h2 {
  line-height: 42px;
  font-size: 44px;
  color: #fff;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.29);
  text-transform: uppercase;
}

#slider h3 {
  line-height: 36px;
  font-size: 34px;
  color: #02558a;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.29);
  text-transform: uppercase;
}

/* Header */

.home header#masthead {
    height: 530px;
    z-index: 2;
    position: relative;
}

header#masthead {
    background: url(mob-images/header.png) no-repeat;
    height: 184px;
    z-index: 2;
    position: relative;
}

.site-title {
    background: url(mob-images/logo.png) no-repeat;
    text-indent: -9999px;
    height: 120px;
    width: 225px;
    margin-left: 20px;
    float: left;
}

.phone-number {
    float: right;
    background: url(mob-images/phone.png) no-repeat;
    padding: 0px 30px 0px 70px;
    margin-top: 30px;
}
.phone-number a {
    font-size: 33.6px;
    color: #fff;
    text-shadow: 1px 1px 10px #555;
    line-height: 70px;
}

#latest-products {
    display: none !important;
}

/* Menu */

.main-navigation {
    float: right;
    width: 730px;
    margin-top: 30px;
    height: 50px;
    line-height: 60px;
}
.main-navigation ul li {
    display: inline-block;
    padding: 0px 7px 0px 3px;
    background: url(mob-images/divider.png) no-repeat right center;
}
.main-navigation ul li.menu-item-28 {
    background: none;
}
.main-navigation ul li a {
    font-size: 30px;
    color: #fff;
    line-height: 20px;
    text-transform: uppercase;
    text-decoration: none;
}
.main-navigation ul li a:hover, 
.main-navigation ul li.current_page_item a {
    color: #ffe14f;
    border-bottom: 5px solid #17a1d5;
    padding-bottom: 5px;
    text-shadow: 1px 1px 3px #363636;
}

/* Slider */

#slider {
    position: absolute;
    height: 530px;
    width: 100%;
    z-index: 1;
    background: url(mob-images/slider-bg.jpg) no-repeat;
}

/* Icons */

#icons {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}
#icons a {
    display: inline-block;
    width: 275px;
    height: 295px;
    position: relative;
    margin: 0px 0px 20px 0px;
}
#icons h2 {
    font-size: 28px;
    font-style: italic;
    position: absolute;
    width: 100%;
    bottom: 0px;
    top: 240px;
}
#icons .icons1 {
    background: url(mob-images/icons.png) no-repeat -160px top;
}
#icons .icons2 {
    background: url(mob-images/icons.png) no-repeat -445px top;
}
#icons .icons3 {
    background: url(mob-images/icons.png) no-repeat 4px -332px;   
}
#icons .icons4 {
    background: url(mob-images/icons.png) no-repeat -302px -332px;   
}
#icons .icons5 {
    background: url(mob-images/icons.png) no-repeat -602px -332px;
}

/* Content */

.home #content-home {
    background: url(mob-images/content-bg.png) no-repeat !important;
    min-height: 297px;
}
.page #content {
    background: none;
    min-height: 297px;
}
.content-side {
    display: none;
}
h1 {
    font-size: 52px;
    font-style: italic;
    color: #fff;
    text-shadow: 1px 1px 5px #000;
    text-align: center;
    padding-bottom: 25px;
    padding-top: 10px;
}
#content {
    position: relative;
}
.home .entry-content {
    width: 830px;
    margin: 0 auto;
    text-align: center;
}
p {
    font-size: 26px;
    line-height: 38px;
    margin-bottom: 20px;
}
#bottom-content {
    width: 100%
}

#bottom-content .video {
    float: left;
    width: 49%;
    text-align: center;
}
#bottom-content .products {
    float: right;
    width: 49%;
    text-align: center;
}
#bottom-content .links {
    width: 100%;
    height: 100px;
    padding-bottom: 30px;
    padding-top: 75px;
    text-align: center;
}
#bottom-content .links a {
    display: inline-block;
    width: 280px;
    padding: 0px 20px 0px 20px;
    text-align: center;
    height: 100px;
    font-size: 25.2px;
    font-style: italic;
    color: #0e76bc;
}
#bottom-content .range {
    background: url(mob-images/links.png) no-repeat 45px 35px;
}
#bottom-content .backflow {
    background: url(mob-images/links.png) no-repeat -283px 31px;
}
#bottom-content .price {
    background: url(mob-images/links.png) no-repeat -590px 31px;
}

/* Product Table Styles */

table.valveRating    {
	font: 12px Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-align: center;
	margin: 0 auto;
	margin-top: 20px;
    margin-bottom: 20px;
	}
	
table.valveRating th	{
	color: #000000;
	text-transform: uppercase;
	}
	
table.valveRating  td	{
	padding: 5px;
	border: 2px solid #ffffff;
	}

.orange td {
	background-color: #e2772c;
	}
	
.black td {
	background-color: #272525;
	}
	
.blue td {
	background-color: #00507f;
	}
	
.green td {
	background-color: #005333;
	}
	
.red td {
	background-color: #c53130;
	}
	
#right-prod-image	{
	margin: 20px 0 0 32px;
	}
    
#products-content li {
    background: url(images/point.png) no-repeat left center;
    padding-left: 35px;
    line-height: 23px;
    margin-left: 17px;
    color: #025083;
}
.page-template-default #content li {
    background: url(images/point.png) no-repeat left center;
    padding-left: 35px;
    line-height: 23px;
    margin-left: 17px;
    color: #025083;
}
.home #content-home li {
    padding-left: 0;
    margin-left: 0px;
}
.page-template-default #content {
    background: #fff;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px -3px 24px #6a8392;
    padding: 20px 35px 20px 85px;
    width: 860px;;
    min-height: 500px;
    margin-right: 40px;
    margin-bottom: 30px;
}
/* Products */
.pdf h4 {
    float: left;
    font-size: 18px;
    font-style: italic;
    clear: none;
    line-height: 42px;
    background: url("images/pdf.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding-left: 40px;
    margin-bottom: 5px;
}
.product-lines {
    display: none;
}

.product-lines .textwidget {
    display: none;
}
#main {
    margin-top: 45px;
}
#category-title {
	position: absolute;
	top: 9px;
	left: 358px;
    right: 232px;
	z-index: 10;
	line-height: 24px;
	padding: 0 10px;
	text-align: center;
	font-style: italic;
	color: #025083;
	font-weight: bold;
	font-size: 20px;
}

#products {
    width: 755px;
    height: 296px;
    overflow: hidden;
    margin: 0 auto;
    background: url(mob-images/products-bg-mobile.png) center top;
    padding-left: 10px;
    margin-right: 39px;
    padding-right: 35px;
    padding-top: 48px;
}
#products ul {
    height: 258px;
	overflow: auto;
    padding-top: 13px;
}
#products h5 {
    font-size: 17.55px;
    font-style: italic;
    text-align: center;
}
#products img {
    border-radius: 10px;
    border: 1px solid;
    height: 100px;
    width: 100px;
}
#products a, #products h5 {
    opacity: 0.4;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}
#products p {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
    font-size: 17.55px;
    line-height: 17px;
}
#products a:hover,
#products a:hover h5,
#products a.active h5,
#products a.active {
    opacity: 1;
}
#products li {
    display: inline-block;
    width: 143px;
    margin-top: 1px;
    height: 126px;
    overflow: hidden;
    text-align: center;
    font-size: 17.55px;
}
#products-content h1 {
    color: #ffe14f;
    text-shadow: 1px 1px 1px #aaa;
    font-size: 50px;
    font-style: italic;
    margin-bottom: 22px;
}
#products-content {
    background: #fff;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px -3px 24px #6a8392;
    padding: 20px 35px 20px 85px;
    width: 585px;
    min-height: 500px;
    float: right;
    margin-right: 40px;
    margin-bottom: 30px;
}
p {
    color: #025083;
    font-size: 22px;
}
#products-content img {
    float: right;
}
#products-content h3 {
    font-size: 27px;
    font-style: italic;
    color: #025083;
    margin-bottom: 16px;
    margin-top: 16px;
    clear: left;
}
#products-sidebar {
    width: 235px;
    background: #025b95;
    height: 785px;
    z-index: 2;
    position: relative;
    top: -20px;
    border-radius: 10px;
    margin-left: 40px;
    box-shadow: 0px 0px 10px #6a8392;
    padding-top: 20px;
}
#latest-products {
    display: none;
}

#products-sidebar a {
    clear: none;
    bottom: 0px;
    padding-bottom: 60px;
    height: 131px;
    width: 145px;
    margin: 0 auto 4px;
    position: relative;
    font-size: 16px;
    font-style: italic;
    text-align: center;
    color: #aeaeae;
	display: block;
    cursor: pointer;
}
#products-sidebar a:hover, #products-sidebar a.active {
    color: #fff;
}
#products-sidebar a:hover .arrow, #products-sidebar a.active .arrow {
    background: url(images/products-hover.png) no-repeat;
    height: 191px;
    width: 201px;
    position: absolute;
    top: -24px;
    right: -79px;
    z-index: -1;
}
#products-sidebar a span {
    position: absolute;
    bottom: 16px;
    left: 0px;
    right: 0px;
}

.pdf img {
    float: left !important;
    margin-left: 0px !important;
}
.pdf h4 {
    float: left;
    font-size: 18px;
    font-style: italic;
    clear: none;
    line-height: 42px;
}
.pdf {
    width: 227px;
    display: block;
    margin: 0 auto;
    margin-top: 40px;
}
a.term-heating-control-valves {
    background: url(images/cat-icons1.png) no-repeat scroll center 4px transparent;;
}

a.term-quickie-kits {
    background: url(images/cat-icons1.png) no-repeat scroll center -183px transparent;
}

a.term-solar-valves {
    background: url(images/cat-icons1.png) no-repeat scroll center -366px transparent;
}

a.term-backflow-prevention {
    background: url(images/cat-icons1.png) no-repeat scroll center -559px transparent;
}

a.term-isolation-valve-products {
    background: url(images/cat-icons1.png) no-repeat scroll center -747px transparent;
}

/* Hover */
a.term-heating-control-valves:hover, a.term-heating-control-valves.active {
    background: url(images/cat-icons-hover.png) no-repeat scroll center 4px transparent;;
}

a.term-quickie-kits:hover, a.term-quickie-kits.active {
    background: url(images/cat-icons-hover.png) no-repeat scroll center -183px transparent;
}

a.term-solar-valves:hover, a.term-solar-valves.active {
    background: url(images/cat-icons-hover.png) no-repeat scroll center -366px transparent;
}

a.term-backflow-prevention:hover, a.term-backflow-prevention.active {
    background: url(images/cat-icons-hover.png) no-repeat scroll center -559px transparent;
}

a.term-isolation-valve-products:hover, a.term-isolation-valve-products.active {
    background: url(images/cat-icons-hover.png) no-repeat scroll center -747px transparent;
}
/* Footer */

footer#colophon {
    background: url(mob-images/footer.png) no-repeat scroll 0 0 transparent;
    height: 120px;
}
.site-info {
    padding-top: 85px;
    padding-left: 40px;
    padding-right: 40px;
    height: 35px;
}
.site-info p {
    color: #fff;
    font-size: 16px;
    width: 630px;
    float: left;
    line-height: 34px;
    margin-bottom: 0px;
}
.site-info a {
    color: #fff;
}
.site-info a:hover {
    color: #fff;
}
.site-info span {
    float: right;
}

/* Media Queries */
@media screen and (min-width: 981px) {

    body {
        width: 100%;
        font-size: 14px;
    }
    #page {
        width: 100%;
        background: url(mob-images/bg.jpg) repeat;
    }
    a {
     color: #0e76bc;
    }
    a:hover {
        color: #0e76bc;
        text-decoration: underline;
    }
    h2 {
        color: #0e76bc;
        font-size: 18px;
        font-style: italic;
        padding-bottom: 10px;
    }
    h3 {
        color: #0e76bc;
        font-size: 14px;
        font-style: italic;
    }
    h5 {
        line-height: 20px;
    }
    
    /* Header */
    
    .home header#masthead {
    
    }
    
    header#masthead {
        background: url(images/header.png) no-repeat center top;
    }
    
    hgroup {
        width: 1000px;
        margin: 0 auto;
        position: relative;
    }
    
    .site-title {
    
    }
    
    .phone-number {
        position: absolute;
        margin-top: 0px;
        right: 0;
        background: none;
    }
    .phone-number a {
        font-size: 28.6px;
        line-height: 43px;
        background: url(images/phone2.png) no-repeat left 8px;
        padding-left: 30px;
    }
     .phone-number a:hover {
         color: #fff;
     }
    
    /* Menu */
    
    .main-navigation {
        margin-top: 45px;
    }
    .main-navigation ul li {
        padding: 0px 41px 0px 35px;
    }
    .main-navigation ul li.menu-item-28 {
    
    }
    .main-navigation ul li a {
        font-size: 16px;
    
    }
    .main-navigation ul li a:hover, 
    .main-navigation ul li.current_page_item a {
        border-bottom: 3px solid #17a1d5;
    }
    input, textarea {
		padding: 10px;
		width: 315px;
		margin-bottom: 10px;
	}
	input[type="submit"] {
		width: 80px;
		cursor: pointer;
	}

    
    /* Slider */
    
    #slider {
    
    }
    
    /* Icons */
    
    #icons a {
        width: 184px;
        height: 165px;
    }
    #icons h2 {
        font-size: 18px;
        top: 171px;
    }
    #icons .icons1 {
        background: url(images/icons.png) no-repeat 0 0 transparent;
    }
    #icons .icons2 {
        background: url(images/icons.png) no-repeat -179px 0 transparent;
    }
    #icons .icons3 {
        background: url(images/icons.png) no-repeat -358px 0 transparent;   
    }
    #icons .icons4 {
        background: url(images/icons.png) no-repeat -537px 0 transparent;   
    }
    #icons .icons5 {
        background: url(images/icons.png) no-repeat -716px 0 transparent;
    }
    #icons .icons1:hover {
        background-position: 0 -160px;
    }
    #icons .icons2:hover {
        background-position: -179px -159px;
    }
    #icons .icons3:hover {
        background-position: -356px -160px;
    }
    #icons .icons4:hover {
        background-position: -535px -160px;
    }
    #icons .icons5:hover {
        background-position: -716px -160px;
    }
    #icons div.clear {
        display: none;
    }
    
    /* Content */
    
    .home #content-home {
        background: url(images/content-bg.png) no-repeat center top !important;
        width: 100% !important;
    }
    .page #content,
	.tax-avg_categories #content ,
	.single-avg_products #content {
        width: 980px;
        margin: 0 auto;
		position: relative;
    }
    .content-side {
        display: inline-block;
        width: 355px;
        float: right;
    }
    h1.entry-title {
        font-size: 40px;
        padding-top: 25px;
    }
    .home .entry-content {
        width: 555px;
        float: left;
        margin-left: 30px;
    }
    .article {
        width: 954px;
        margin: 0 auto;
    }
    p {
        font-size: 14px;
        line-height: 32px;
        margin-bottom: 10px;
    }
    .readmore {
        font-style: italic;
        font-size: 16px;
        float: right;
        font-weight: bold;
    }
    #bottom-content {
        margin: 0 auto;
        width: 970px;
    }
    
    #bottom-content .video {
        display: none;
    }
    #bottom-content .products {
        display: none;
    }   
    #bottom-content .links {
        padding-top: 22px;
    }
    #bottom-content .links a {
        font-size: 18.48px;
    }
    #bottom-content .range {
    
    }
    #bottom-content .backflow {
    
    }
    #bottom-content .price {
    
    }
    .content-side aside {
        padding-bottom: 31px;
        text-align: center;
    }
    #latest-products {
        display: inline-block;
        width: 295px;
        padding: 0px 30px 0px 30px;
    }
    #latest-products p {
        color: #000;
        line-height: 22px;
        padding-bottom: 10px;
    }
    #latest-products img {
        float: right;
        border: 5px solid #0e76bc;
    }
    #latest-products span {
        float: left;
        width: 135px;
    }
    
    /* Products */
    
    .product-lines {
        width: 980px;
        height: 270px;
        margin: 0 auto;
        position: absolute;
        background: url(images/products-wave.png) center center no-repeat;
        z-index: 0;
    }

    .product-lines .textwidget {
        font-size: 14px;
        font-style: italic;
        color: #0e76bc;
        font-weight: bold;
        display: inline-block;
        margin-top: 83px;
        margin-left: 34px;
        line-height: 18px;
    }
    
    #main {
        margin-top: 0px;
    }
    
    #category-title {
        left: 356px;
        right: 315px;
        background: #fff;
        width: 240px;
        margin: 0 auto;
        height: 37px;
        border-radius: 10px 10px 0px 0px;
        box-shadow: 0px 0px 15px #6D8DA2;
        padding-top: 10px;
        font-size: 23px;
        margin-top: 18px;
        position: static;
    }
    
    #products .hover {
        margin-top: -40px;
        margin-left: 35px;
        width: 160px;
        font-size: 12px;
        position: absolute;
        background: #fff;
        box-shadow: 0px 0px 10px #000;
        padding: 7px;
        opacity: 0;
        z-index: 1;
        transition: opacity 1s ease-in-out;
        -webkit-transition: opacity 1s ease-in-out;
        -moz-transition: opacity 1s ease-in-out;
        -o-transition: opacity 1s ease-in-out;
        -ms-transition: opacity 1s ease-in-out;
        color: #025083;
        pointer-events: none;
    }
    
    #products li:hover .hover {
        opacity: 1;
    }
    
    #products {
        width: 880px;
        margin-right: 35px;
        background: #fff;
        z-index: 1;
        height: 240px;
        padding-right: 21px;
        box-shadow: 0px 0px 15px #6D8DA2;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        padding-bottom: 23px;
    }
    #products span {
        content: '';
        pointer-events:none;
        z-index: 1;
        position: absolute;
        height: 31px;
        width: 30px;
        overflow:hidden;
        right:-30px;
        top:0;
    }
    #products span:after {
        content: '';
        z-index: 1;
        position: absolute;
        margin-left: -10px;
        margin-top: -12px;
        height: 36px;
        width: 30px;
        background: transparent;
        border: solid 10px white;
        border-bottom-left-radius: 30px;
    }
    #products p {
        line-height: 16px;
        margin-bottom: 2px;
        font-size: 15px;
    }
    #products h5 {
    
    }
    #products img {
        width: 85px;
        height: 85px;
    }
    #products a {
		-webkit-backface-visibility: hidden;
    }
    #products a:hover {
    
    }
    #products li {
        display: inline-block;
        width: 121px;
        text-align: center;
        margin-top: 1px;
        height: 110px;
        overflow: hidden;
    }
    #products ul {
        height: 228px;
        padding-top: 0px;
    }
    
    #products-content {
        padding: 20px 30px 20px 30px;
        width: 720px;
        margin-right: 20px;
        position: relative;
        z-index: 2;
        min-height: 940px;
    }
    p {
        font-size: 14px;
        line-height: 23px;
    }
    #products-content img {
        margin-left: 45px;
    }
    #products-content h3 {
    
    }
    #products-sidebar {
        width: 167px;
        /* height: 1184px; */
        margin-left: 20px;
    }
    #products-sidebar a:hover .arrow, #products-sidebar a.active .arrow {
        right: -45px;
    }
    .page-template-default #content {
        padding: 20px 30px 20px 30px;
        width: 920px;
    }
    
    /* Footer */
    
    footer#colophon {
        background: url(images/footer.png) no-repeat center top;
    }
    .site-info {
        width: 980px;
        margin: 0 auto;
    }
    .site-info p {
        font-size: 12px;
    }
}