/*
	Author: Christopher Villareal
*/

/*
=============================================================================
PAGE LOAD FIX
============================================================================= */

#header > .header, #header > .logo, #header > .navigation, #header > .strap, #page > #hero > .column, #page > #contentBottom > .column, #page > #contentTop > .column, #page > #subContent.row, #footerWrapper > .row, #footerWrapper > #yellFooter.clear { display: none !important; }
 
/*================== GLOBALS ==================*/  
*{ 
	margin: 0; 
	padding: 0; 
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;   
}

html{}

body{ 
	font-family: Arial,Helvetica,"Helvetica Neue",sans-serif;
	color: #333333;
	background: url('dr-global-BG_image285f.jpg?blobkey=id&blobwhere=1411690328754&blobheader=image%2Fjpeg&blobheadername1=Content-Disposition&blobheadervalue1=inline%3B+filename%3Ddr-global-BG_image.jpg&blobcol=urlimagefile&blobtable=UXImage&moddate=2014-10-05%2023:03:33') no-repeat center top #323435;
	-webkit-text-size-adjust: 100%;
}
  
.width { width: 100%; }
.cookieConsent p{
	color: #bbbbbb !important;
}
 
.cookieConsent p a#moreInfo,
.cookieConsent p a#cookieClose{ 
	color: #ffffff !important; 
}

.imgLinkWrapper, .imgWrapper{
	min-width: inherit;
}

.hSubBody, .vSubBody{
	padding-top: 0 !important;
}

.hNavOuterWrapper .width, .hSubBody .width{
	max-width: 100%;
}

#resizeRespond{

}

#menuButton{
	background: url("../../edevhub.co.uk/template/elite/images/menu-button.png") no-repeat scroll center center / auto 80% #000;
}
  
/*========================================
			FONT DEFAULTS  
========================================*/

h1, h2, h3 , h4 , h5 , h6, p{
	font-family: Arial,Helvetica,"Helvetica Neue",sans-serif;
	font-weight: normal;
	margin: 0 0 10px;
}

#page .contents h1{
	font-weight: bold;
	color: #ffffff;
	font-size: 1.8em;
	padding: 10px 12px 5px;
} 

.home #page .contents h1, .home #page .contents h2{
	font-size: 1.4em;
}

#page .contents h2{
	font-size: 1.6em;
	font-weight: bold;
	margin: 10px 12px 5px;
	color: #ffffff;
} 

#page .contents h3{
	
} 

#page .contents p{ 
	color: #ffffff;
	line-height: 1.2em;
	margin: 0 12px 12px;
	font-size: 1.2em ;
}

#page .contents a {
	text-decoration: underline;
	color: #ffffff;
}

#page .contents a:hover {
	text-decoration: none;
}
	
#page .contents ul{ 
	margin: 0px 0 10px;
	padding: 0 0 0 30px;
	line-height: 1.2em;
	color: #ffffff;
	font-size: 1.2em ;
	text-align: left;
}

#page .contents ul li{ 
	font-size: 1em;
}
 
/*========================================
			HORIZONTAL NAVIGATION 
========================================*/

.hNavOuterWrapper{
	position: absolute;
	z-index: 6;
	height: 0 ;
}

.hNavOuterWrapper .hNavInnerWrapper {
	max-width: 982px;
	height: 0;
}
   
/*========================================
		 NAVIGATION 
========================================*/
 
.hNavInnerWrapper .navigation.horizontal{
	float: none;
	clear: both;
    top: 120px;
    width: 250px;
}

.hNavInnerWrapper > .navigation li ul {
    left: 5% !important;
    overflow: hidden;
    position: relative !important;
    top: 0 !important;
    width: 90%;
}

.hNavInnerWrapper .navigation li {
	height: /* height required */;
} 
 
.hNavInnerWrapper .navigation li a{
	background-color: transparent;
	padding: 0 0 ;
	color: #cbcbcb;
	font-size: 1.8em ;
	white-space: nowrap;	
	padding: 0 30px ;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	line-height: 2.17em;
}

.hNavInnerWrapper .navigation.horizontal > li > a {
    display: block;
    text-align: left;
}

/* BACKGROUND COLOR FOR HOVER AND CURRENT */
.hNavInnerWrapper .navigation li:hover > a,
.hNavInnerWrapper .navigation li.current > a,
.hNavInnerWrapper .navigation li a:hover{
	 text-shadow: 0 -1px 0 #000000;
	 color: #64caff;.
}


