body {background:#fff; font-size:76%; font-family:"trebuchet MS", verdana, arial, sans-serif; margin:5px 0px 0px 0px;}

a {border:0; text-decoration:none; color:#247290;}
a:visited {border:0; text-decoration:none; color:#247290;}
a:hover {color:#065e81; border-right:0px solid #000;}
img {border:0; text-decoration:none;}
a:link {outline:none;}
a:active {outline:none;}
a:visited {outline:none;}
a:hover {outline:none;}

strong {font-weight:900; font-size:1.08em;}

/*form*/
button.sendit {margin-right:10px; width:103px; height:40px; background:url(./images/contact.png) no-repeat; cursor:pointer;}
button {border:0px;}

fieldset.big {padding:20px 40px;}
/*form end*/

#call-to-action {margin-top:20px;}
#call-to-action h4 {line-height:1.1em; color:#008eca; font-weight:100; float:left; font-size:2.4em; clear:right; margin:0; text-align:left; padding:20px 0px 40px 0px;}
#call-to-action h5 {color:#066083; font-weight:100; float:left; font-size:1.5em; clear:right; margin:0; text-align:left; padding-bottom:0px;}
#call-to-action img {float:left; padding-right:0px;}
#call-to-action img.girl {float:left; padding-right:40px;}
.cta-holder {float:left; clear:right; padding:4px;}
.cta-detail {float:left; text-align:left; margin-top:3px; padding:10px 0px 10px 9px; width:280px;}
.cta-detail h4 {padding:0; margin:0; font-size:22px; width:100%; font-weight:900; color:#076083;}

#c {font-size:1.3em; font-weight:100;}
#c .tel {width:150px; display:inline;}

fieldset {margin:0; padding:0 0 40px 0; border:0; font-size:1.2em; color:#247290;}
textarea {background-color:#fff; overflow:auto; color:#247290; margin-bottom:20px; }
input {background-color:#fff; color:#247290; margin-bottom:8px;}

hr {margin:18px 2px 12px 2px; padding:0; color:#008eca; height:0px; border-top:1px solid #008eca; clear:both;}

.width {width:960px; margin:0 auto; background:transparent; padding:0;}

#headerfull {width:100%; background:transparent; color:#076083; position:relative;}
#header {width:100%; position:relative; padding:0px 0px;}
#header img {float:left; padding:10px 0px 0px 0px;}

#info {float:right; width:64%; padding:0; margin:10px 0 0 0; background:transparent; color:#fff;}
#head-map {border-right:1px solid #000; float:left; margin-top:10px; padding:4px 10px 0px 0px; height:72px; width:180px; background:#fff url('./images/HEADER-MAP-deionized-water-suppliers.jpg') no-repeat;}
#info img {padding:0; margin:0; float:right;}
#info img a {height:52px; width:52px; text-decoration:none; display:block;}
#info h4 {padding:0px 36px 0px 0px; margin:2px 0px; float:right; clear:right; line-height:36px; text-align:right;}
.contact {float:right; margin:10px 0px;}
.phone {font-size:2.4em; font-weight:100; background:#fff url('./images/icons/HEADER-PHONE-ICON-ro-water-for-sale.jpg') no-repeat right; color:#008eca;}
.email {font-size:2.5em; font-weight:100; background:#fff url('./images/icons/HEADER-EMAIL-ICON-autoclave-water-suppliers.jpg') no-repeat right; color:#103869;}


#head-links {
	margin:12px 2px 0 0;
	padding:0;
	display: inline;
	border: none;
	color: #000;
	float:right;
	text-align:right;
	}
	
#head-links li {
	margin-left: 0;
	padding:0px 10px 0px 2px;
	border: none;
	list-style: none;
	display: inline;
	}
#head-links li a {color:#103869; font-size:1.5em; letter-spacing:-0.10em; font-weight:100;}
#head-links li a:hover {text-decoration:underline;}

#head-links li.contact-button a {color:#fff;}
#head-links li.contact-button {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   padding: 10px 17px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   color:#fff;
   text-decoration: none;
   vertical-align: middle;
   }

#holder {height:88px; clear:both;}
#menu {padding:0; margin:0 -3px 0 0; float:right; list-style:none; height:77px; background:transparent; font-size:1.4em; font-weight:100;}
#menu li {float:left; padding-top:0px; margin-right:-8px;}
#menu li a {display:block; height:77px; line-height:40px; padding:0 28px 0 0; float:left; color:#fff; text-decoration:none;}
#menu li a b {display:block; height:77px; float:left; padding:1em 0 1px 17px; cursor:pointer;}

#menu li a:hover {background:url('./images/menu/trans-btn-a.png') no-repeat right top; line-height:36px; color:#076083;}
#menu li a:hover b {background:url('./images/menu/trans-btn-b.png') no-repeat left top; line-height:36px; color:#076083;}
.current a {background:url('./images/menu/trans-btn-a.png') no-repeat right top; line-height:36px; color:#076083;}
.current a b {background:url('./images/menu/trans-btn-b.png') no-repeat left top; line-height:36px; color:#076083;}
.active a {background:url('./images/menu/trans-btn-a.png') no-repeat right top; line-height:36px; color:#076083;}
.active a b {background:url('./images/menu/trans-btn-b.png') no-repeat left top; line-height:36px; color:#076083;}

#darkmid {width:100%; height:100%; color:#076083; position:relative; border-bottom:3px; border-color:#fff;
background-image: linear-gradient(top, rgb(16,56,105) 0%, rgb(0,141,202) 80%);
background-image: -o-linear-gradient(top, rgb(16,56,105) 0%, rgb(0,141,202) 80%);
background-image: -moz-linear-gradient(top, rgb(16,56,105) 0%, rgb(0,141,202) 80%);
background-image: -webkit-linear-gradient(top, rgb(16,56,105) 0%, rgb(0,141,202) 80%);
background-image: -ms-linear-gradient(top, rgb(16,56,105) 0%, rgb(0,141,202) 80%);

background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, rgb(16,56,105)),
	color-stop(0.8, rgb(0,141,202))
);
 filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#103869', endColorstr='#1d84b1'); /* IE6 & IE7 */

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#103869', endColorstr='#1d84b1')"; /* IE8 */

}

#darkmidcontent {border-radius: 5px 5px 0 0;clear:both; width:100%; position:relative; background:#fff; padding:0px 3px;}
#darkmidcontent h1 {font-size:3.8em; color:#103869; font-weight:900; margin:0; padding:10px 10px 4px 10px; letter-spacing:-0.07em;}
#darkmidcontent h2 {font-size:3em; color:#008eca; margin:0px 10px 20px 10px; font-weight:900; line-height:1em;}
#darkmidcontent p {background:url('./images/bg/SUB-HEADER-BKG-PATTERN-purified-water-ep-bp.jpg') repeat; font-size:1.8em; padding:5px 10px 35px 10px; margin:0px; font-weight:100; color:#fff;}

#colstrim {width:100%; height:10px; margin-top:-10px; background:transparent url('./images/bg/HEADER-BORDER-PATTERN-TRANSPARENT-WAVE-bottled-demineralised-water-suppliers.png') repeat-x; clear:both; position:relative;}
#colsfull {width:100%; height:100%; background:#fff; color:#076083; position:relative; top:-1px; clear:both;}
#colsholder {width:100%; background:url('./images/backgrounds/transparent-bkg.png') repeat; padding:6px 0px 30px 0px; margin:0px;}
#colsholder  p {margin:10px; font-size:1.3em; color:#333;}
#colsholder  h2{margin:15px 0px 5px 11px; padding-left:20px; letter-spacing:-0.06em; font-size:2.1em; font-weight:100; color:#076083; background:url('./images/bullet.jpg') no-repeat left; text-align:left; width:90%;}
#colsholder a {margin:10px; font-size:1.3em; color:#076083;}

.colone, .coltwo {float:left; padding:0px; width:320px; border:0px #000 dotted;}
.colthree {float:right; padding:0px; width:320px; border:0px #000 dotted;}
.pad  {width:30px; height:200px; background:url('./images/arrow-divider.png') no-repeat center center; float:left; padding:0px; border:0px #000 dotted;}

.shadow {width:100%; height:5px; background:transparent url('./images/shadow-effect.jpg') repeat-x; padding:0; margin:0;}
#contentfull {width:100%; height:100%; background:transparent; position:relative; clear:both;}
#content {width:100%; height:100%; position:relative;}

#box-wrap {clear:both;}
.boxone {border:2px #008eca solid; width:286px;margin:15px; position:relative; font-weight:100; float:left;}
#boxone, #boxtwo, #boxthree {border:2px #008eca solid; width:286px;margin:15px; position:relative; font-weight:100;}
#boxone, #boxtwo {float:left;}
#boxthree {float:right;}

.product-image { border:1px solid #CCC; border-radius:3px;padding:5px}
.product-image-box {max-width:260px;}

/*
.product {background-color:#247290; width:200px; height:4.5em; float:left; text-align:center;}
.product h3 {color:#fff; margin:0; padding:0.3em 0px 0.3em 0px; font-weight:100; font-size:2.4em;}

.price {background-color:#076083; width:86px; height:4.5em; float:right; text-align:center;}
.price h3 {color:#fff; margin:0; padding:0.3em 0px 0.3em 0px; font-weight:100; font-size:2.4em;}
*/

.details {background:url('./images/bg/SUB-HEADER-BKG-PATTERN-purified-water-ep-bp.jpg') repeat; width:100%; clear:both; text-align:center;}
.details h2 {color:#fff; margin:0; padding:0.5em 0px 0.5em 0px; font-weight:100; font-size:2em; position:relative; clear:both;}



.product-img {background:#fff; width:279px; height:100%; text-align:right; font-size:14px;}
.product-img a {text-decoration:underline; font-size:1.2em;}

.product-foot {padding:12px; background:url('./images/bg/SUB-HEADER-BKG-PATTERN-purified-water-ep-bp.jpg') repeat; position:relative; font-weight:100;}
.vol, .price {color:#fff; font-size:2.1em; margin:0; font-weight:500;}
.vol {float:left;}
.price {float:right;}
.price span {font-size:0.5em; vertical-align:top;}

.blue {background-color:#d4e7ee; width:610px; height:100%; padding-left:10px; margin-bottom:10px; padding-bottom:10px;}

#content .col-one {width:610px; float:left; margin:15px; clear:left;}
#content .col-one h2 {color:#076084; font-size:2em; padding:30px 25px 0px 0px; margin:0; font-weight:100;}
#content .col-one p {color:#333; font-size:1.3em; padding:0px 25px 15px 0px; margin:0; font-weight:100;}

#content .col-two {width:286px; float:right; margin:15px;}
#content .col-two h1 {color:#076084; font-size:2.7em; font-weight:100; text-align:right; padding:5px;}
#content .col-two p {color:#333; font-size:1.3em; padding:0px 5px 5px 5px; margin:0; font-weight:100;}
#content .right-img {padding:50px 5px 5px 20px;}

.clinks {list-style-image: url(./images/bullet-sm.jpg); list-style-position:inside; font-size:1.5em; color:#247290;}
.clinks li {font-size:1em;}

#foot-trim {z-index:999; margin-top:-1px; width:100%; height:10px; margin-bottom:-9px; background:transparent url('./images/bg/FOOTER-BORDER-PATTERN-TRANSPARENT-WAVE-bottled-demineralised-water-suppliers.png') repeat-x; clear:both; position:relative;}


#footerfull {width:100%; position:relative; clear:both;
background-image: linear-gradient(top, rgb(16,56,105) 0%, rgb(0,141,202) 80%);
background-image: -o-linear-gradient(top, rgb(16,56,105) 0%, rgb(0,141,202) 80%);
background-image: -moz-linear-gradient(top, rgb(16,56,105) 0%, rgb(0,141,202) 80%);
background-image: -webkit-linear-gradient(top, rgb(16,56,105) 0%, rgb(0,141,202) 80%);
background-image: -ms-linear-gradient(top, rgb(16,56,105) 0%, rgb(0,141,202) 80%);

background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, rgb(16,56,105)),
	color-stop(0.8, rgb(0,141,202))
);
 filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#103869', endColorstr='#1d84b1'); /* IE6 & IE7 */

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#103869', endColorstr='#1d84b1')"; /* IE8 */

}

#footer {width:100%; height:100%; background:transparent; color:#fff; padding:15px 0 0 0; position:relative;}
#footer h3 {margin:8px 0 5px 0; padding:0; font-size:1.6em; font-weight:900; color:#fff;}
#footer .col-one {font-size:1.1em; float:left; width:270px; margin:20px 35px 0 20px;}
#footer .col-two {font-size:1.1em; float:left; width:270px; margin:20px 35px 0 0;}
#ro {font-size:1.3em;}
#qlinks {float:right; width:270px; height:100%; margin:20px 40px 0 0; font-size:1.3em;}
#blu {background:#267aa9; height:100%; width:100%; padding:1px 0 14px 18px;}
#links {width:80%; list-style-type:none; margin:0; padding:0;}
#qlinks a {text-decoration:none; color:#fff; width:100%; display:block; font-weight:100; font-size:1.1em; margin:0 0 2px 0;}
#qlinks a:hover{color:#003366;}
.blank {color:#003366;}

#footer-link {border-radius: 5px 5px 0 0; width:100%; text-align:left; padding-top:20px; position:relative; clear:both; background:#fff;}
#cc-holder {width:100%; height:100%; float:right; text-align:right; position:relative;}
#footer-link .text { padding:15px 30px;}
#footer-link h4 {color:#0c0c0c; margin:0px; font-size:1.3em; font-weight:100;}
#footer-link h4 span {color:#076084;}
#footer-link p{margin-top: 0;float: right; }
#footer-link p a.dk {
    background: url(./images/dk.png) no-repeat scroll left center rgba(0, 0, 0, 0);
    color:#076084;
    display: inline-block;
    line-height: 30px;
    margin: 0 0 0 7px;
    padding: 0 0 0 25px;
    text-decoration: none;
}
#footer-link a.dk:hover{color: #10396B}

/*water php edits by ross - water order section*/

.order {float:right; text-align:left; width:300px; clear:right; margin-bottom:10px;}
#content .order a {font-size:1.3em; clear:both; text-decoration:underline; padding-right:60px;}
#content .order a img {margin-top:15px;}
#content .order h4 {clear:none; color:#000; font-weight:900; padding:0 0 1em 0; margin:-15px 0 0 0; font-size:1.3em; z-index:200; overflow:visible;}
#content .order h3 {color:#333; font-size:2em; font-weight:100;}
#content .left-img {float:left;} 
#content .col-one h2 {clear:both;}
#content .col-one h3 {color:#076084; font-size:2.2em; font-weight:100; margin:0; padding:0;}
#content .clear a {font-size:1.3em; text-decoration:underline; float:left; margin-top:5px; padding:0 1em;}

.right-blue {width:266px; height:100%; background:#d4e7ee; padding:12px; margin:30px 0px 20px 0px;}
.right {width:266px; height:100%; padding:12px; margin:0px 0px 30px 0px;}

#content .col-two h2 {color:#076084; font-size:2em; font-weight:100; text-align:left; font-weight:100; padding:0px 5px; margin:0;}

#content h3.testi {padding:0 0 0 50px; background:transparent url(./images/bg/HP-CONTENT-TESTIMONIAL-SPEACHMARKS-highly-purified-water-ep-bp-testimonials.gif) center left no-repeat;}

.order-button {
background-color:#f6b33d;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
border:1px solid #eda933;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:15px 18px;
text-decoration:none;
}
.order-button:hover {
background-color:#d29105;
border:1px solid #eda933;
color:#ffffff;
}

.prices-button {
background-color:#1588ae;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
border:1px solid #1588ae;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:15px 18px;
text-decoration:none;
}
.prices-button:hover {
background-color:#0c355c;
border:1px solid #1588ae;
color:#ffffff;
}

.order-button:active, .prices-button:active {
position:relative;
top:1px;
}
.order-button, .prices-button {margin-right:0;}
.order-button:visited, .prices-button:visited {color:#fff;}

/* products pages */
.product-container {margin-top:40px; padding:0px 15px;}
.product-details-holder {float:right; width:50%;}
#content .product-details-holder h3 {font-size:1.4em; color:#0c0c0c; margin-bottom:20px;}
#content .product-details-holder p {margin:0; padding:0;}
#content .product-details-holder p  span {float:right; padding-right:30px;}
.product-details-holder a.order-button {float:right; margin-top:50px; margin-right:0px; margin-bottom: 15px;}


/* unsorted */

.col-two #footer h3 {color:#fff;}
.col-two h3 {padding-left:20px; color:#076084; font-size:1.8em; font-weight:100; margin:0;}
.col-two ul li {list-style-type:none; font-size:1.4em; padding:2px;}


.colthree img {margin:24px 0px 0px 24px;}


/* ECOM */

/* minicart */
#msMiniCart .not_empty {display:none;}
#msMiniCart .full .not_empty {display:block;}
#msMiniCart .empty {display:block;}
#msMiniCart .full .empty {display:none;}

#msMiniCart h5 {display:inline; padding-right:25px;}

.cart-icon {
    background:url("./images/ecom/add-to-cart-icon.png") no-repeat; 
    padding-left: 50px; 
    line-height: 1.5em;
    font-size: 2.2em;
    font-weight: 100;
    margin:0;
}

#pk-minicart p {font-size:16px; margin:5px 0; line-height:1em;}
#pk-minicart .smush {margin:5px 0 0 0;}
#pk-minicart {
    border-top: 5px solid rgb(0, 141, 202);
    background: rgba(0, 140, 201, 0.7);
    padding: 15px 22px 10px 22px;
    display: block;
    position: fixed;
    bottom: 0;
    right: 0;
    color: #fff;
    text-align:right;
    z-index:9999;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

#pk-minicart:hover {background: rgb(0, 141, 202);}

#pk-minicart .blue-text {color: rgb(16, 57, 106);}


/* products to buy */

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

.ms2_product {display:block; width:100%; float:left; margin:20px 0 50px 0;}
.ms2_product a {display:block;}
.ms2_product small {font-size:0.5em;}

.shop-product-header {
    background:rgb(0, 141, 202);
    padding: 10px 20px;
    font-size: 1.8em;
    border-left:1px solid rgb(0, 141, 202);
}
.shop-product-header a {
    color:#fff;
}
.shop-product-box {border-left:1px solid #bbb; float:left;}
.shop-product-left {width:40%;}
.shop-product-right {width:60%;text-align:right;}

.product-count {
    width: 18%;
    line-height: 34px;
    text-align: right;
    margin-left: 10px;
}

.discount-range p {
    padding-bottom:0!important; 
    padding-right:20px!important;
    text-align:center;
}
.discount-range span {
    float:right;
}
.discount-range {
    padding:20px 0 20px 0;
}

.shop-product-footer {
    float: right;
    width: 100%;
    text-align: right;
    margin-top:16px;
}

/*from MS2 default*/


#msCart th, #msCart td {text-align:center; line-height: 30px;}
#msCart .title {text-align:left;}
#msCart th.total {text-align:right; padding-right:5px;}
.js #msCart [type="submit"][value="cart/change"] {display: none;}

#msMiniCart {font-size: .8em;}
#msMiniCart h5 {margin: 0;}
#msMiniCart .empty {display:block;}
#msMiniCart .not_empty {display: none;}
#msMiniCart.full .empty {display:none;}
#msMiniCart.full .not_empty {display: block;}

#msGallery {text-align: center;}
#msGallery #mainImage {margin-bottom: 10px; padding: 2px; border: 1px solid #ddd;}
#msGallery .thumbnails {width: 405px; margin:auto;}
#msGallery .span2 {margin-left: 10px; width: 120px; padding: 2px;}

#msOrder .error {border: 1px solid brown !important;}
#msOrder .required-star {color: brown;}

.ms2_product .price {
    padding-left: 50px;
	padding-right: 30px;
}
.ms2_product .old_price {padding-right: 30px;}
.ms2_product .tags, .ms2_product .color, .ms2_product .size  {
	padding-right: 20px;
	font-size: 0.9em;
}

.ms2_product .old_price, #msProduct .old_price, #msCart .old_price {
	color: brown;
	font-style: italic;
	text-decoration: line-through;
}

.msProductsLog, .msGalleryLog {
	width: 100%;
	overflow: auto;
	word-wrap: normal;
	white-space: pre;
}

#msOrder {margin-top:50px;}
#msOrder .radio {min-height: 30px;margin-bottom: 10px;}
#msOrder .radio img {max-height:30px;margin-top:-2px;padding: 0 10px;}
#msOrder .required-star {display: none;}
#msOrder .required .required-star {display: inline;}

.ms2-message-success  {background-color: green !important;}
.ms2-message-error  {background-color: brown !important;}
.ms2-message-info  {background-color: black !important;}

.form-group .input-sm {width: 50%;}



/*growl*/


div.jGrowl {
    z-index: 			9999;
	color: 				#fff;
	font-size: 			12px;
}

/** Special IE6 Style Positioning **/
div.ie6 {
	position: 			absolute;
}

div.ie6.top-right {
	right: 				auto;
	bottom: 			auto;
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.top-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-right {
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.center {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 				100%;
}

/** Normal Style Positions **/
div.jGrowl {
	position:			absolute;
}

body > div.jGrowl {
	position:			fixed;
}

div.jGrowl.top-left {
	left: 				0px;
	top: 				0px;
}

div.jGrowl.top-right {
	right: 				0px;
	top: 				0px;
}

div.jGrowl.bottom-left {
	left: 				0px;
	bottom:				0px;
}

div.jGrowl.bottom-right {
	right: 				0px;
	bottom: 			0px;
}

div.jGrowl.center {
	top: 				0px;
	width: 				50%;
	left: 				25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
	margin-left: 		auto;
	margin-right: 		auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	background-color: 		#000;
	opacity: 				.85;
	-ms-filter: 			"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; 
	filter: 				progid:DXImageTransform.Microsoft.Alpha(Opacity=85); 
	zoom: 					1;
	width: 					235px;
	padding: 				10px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				1em;
	text-align: 			left;
	display: 				none;
	-moz-border-radius: 	5px;
	-webkit-border-radius:	5px;
}

div.jGrowl div.jGrowl-notification {
	min-height: 			40px;
}

div.jGrowl div.jGrowl-notification,
div.jGrowl div.jGrowl-closer {
	margin: 				10px;
}

div.jGrowl div.jGrowl-notification div.jGrowl-header {
	font-weight: 			bold;
	font-size:				.85em;
}

div.jGrowl div.jGrowl-notification div.jGrowl-close {
	z-index:				99;
	float: 					right;
	font-weight: 			bold;
	font-size: 				1em;
	cursor:					pointer;
}

div.jGrowl div.jGrowl-closer {
	padding-top: 			4px;
	padding-bottom: 		4px;
	cursor: 				pointer;
	font-size:				.9em;
	font-weight: 			bold;
	text-align: 			center;
}

/** Hide jGrowl when printing **/
@media print {
	div.jGrowl {
		display: 			none;
	}
}


.forms label, .forms .label {
  width: 130px;
  display: inline-block;
  color: #777;
}
.forms input, .forms textarea, .forms select {
  width: 250px;
  border: 1px solid #bbb;
  box-shadow: 0 0 3px #CCCCCC, 0 0 5px #EEEEEE inset;
  border-radius: 2px;
  padding: 6px 25px 6px 6px;
  transition: all ease 0.3s;
}
.forms textarea {
  padding: 6px !important;
  width: 270px !important;
}

.forms input:focus, .forms textarea:focus {
  box-shadow: 0 0 3px #4285F4;
  border: 1px solid #4285F4;
}
.forms input:required {
background: #fff url(./images/required.png) no-repeat scroll 98% center;
padding: 6px 25px 6px 6px !important;
}
.forms input:required:valid {
 background: #fff url(./images/valid.png) no-repeat scroll 98% center;
}
.forms input:focus:invalid {
 background: #fff url(./images/invalid.png) no-repeat scroll 98% center;
}

button {
  background: #4387FD;
  background: -moz-linear-gradient(top, #4387fd 0%, #4683ea 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4387fd), color-stop(100%, #4683ea));
  background: -webkit-linear-gradient(top, #4387fd 0%, #4683ea 100%);
  background: -o-linear-gradient(top, #4387fd 0%, #4683ea 100%);
  background: -ms-linear-gradient(top, #4387fd 0%, #4683ea 100%);
  background: linear-gradient(to bottom, #4387fd 0%, #4683ea 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4387fd', endColorstr='#4683ea', GradientType=0 );
  border: medium none;
  border-radius: 2px;
  box-shadow: none;
  color: #FFFFFF !important;
  cursor: pointer !important;
  padding: 7px 15px;
  text-align: center;
}
button:focus {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
  outline: medium none;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
button:hover {
  background: #4d90fe;
  background: -moz-linear-gradient(top, #4d90fe 0%, #357ae8 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d90fe), color-stop(100%, #357ae8));
  background: -webkit-linear-gradient(top, #4d90fe 0%, #357ae8 100%);
  background: -o-linear-gradient(top, #4d90fe 0%, #357ae8 100%);
  background: -ms-linear-gradient(top, #4d90fe 0%, #357ae8 100%);
  background: linear-gradient(to bottom, #4d90fe 0%, #357ae8 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d90fe', endColorstr='#357ae8', GradientType=0 );
  border-color: #2F5BB7;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
button:active {
  background-color: inherit;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.15) inset;
}

/* ==== HTML5 Custom Validation Bubble for Chrome ===== */
::-webkit-validation-bubble-message {
 background-color: #E5534E;
 font-size: 14px;
 top: -4px;
 left: 0px;
 width: auto;
 margin: 0;
 border: none;
 text-align: left;
 display: block;
 padding: 6px;
 border-radius: 4px;
 -webkit-box-shadow: none;
 box-shadow: none;
 text-indent: -22px;
}

::-webkit-validation-bubble-message > div > div + * {
 font-size: 16px;
 line-height: 32px;
 font-family: sans-serif;
 color: #000;
}

::-webkit-validation-bubble-icon {
 background-color: transparent;
 padding: 0px;
 text-indent: 0px;
 display: inline-block;
 position: relative;
 background-image: none;
 background-repeat: none;
 -webkit-background-size: 100%;
 -moz-background-size: 100%;
 background-size: 100%;
 float: left;
}

::-webkit-validation-bubble-arrow {
 background-color: transparent;
 border: none;
 position: absolute;
 top: 5px;
 color: #E5534E;
}

::-webkit-validation-bubble-arrow:before {
 position: absolute;
 content: "\25E4";
} 
/* ==== End of validation bubbles customization ==== */

.certi > img {
  border: 1px solid #dbeaf9;
  padding: 3px;
}