@font-face {
font-family: ApexNew;
src: url("urn:scrapbook:download:error:https://perthshireremovals.co.uk/fonts/ApexNew.otf") format("opentype");
}
@font-face {
font-family: ApexNewBoldItalic;
src: url("") format("opentype");
}
@font-face {
font-family: ApexNewBold;
src: url("") format("opentype");
}
@font-face {
font-family: ApexNewLight;
src: url("") format("opentype");
}

@font-face {
	font-family: 'MYRIADB';
	src: url("");
	src: local('MYRIADB'), url("MYRIADB.woff") format('woff'), url("urn:scrapbook:download:error:https://perthshireremovals.co.uk/fonts/MYRIADB.ttf") format('truetype');
}
body
{
	margin:9.7% auto 0;	
	padding:0;
	background-position:center top;

}
img
{
	max-width:100%;
	height: auto;	
}	
#pageWrapper
{
	max-width:1020px;
	width:100%;	
	margin:0 auto;
	overflow:hidden;
}
#page
{
	margin-bottom:5%;
}
.cookieConfirm
{
	position:fixed;
	width:100%;
	display:block;
	background:#23386A;
	bottom:0;
	z-index:1000;
	padding:10px 30px 10px 0;	
}
.headerTop{clear:both;overflow:hidden;}
.headerLogo{float:left;width:29%;max-width:288px;margin-right:50px;}
.headerInfo{float:left;width:66%;max-width:682px;margin-top:3%;}
.headerPhone{float:right;clear:both;overflow:hidden;max-width:356px;width:100%;}
.callUsOn{float:left;max-width:99px;width:29%;margin-top:8px;}
.phoneNo{float:left;margin-left:2%;color:#ffffff;font:40px MYRIADB;line-height:42px;text-shadow: 2px 1px #022D5D;letter-spacing:-1px;}   	
.headerMenuBlock
{
    margin: 0 auto;
    overflow: hidden;
    clear: both;
}	    
.headerMenu
{
    height: 31px;
    margin: 3.5% 0 0;
    padding: 0;
}	
.headerMenu li
{
	display: block;
	float: left;
	margin:0;
}
.headerMenu li:first-child
{
	padding-left:0;	
}	
.headerMenu li:last-child
{
	padding-right:0;	
}        
.menu,.menuSelected
{
	text-transform: uppercase;
	padding:0px 9px;
	padding:0px 8px\9;
}
.menu a
{
	text-shadow: 1px 1px #C6E2FD;	
}
.menuSelected a, .menu a:hover
{
	text-shadow: 1px 1px #022D5D;	
}
.menuSeparator
{
	width:2px;
	line-height:14px;
	margin-top:3px !important;
}
#slider
{
	display:none;
    margin:20% auto 0;
}
/**********start: CSS for SLIDER******************/
.rslides 
{
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 1020px;
	max-width:100%;
	padding: 0;
	margin: 0 1px;
	*margin: 0 0 0 -2px;
	margin: 0 0 0 -2px\0/IE8;
}
:root .rslides{margin: 0 0 0 1px\0/IE9;}
.rslides li 
{
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
	margin:0 0 0 0px;
}

.rslides li:first-child
{
	position: relative;
	display: block;
	float: left;
}

.rslides img
{
	display: block;
	height: auto;
	float: left;
	width:1020px;
	max-width:100%;
	border: 0;
}
/**********end: CSS for SLIDER******************/

#siteContainer
{
	width:99%;
	margin:0 auto;	
}

#siteContent
{	
	width:100%;		
	clear:both;
	overflow:hidden;
	padding-top:20%;
}
#mainCol
{
	float:left;
	width:66.5%;
	margin-right:5%;
}
.mainColContent
{
	padding-bottom:2%;
	line-height:22px;
}
h1
{
	margin:1% 0 3%;
}
p
{
	margin:4% 0;	
}
#rightCol
{
	float:left;
	text-align:right;	
	width:28.5%;	
}
.pageBottomBanner
{
	margin:3% auto 0;	
	max-width:1008;
	width:100%;	
}
#footer
{
	background:#E2E9EE;
	overflow:hidden;
	clear:both;
	padding-bottom:4%;
}
.footerTop
{
	margin:0 auto;
    width: 100%;	
    max-width:1020px;
    padding:4.7% 0 4%;
}
.footerSeparator
{
	border-top: 1px solid #A9B6BF;
    height: 4px;	
}
.footerMenuAndRequestCallBack
{
	margin: 0 auto;
    overflow: hidden;
    width: 99%;
}
.footerMenuArea
{
	 float:left;
	 width:58%;
	 margin-right:5%;
}
.quickLink
{
	font:30px ApexNew;
	color:#011F41;
	margin-bottom:3%;
}
.footerMenu
{
	clear:both;
	overflow:hidden;
}
.footerMenuLeft
{
	float:left;
	width:50%;	
}
.footerMenuRight
{
	float:left;
	width:48%;	
	margin-left:2%;
}
.footerMenuDiv
{
	background: url("footer_arrow.png") no-repeat left top;
	padding: 0 0 0 17px;
	clear:both;
	overflow:hidden;
	margin-bottom:3%;
}

a.footerMenuSub{font:Normal 14px Arial;color:#ffffff;}			
.footerMenuActive{background:url("") no-repeat;padding:0 0 0 12px;font:bold 10px Arial;color:#ffffff;margin-bottom:6px;}

.requstCallBackArea
{
	 float:left;
	 width:37%
}
.requstCallBackTitle
{
	  font:30px ApexNew;
	  color:#011F41;
	  margin-bottom:5%;
}
.footerBottom
{
	background:#FEFEFE;
}
.footerBottomArea
{
    width: 100%;	
    max-width:1020px;
    padding:2% 0;
    margin: 0 auto;
}
.footerTextBannerAndSocialMedia
{
	margin: 0 auto;
    overflow: hidden;
    clear:both;
    width: 99%;	
}
.footerTextArea
{
	float: left;
    margin-right: 2%;
    width: 58%;	
}
.footerBanner
{
	float: left;
    max-width: 66px;
    width: 7%;
}
.socialMedia
{
	float: left;
    text-align: right;
    width: 33%;
}
.copyrightTextBlock
{	
}
.footerTextBlock
{
	padding-bottom:1%;
}
    
/*************start: CSS for Contact Form*********************************/
#contactForm
{
	margin: 0 auto;
    padding-top: 40px;
    width: 95%;
}
#contactForm .fieldRow
{
	clear:both;
	overflow:hidden;	
	width:100%;
	margin-bottom:10px;
}
#contactForm .label
{
	float: left;
    margin-right:2%;
    width: 33%;
}
#contactForm .field
{
	float:left;	
	width:65%;
}
#contactForm .fieldTxt
{
	height:18px;
    padding:0 3px;
    max-width:250px;
    width:85%;	
}
#contactForm .fieldTxtArea
{
	max-width:250px;
    width:85%;		
}
#contactForm .successMsgBox
{
    border: 1px solid #900000;
    color: #DA4A4A;
    font-size: 14px;
    margin: 0 0 20px 0;
    padding: 10px;
}
#contactForm .errorMsgBox
{
    border: 1px solid #900000;
    color: #DA4A4A;
    font: 14px arial;
    margin: 0 0 20px 0;
    padding: 10px;
}

/***************start: CSS for Request Call Back***********************/
#requestCallBackForm
{
}
#requestCallBackForm .fieldRow
{
	clear:both;
	overflow:hidden;	
	width:100%;
	margin-bottom:5%;
}
#requestCallBackForm .label
{
	color:#022D5D;
	font:bold 12px Arial;
	padding:4px 2% 0 0;
	float: left;
    width: 20%;
    text-transform: uppercase;
}
#requestCallBackForm .field
{
	float:left;	
	width:78%;
}
#requestCallBackForm .field input
{
	background:#FEFEFE;
	border:1px solid #FEFEFE;
	color:#022D5D;
	padding:0 3px;
    max-width:275px;
    width:90%;	
    height:20px;
}
#requestCallBackForm .field select
{
    width:28%;
    max-width:104px;	
    height:22px;
}
#requestCallBackForm .callBackOption,.callBackOption select
{
	color:#022D5D;
	background:#FEFEFE;
	border:1px solid #FEFEFE;
	position:absolute;
	opacity:0;
	filter:alpha(opacity=0);
}
#requestCallBackForm .selectOption
{
	background:url("select_option_button.png") no-repeat right center #FEFEFE;
	padding: 0 16px 0 0;
}
#requestCallBackForm .selectOptionField
{
	background:#FEFEFE;
	width:81px;
	padding-left: 3px;
	border:1px solid #FEFEFE;
	color:#022D5D;
}



#requestCallBackForm .msg
{
    color: #DA4A4A;
    font-size: 14px;
    margin-bottom:10px;
}
#requestCallBackForm .errorMsgBox
{
    border: 1px solid #ff0000;
    color: #ff0000;
    font: 14px arial;
    margin: 0 0 20px 0;
    padding: 10px;
}

.gdrpr-text{
	width: 354px;
	float: left;
}
.gdrpr-text-footer{
	width: 68%;
	float: left;
	color: #022d73;
}
#footer_gdprConsent{width:27%;border: 0;color: #022D5D;height: 22px;float: left;-webkit-appearance:none;-moz-appearance: none;appearance:none;}
.gdrpr-text-footer a{
	color: #022d73;
}
/****************end: CSS for Request Call Back***************************************/


/**********start: CSS for MOBILE******************/
@media(max-width:767px)
{
	.headerPhone,.callUsOn,.phoneNo, .footerMenuArea, .requstCallBackArea, .footerTextArea, .footerBanner, .socialMedia{float:none;}
	.phoneNo{width:100%;margin-left:0;margin-top:2.5%}
	.menu, .menuSelected{padding:2px 0;}
	.headerLogo{width:100%;margin-right:0;}
	.headerInfo{margin-top:10%;width:100%;}
	.headerPhone{margin-left:1%;}
	#mainCol{width:95%}
	#rightCol{text-align:center;width:100%;}
	.menuSeparator{height:2px;width:100%;}
	.headerMenu{height: auto;padding:0px;}
    .headerMenu li{float: none;} 
    .headerMenu .menu{background:url("bg_mobile_menu.png")repeat;} 
	.footerMenu{height:auto;}
	.copyrightTextBlock, .footerTextBlock{width:100%;text-align: center;}
	#divFrmUserCookieConfirm{top:0;bottom: auto !important;}
	.footerMenuArea{margin:0 0 5% 0;width:100%;max-width:374px;}
	.requstCallBackArea{margin:0 1%;width:98%;max-width:374px;}
	.footerTextArea, .socialMedia{width:100%;text-align:center;}
	.footerBanner{text-align:center;margin:2% auto 0;width:100%}
	.pageBottomBanner{padding-top:9%}
	#page{margin:4%;}
	.footerMenuAndRequestCallBack, .footerTextBannerAndSocialMedia{width:92%;}
	.cookieConfirm{top:0;}
	.menuSeparator{margin-top:0 !important;}
}
/**********end: CSS for MOBILE******************/