/* =============== MAIN NAV ONLY =================*/
.hNavInnerWrapper .navigation.horizontal > li{
	width: 100%;
	background: url('dr-global-naviborder-0_image8a5d.png?blobkey=id&blobwhere=1411707419768&blobheader=image%2Fpng&blobheadername1=Content-Disposition&blobheadervalue1=inline%3B+filename%3Ddr-global-naviborder-0_image.png&blobcol=urlimagefile&blobtable=UXImage&moddate=2014-10-06%2023:23:03') no-repeat center top transparent;
}

.hNavInnerWrapper .navigation > li > a{
	display: table-cell;
	vertical-align: middle;
}

.hNavInnerWrapper .navigation > li.current > a,
.hNavInnerWrapper .navigation > li a:hover{
	background: url('dr-global-navcurrent-0_imagef3fb.png?blobkey=id&blobwhere=1411707419960&blobheader=image%2Fpng&blobheadername1=Content-Disposition&blobheadervalue1=inline%3B+filename%3Ddr-global-navcurrent-0_image.png&blobcol=urlimagefile&blobtable=UXImage&moddate=2014-10-06%2023:23:04') no-repeat center left transparent;
}

.hNavInnerWrapper > .navigation li:hover ul {
    display: none !important;
}
  
/* =============== SUB NAV ONLY =================*/
.hNavInnerWrapper .navigation.horizontal ul li {
	background: url('dr-global-naviborder-0_image8a5d.png?blobkey=id&blobwhere=1411707419768&blobheader=image%2Fpng&blobheadername1=Content-Disposition&blobheadervalue1=inline%3B+filename%3Ddr-global-naviborder-0_image.png&blobcol=urlimagefile&blobtable=UXImage&moddate=2014-10-06%2023:23:03') no-repeat center top transparent;
}

.hNavInnerWrapper .navigation li ul li a {
    background-image: none !important;
    color: #fff;
    font-size: 1.4em;
    line-height: 1.2em;
    padding: 5px 0 5px 25px;
    white-space: normal;
}

/*PAGE SPECIFIC CODES FOR SUB>PAGES*/
#PAGE-1411708919757 li#NAV-1411708919757 > ul, /*Plumbing*/
	#PAGE-1411728850513 li#NAV-1411708919757 > ul, /*Bathroom and Kitchen*/
	#PAGE-1411729066842 li#NAV-1411708919757 > ul, /*Power Flushing*/
	
#PAGE-1411708976496 li#NAV-1411708976496 > ul, /*Drainage*/
	#PAGE-1411728384119 li#NAV-1411708976496 > ul, /*Blockages*/
	#PAGE-1411728550054 li#NAV-1411708976496 > ul, /*Excavation and Structural Resin*/
	#PAGE-1411728619127 li#NAV-1411708976496 > ul, /*High Pressure Water Jetting*/
	#PAGE-1411728684737 li#NAV-1411708976496 > ul, /*CCTV Camera Surveys*/

#PAGE-1411708982571 li#NAV-1411708982571 > ul, /*Guttering*/
	#PAGE-1411728270075 li#NAV-1411708982571 > ul, /*High Level Gutter Clearance*/

#PAGE-1411708985235 li#NAV-1411708985235 > ul, /*Commercial Services*/
	#PAGE-1411727858172 li#NAV-1411708985235 > ul, /*Businesses and schools*/
	#PAGE-1411727960892 li#NAV-1411708985235 > ul, /*Property management companies*/
	#PAGE-1411728118365 li#NAV-1411708985235 > ul, /*Estate Agents*/
	#PAGE-1411728141594 li#NAV-1411708985235 > ul    /*Building Contractors*/
	{ 
	display: block !important;
	}

	
/* =========== PARENT CURRENT STATE ===========*/
	#PAGE-1411728850513 .hNavInnerWrapper li#NAV-1411708919757 > a, /*Bathroom and Kitchen*/
	#PAGE-1411729066842 .hNavInnerWrapper li#NAV-1411708919757 > a, /*Power Flushing*/

	#PAGE-1411728384119 .hNavInnerWrapper li#NAV-1411708976496 > a, /*Blockages*/
	#PAGE-1411728550054 .hNavInnerWrapper li#NAV-1411708976496 > a, /*Excavation and Structural Resin*/
	#PAGE-1411728619127 .hNavInnerWrapper li#NAV-1411708976496 > a, /*High Pressure Water Jetting*/
	#PAGE-1411728684737 .hNavInnerWrapper li#NAV-1411708976496 > a, /*CCTV Camera Surveys*/
	
	#PAGE-1411728270075 .hNavInnerWrapper li#NAV-1411708982571 > a, /*High Level Gutter Clearance*/   
	
	#PAGE-1411727858172 .hNavInnerWrapper li#NAV-1411708985235 > a, /*Businesses and schools*/
	#PAGE-1411727960892 .hNavInnerWrapper li#NAV-1411708985235 > a, /*Property management companies*/
	#PAGE-1411728118365 .hNavInnerWrapper li#NAV-1411708985235 > a, /*Estate Agents*/
	#PAGE-1411728141594 .hNavInnerWrapper li#NAV-1411708985235 > a   /*Building Contractors*/
	{
		color: #64caff;
		background: url("dr-global-navcurrent-0_imagef3fb.png?blobkey=id&blobwhere=1411707419960&blobheader=image%2Fpng&blobheadername1=Content-Disposition&blobheadervalue1=inline%3B+filename%3Ddr-global-navcurrent-0_image.png&blobcol=urlimagefile&blobtable=UXImage&moddate=2014-10-06%2023:23:04") no-repeat scroll left center transparent;
		text-shadow: 0 -1px 0 #000000;
	}
	
/* Commercial Services Pods */

#PAGE-1411708985235 #hero #row2 .Left + .contents{
	margin-bottom: 0;
}

#PAGE-1411708985235 #hero #row3 .row{
	background: url("dr-global-contentbg-0cfec.png?blobkey=id&blobwhere=1302667292618&blobheader=image%2Fpng&blobheadername1=Content-Disposition&blobheadervalue1=inline%3B+filename%3Ddr-global-contentbg-0.png&blobcol=urlimagefile&blobtable=UXImage&moddate=2014-10-06%2004:12:43") repeat-y scroll left top transparent;
}

#PAGE-1411708985235 #hero #row3 .copy{
	background: none;
}
 
#PAGE-1411708985235 .products{
	float: left;
	width: 25%;
	box-sizing: content-box;
	max-width: 25%;
	margin-top: 0 !important;
	
}
  
#PAGE-1411708985235 .products .copy{
	background: none;
}

#PAGE-1411708985235 .products .copy p{
	text-align: center;
	margin: 0 0 12px;
}

#PAGE-1411708985235 .products:hover .copy a{
	text-decoration: underline;
}

#PAGE-1411708985235 .products img{
	border: 4px solid #808080;
}

/*========================================
			VERTICAL NAVIGATION 
========================================*/

.vNavOuterWrapper{
	height: 100%;
	position: fixed;
}
  
/*========================================
				HEADER  
========================================*/

#headerWrapper{
	background: url("dr-global-BG_image285f.jpg?blobkey=id&blobwhere=1411690328754&blobheader=image%2Fjpeg&blobheadername1=Content-Disposition&blobheadervalue1=inline%3B+filename%3Ddr-global-BG_image.jpg&blobcol=urlimagefile&blobtable=UXImage&moddate=2014-10-05%2023:03:33") no-repeat scroll center top #323435;
	margin: 0 auto;
	max-width: 1400px;
}

#header{
	background: url("dr-global-header_image842d.jpg?blobkey=id&blobwhere=1411690329373&blobheader=image%2Fjpeg&blobheadername1=Content-Disposition&blobheadervalue1=inline%3B+filename%3Ddr-global-header_image.jpg&blobcol=urlimagefile&blobtable=UXImage&moddate=2014-10-05%2023:03:35") no-repeat scroll 88px top transparent;
    clear: both;
    height: 108px;
    margin: 0 auto;
    max-width: 1160px;
}

	.logo{
		left: 98px;
		max-width: 291px;
		top: 5px;
	}

	.strap{
		position: absolute;
		right: 158px;
		top: 5px;
		width: 500px;
		display: none;
	}
	
	.strap #tel {
		color: #ffffff;
		font-size: 2.7em;
		font-style: italic;
		font-weight: bold;
		line-height: 1.1em;
		right: 0;
		text-align: right;
		text-shadow: 1px 1px 0 #1e4d66;
	}
	
	.strap #tel a{
		color: #ffffff;
	} 
	
	#email{
		display: none;
		font-size: 1.95em;
		font-style: italic;
		font-weight: bold;
		line-height: 1.1em;
		text-shadow: 1px 1px 0 #1e4d66;
		padding-top: 4px;
	}
	
	#email a{
		color: #ffffff;
		text-decoration: none;
	}
	 
	#header #socialFollowIcons{
		display: none;
	}
	 
	#headerContentWrapper {
		height: 95px;
		max-width: 610px;
		position: absolute;
		right: 153px;
		text-align: right;
		top: 5px;
		width: 100%;
	}

	#headerContentWrapper .contents p {
		color: #ffffff;
		font-size: 2.7em;
		font-style: italic;
		font-weight: bold;
		line-height: 1.1em;
		right: 0;
		text-shadow: 1px 1px 0 #1e4d66;
	}
	
	#headerContentWrapper .contents p span {
		display: inline-block;
	}
	
	#headerContentWrapper .contents p a {
		color: #ffffff !important;
		text-decoration: none !important;
	}
 
/*========================================
				SCROLLTO  
========================================*/
.scrollTo{
	/*background: url('') no-repeat;*/
	display: block;
	width: !important;
	height: !important;
	margin: 0 auto !important;
	opacity: 1 !important;
	clear: both;
}

.scrollTo:hover{

}


/*========================================
				PAGE  
========================================*/
 
#page{
	max-width: 1160px;
	margin: 0 auto;
	background: url('259649-shadow_bg-0-068c7.png?blobkey=id&blobwhere=1302667253572&blobheader=image%2Fpng&blobheadername1=Content-Disposition&blobheadervalue1=inline%3B+filename%3D259649-shadow_bg-0-0.png&blobcol=urlimagefile&blobtable=UXImage&moddate=2014-10-06%2001:32:09') repeat-y top center transparent;
	overflow: hidden;
}
  
/* ALL ROWS CONTAINER */
#page > div{
	
}
 
/* ALL ROWS */
#page > div > .rowWrapper{
	max-width: 611px;
	margin: 0 auto;
}

/* ALL COLUMNS */
#page > div > .rowWrapper > div{
	
}
 
/*========================================
				HERO  
========================================*/

#hero{
	float: right;
    margin: 12px 128px auto auto;
    max-width: 661px;
}

.slideshowNavigationWrapper{
	display: none;
}
  
/*================== HERO ROW 1 ==================*/

#hero #row1{
	margin-bottom: 20px;
}

#hero #row1 .row{
	border: 4px solid #c7c7c7;
	 
	box-shadow: 0 18px 8px -14px #333333;
	-moz-box-shadow: 0 18px 8px -14px #333333;
	-webkit-box-shadow: 0 18px 8px -14px #333333;
}

#hero #row1 img{
	max-width: 603px;
}
 
/*================== HERO ROW 2 ==================*/
 
#hero #row2{
	 
}

#hero #row2 .contents{
	margin-bottom: 11px;
}

#hero .services .imgWrapper{
	max-width: 207px;
}

#hero .copy{
	background: url('dr-global-contentbg-0cfec.png?blobkey=id&blobwhere=1302667292618&blobheader=image%2Fpng&blobheadername1=Content-Disposition&blobheadervalue1=inline%3B+filename%3Ddr-global-contentbg-0.png&blobcol=urlimagefile&blobtable=UXImage&moddate=2014-10-06%2004:12:43') repeat-y right top transparent;
	overflow: hidden;
}

#hero .services .copy{
	width: 66%;
	height: 124px;
}

/*================== HERO ROW 3 ==================*/	
	

/*========================================
				CONTENT Bottom  
========================================*/

#contentBottom {
	float: left;
    margin: 320px auto auto 89px;
    max-width: 265px;
	position: absolute;
	left: 0;
}

#PAGE-1411708919757 #contentBottom, /*Plumbing*/
	#PAGE-1411728850513  #contentBottom,
	#PAGE-1411729066842  #contentBottom 
	{ 
	margin-top: 370px;
}

#PAGE-1411708976496 #contentBottom, /*Drainage*/
	#PAGE-1411728384119 #contentBottom,
	#PAGE-1411728550054 #contentBottom,
	#PAGE-1411728619127 #contentBottom,
	#PAGE-1411728684737 #contentBottom { 
	margin-top: 435px;
}

#PAGE-1411708982571 #contentBottom, /*Guttering*/
	#PAGE-1411728270075 #contentBottom { 
	margin-top: 340px;
}

#PAGE-1411708985235 #contentBottom, /*Commercial Services*/
	#PAGE-1411727858172 #contentBottom,
	#PAGE-1411727960892 #contentBottom,
	#PAGE-1411728118365 #contentBottom,
	#PAGE-1411728141594 #contentBottom {
	margin-top: 440px;
}
 
/*========================================
				SUBCONTENT  
========================================*/
#subContent{
	float: right;
    max-width: 661px;
	clear: both;
    margin: 20px 128px 20px 0;
	
}

#subContent .column {
    background: url("drainrod-associated-logo-bg-0459b.png?blobkey=id&blobwhere=1302671072379&blobheader=image%2Fpng&blobheadername1=Content-Disposition&blobheadervalue1=inline%3B+filename%3Ddrainrod-associated-logo-bg-0.png&blobcol=urlimagefile&blobtable=UXImage&moddate=2014-10-08%2022:03:16") repeat scroll 0 0 #f7f7f7;
    border: 1px solid #9a9a9a;
    float: none;
    margin: 0 auto;
    max-width: 615px;
    padding: 4px 3px;
}
 
#subContent .column > div{
	float: left;
} 
 
/*************************************** FOR HOME PAGE USE ONLY ********************/
 
/*========================================
				HOME HERO  
========================================*/

.home #hero{
	 
}
  
/********************************* HERO ROW 1 *************************/

.home #hero #row1{
	
} 
 
/********************************* HERO ROW 2 *************************/
 
.home #hero #row2{

}

/********************************* HERO ROW 3 *************************/	
	
.home #hero #row3{

}

/*========================================
				HOME CONTENT TOP  
========================================*/

.home #contentTop{
	margin: auto;
}
 
/*========================================
				HOME SUBCONTENT  
========================================*/
.home #subContent{
	 
}
 
 
/*========================================
				FORM  
========================================*/

#FormData{
	margin: 0 auto;
    text-align: right;
    width: 362px;
}

#formmessage{
	text-align: left;
}

#page .contents.form > p{
	margin: 0;
	overflow: hidden;
}

#formmessage p{
    padding-right: 10px;
}

#fieldSetToBeHide{
	margin: 0;
	padding: 0 0 5px;
	width: 100%;
}

.form small{
	float: right;
    margin: 5px 50px 5px 0;
	color: #aaaaaa;
}

div.label {
    color: #fff;
    float: left;
    height: 20px;
    margin-right: 5px;
    margin-top: 10px;
    max-width: 100%;
    text-align: right !important;
    width: 105px;
}

div.input {
    float: left;
    margin-top: 10px;
    width: 250px;
}

div.label span{
	font-size: 1.2em;
}

form span.required:before {
    color: #FF0000;
    top: 10px;
}

.form input[type="text"], .form textarea{
	color: #000000;
    font-size: 1.2em;
	text-align: left;
	padding: 2px 4px 3px;
	border: 1px solid #888888;
}
  
.form textarea{
	height: 100px;
}

input[type="submit"], input[type="button"], input[type="reset"], .button{
	background-color: #2184b4;
    border: medium none;
    color: #ffffff;
	font-weight: bold;
	font-family: Verdana, Tahoma, Arial, Sans-serif;
	font-size: 1.2em;
    margin: 0 1% 3% 0;
    padding: 1% 2%;
    text-transform: uppercase;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

input[type="reset"]{
	background-color: #e5e5e5;
	color: #919191;
}

#fieldSetToBeHide #email_address_field,
#fieldSetToBeHide #tsfield,
#gMapOverlay {
	display: none;
}



.googleMapOverlay, .googleMapOverlayClick{
	
}
 
/*========================================
				FOOTER  
========================================*/

#footerWrapper{
	overflow: visible;
	margin: 0 auto;
	clear: both;
	display: block;
	height: 92px;
	background: url("dr-global-footerbg-0-0219b.png?blobkey=id&blobwhere=1302667329405&blobheader=image%2Fpng&blobheadername1=Content-Disposition&blobheadervalue1=inline%3B+filename%3Ddr-global-footerbg-0-0.png&blobcol=urlimagefile&blobtable=UXImage&moddate=2014-10-06%2006:01:25") repeat-x scroll center top transparent;
}

#footer{
	overflow: visible;
	height: 92px;
	margin: 0 auto;
	padding: 0;
	max-width: 1160px;
	background: url('259649-shadow_bg-0-068c7.png?blobkey=id&blobwhere=1302667253572&blobheader=image%2Fpng&blobheadername1=Content-Disposition&blobheadervalue1=inline%3B+filename%3D259649-shadow_bg-0-0.png&blobcol=urlimagefile&blobtable=UXImage&moddate=2014-10-06%2001:32:09') repeat-y center top transparent;
}

/* FOOTER CONTENTS */
#footer .columnsWrapper{

}

#globalFooterContent{
	 
}

	#globalFooterContent #socialFollowIcons{
		margin-left: 229px;
		padding-top: 20px;
	}
	
	#globalFooterContent #socialFollowIcons > a{
		text-decoration: none;
		display: block;
		width: 16px;
		height: 16px;
		background-image: url('global_genericsprite-15afb7.png?blobkey=id&blobwhere=1302667315493&blobheader=image%2Fpng&blobheadername1=Content-Disposition&blobheadervalue1=inline%3B+filename%3Dglobal_genericsprite-15.png&blobcol=urlimagefile&blobtable=UXImage&moddate=2014-10-06%2005:36:36');
		background-repeat: no-repeat;
		margin-right: 5px;
	}
	
	.yell{
		background-position: 0 -256px;
	}
	
	.facebook{
		background-position: 0 -272px;
	}
	
	.twitter{
		background-position: 0 -304px ;
	}
	.googlePlus {
		background-position: -16px -288px;
	}
	
	#globalFooterContent #socialFollowIcons h3{
		 color: #ffffff;
		 float: left;
		 margin-right: 7px;
	}
	
	#globalFooterContent #socialShareIcons {
		margin-left: 210px;
	}
	
	#globalFooterContent #socialShareIcons h3{
		color: #555555;
		float: left;
		margin-right: 7px;
	}
	
	.addthis_toolbox{
		width: 153px;
	}
	
	#globalFooterContent #extraFooterContent{
		 
	}
	
	#footerNavigation{
		left: 370px;
		position: absolute;
		top: 0;
	}
	
	#footerNavigation ul{
		font-size: 1.2em;
		text-align: center;
	}
	
	#footerNavigation ul li{
		display: inline-block;
	}
	
	#footerNavigation a{
		text-decoration: none;
		color: #555555;
		
	}
	
	#footerNavigation a:hover{
		color: #8c8c8c;
	}
 
 
/*========================================
				HIBU FOOTER  
========================================*/

#hibuFooter{
	clear: both;
	margin: 0 auto ;
	top: -50px;
}
 
#hibuFooter p.hibuCopyright{
	color: #555555;
    float: right;
    margin: 0 148px 0 0;
    padding: 0;
	font-size: 1.2em;
    max-width: 661px;
}
  
p.hibuCopyright a{
	text-decoration: none;
	margin: 0 1px;
	color: #555555; 
	font-weight: normal;
}

p.hibuCopyright a:hover{
	text-decoration: none;
} 

#backToTopButton{
	background: url('global_genericsprite-15afb7.png?blobkey=id&blobwhere=1302667315493&blobheader=image%2Fpng&blobheadername1=Content-Disposition&blobheadervalue1=inline%3B+filename%3Dglobal_genericsprite-15.png&blobcol=urlimagefile&blobtable=UXImage&moddate=2014-10-06%2005:36:36') no-repeat -162px -134px transparent;
    bottom: 10px;
    height: 64px;
    left: 50%;
    margin-left: -32px;
    width: 64px;
}
 
/* =================== CONTACT US ==================== */

#PAGE-1411708990602 #row2 .job {
    width: 154px;
	float: left;
}

#PAGE-1411708990602 #row2 .job .copy {
	padding: 10px 0;
}

#PAGE-1411708990602 #row2 .job .copy span > a{
	text-decoration: none !important;
}

#PAGE-1411708990602 #row2 .form {
    background: url("dr-global-contentbg-0cfec.png?blobkey=id&blobwhere=1302667292618&blobheader=image%2Fpng&blobheadername1=Content-Disposition&blobheadervalue1=inline%3B+filename%3Ddr-global-contentbg-0.png&blobcol=urlimagefile&blobtable=UXImage&moddate=2014-10-06%2004:12:43") repeat-y scroll right top transparent;
    float: left;
    width: 447px;
	margin-left: 10px;
}
 
#PAGE-1411708990602 #row2 .faq{
	clear: both;
}

#PAGE-1411708990602 #row2 .faq p{
	margin-bottom: 0;
}

#PAGE-1411708990602 #row2 .faq p span a{
	text-decoration: none !important;
	color: #ffffff !important;
}

/*======================================================
						MEDIA QUERIES
========================================================*/	
  
/* TABLET */ 
@media only screen and (max-width: 1250px){

	body{
		background-position: center -60px;		 
	}

	.hSubBody, .vSubBody{
		padding-top: 50px !important;
	}
	
	.hNavOuterWrapper, .vNavOuterWrapper{
		width: 100%;
	}
	
	.hNavOuterWrapper .hNavInnerWrapper{
		max-width: 100%;
	}
	
	.hNavInnerWrapper .navigation.horizontal{
		top: 0;
		width: 100%;
	}


/*NAVIGATION*/
	.hNavInnerWrapper > .navigation li:hover ul { 
		display: block !important;
	}
	
	.hNavInnerWrapper > .navigation li ul {
		left: 0 !important;
		width: 100%;
	}
	
	.hNavInnerWrapper > .navigation li > a {
		background: none repeat scroll 0 0 #1f78a6 !important;
		color: #fff !important;
		font-size: 16px !important;
		line-height: 1.2em !important;
		padding-bottom: 10px !important;
		padding-left: 5%;
		padding-top: 10px !important;
	}
	
	.hNavInnerWrapper > .navigation li > ul > li > a {
		padding-left: 10%;
		padding-right: 5%;
	}
	
	.hNavInnerWrapper > .navigation li > a:hover, .hNavInnerWrapper > .navigation li.current > a {
	    background: none repeat scroll 0 0 #0f6592 !important;
		color: #fff !important;
	}
	
	.logo{
		left: 0;
	}
	
	.strap{
		right: 20px;
	}
	
	#header{
		max-width: 945px;
		background-position: center top;
	}
	
	#headerContentWrapper {
		right: 20px;
	}
	
	#page, #footer{
		background: none;
	}

	#hero{
		float: none;
		margin: 12px auto;
	}
	
	#hero .rowWrapper > .row > .contents {
		margin: 10px 0;
		width: 100%;
	}
	
	#contentBottom {
		margin: 10px auto !important;
		max-width: 100%;
		position: relative !important;
	}
	
	#contentBottom .row{
		text-align: center;
	}
	
	#contentBottom .contents {
		display: inline-block;
	    margin: 0;
		width: 210px;
	}
	
	#contentBottom .contents .imgLinkWrapper > a {
		display: inline-block;
		width: auto;
	}
	
	#subContent{
		margin: 0 auto 20px;
		float: none;
	}
	
	/* FOOTER */
	
	#footerWrapper{
		height: auto;
		padding-bottom: 90px;
	}
	
	#footer{
		height: auto;
	}
	
	#globalFooterContent #socialFollowIcons h3{
		color: #555555;
	}
	
	  
	#socialFollowIcons{
		float: left;
	}
	
	#socialShareIcons{
		float: right;
		padding-top: 20px;
	}
	
	#globalFooterContent #socialFollowIcons, #globalFooterContent #socialShareIcons{
		margin-left: 0;
	}
	
	#footerNavigation{
		left: 0;
		position: relative;
	}
 
	#footerNavigation a{
		line-height: 2em;
	}
 
	#hibuFooter{
		margin: 0 auto;
		top: 0;
	}
	
	#hibuFooter p.hibuCopyright{
		margin: 0 auto;
		float: none;
		max-width: 100%;
	}
	
	p.hibuCopyright a{
	margin: 0 3px;
	 
	
}
 
/* SMALL TABLET */  
@media only screen and (max-width: 950px){
	
	#header {
		text-align: center;
		height: auto;
		overflow: visible;
	}
	
	.logo {
    display: inline-block;
    float: none;
	}
	
	.logo img {
		width: 100%;
	}
 
	.strap{
		max-width: 300px;
		right: 0;
	}
	
	/*HEADER CTA*/
	#headerInner {
		height: 107px;
	}
	#headerWrapper {
	    background: none repeat scroll 0 0 transparent !important;
	}
	
	#headerContentWrapper {
		background: none repeat scroll 0 0 #1f78a6;
		height: auto;
		max-width: none;
		position: relative;
		right: 0;
		text-align: center;
		top: 1px;
		margin-bottom: 10px;
	}
	
	#headerContentWrapper .contents p {
		margin: 0;
		padding: 10px 0;
		font-size: 2em;
	}
 
	#hero .services .copy{
		width: 65%;
	}
	
	#PAGE-1411708990602 #hero #row1 img{
		width: 100%;
	}
	
	.form small{
		float: none;
		margin: 5px 0 0 35px;
		display: block;
	}
	
	#PAGE-1411708990602 #row2 .form{
		width: 434px;
		float: right;
	}
	
	#PAGE-1411708990602 .form div.input{
		margin-top: 0;
	}
	
	#PAGE-1411708990602 .form .label span{
		float: left;
		
	}
	
	
	#subContent .column{
		background: #f8f8f8;
		text-align: center;
		padding: 4px 3px;
		width: 100%;
	}
	
	#subContent .column > div{
		display: inline-block;
		float: none;
	}
	
	#footerWrapper{
		background-repeat: repeat;
		height: auto;
	}
	
	#hibuFooter p.hibuCopyright {
		margin-top: 20px;
	}
	 
} 
 
/* MOBILE */  
@media only screen and (max-width: 650px){
	
	.strap {
		display: block;
	}
	
	body {
		text-align: center;
	}
	
	#headerInner {
		height: 145px;
	}
	
	#header {
		background-position: center 42px;
		height: auto;
	}
	
	#headerContentWrapper {
		top: 5px;
	}
	
	#headerContentWrapper .callToAction {
		border-bottom: medium none;
	}

	.logo{
		top: 60px;
		margin: 0 auto;
		max-width: 230px;
	}
	
	.contactIcons{
		position: absolute;
		top: 5px;
		left: 0;
	}

	#tel, #email{
		display: none;
	}
	
	.strap #tel a{
		text-decoration: none;
	} 
	
	#tel.active, #email.active{
		display: block;
	}
	
	#emailIcon, #telIcon{
		display: block;
		float: left;
		height: 35px;
		width: 35px;
		background: url('phoneicon-692f8.png?blobkey=id&blobwhere=1302668576621&blobheader=image%2Fpng&blobheadername1=Content-Disposition&blobheadervalue1=inline%3B+filename%3Dphoneicon-6.png&blobcol=urlimagefile&blobtable=UXImage&moddate=2014-10-07%2002:26:11') no-repeat center top transparent; 
	}
	
	#emailIcon{
		background-image: url('emailicon-30e52.png?blobkey=id&blobwhere=1302668580012&blobheader=image%2Fpng&blobheadername1=Content-Disposition&blobheadervalue1=inline%3B+filename%3Demailicon-3.png&blobcol=urlimagefile&blobtable=UXImage&moddate=2014-10-07%2002:44:03');
	}

	.strap{
		max-width: 190px;
		top: 7px;
	}
	 
	.strap #tel{
		text-align: center;
	}
	  
	.strap #tel span{
		display: none;
	}
	
	#hero .services .imgWrapper{
		margin: 0 auto;
	}
	
	#hero .services .copy{
		width: 100%;
		height: auto;
		padding: 1% 0;
	}
	
	#PAGE-1411708985235 #row2 .row{
		text-align: center;
	}
	
	.form small{
		margin: 5px auto 0;
		width: 95%;
	}
	
	#PAGE-1411708985235 .products{
		float: none;
		display: inline-block;
		max-width: 150px;
		 
	}
	
	#PAGE-1411708990602 #row2 .job{
		width: 100%;
	}
	
	#PAGE-1411708990602 #row2 .form{
		width: 100%;
		margin-left :0;
		clear:  both;
		float: none;
	}
	
	#FormData{
		width: 95%;
	}
	
	.home #hero #row2 .contents {
		background: url("dr-global-contentbg-0cfec.png?blobkey=id&blobwhere=1302667292618&blobheader=image%2Fpng&blobheadername1=Content-Disposition&blobheadervalue1=inline%3B+filename%3Ddr-global-contentbg-0.png&blobcol=urlimagefile&blobtable=UXImage&moddate=2014-10-06%2004:12:43") repeat-y scroll right top transparent;
		width: 100% !important;
		padding: 10px 0 0;
		margin: 10px 0 !important;
	}
	
	#globalFooterContent #socialFollowIcons, #globalFooterContent #socialShareIcons{
		float: none;
		margin: 0 auto;
		width: 160px;
	}
	
	#socialShareIcons{
		padding: 0;
	}
	
	#footerNavigation {
		display: none;
	}
	
}