/* Resetting default padding and margin - http://www.clagnut.com/blog/1287/ */
* {margin:0;padding:0;}
/* end reset */
h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {margin:0;margin-bottom:10px;}
h1,h2,h3,h4,h5,h6 {font-size:1em; color:#333333; }
ul,ol, li,dd {margin-left:1em; }
fieldset {position:relative;top:0;left:0;padding:0; border:none;}
textarea {font-family: Verdana,Arial, Helvetica, sans-serif;font-size:1.1em;}
img {border:none; }
body {font-size:62.5%; font-family:'Open Sans',Arial, Helvetica, sans-serif; background-color:#333; background-image:url(images/wbs_bk_bodyT.jpg); background-position:top; background-repeat:repeat-x; position:relative; top:0; left:0; color:#333333;}
h1 { font-size:18px; line-height:1.2em; }
h2 { font-size:16px; line-height:1.2em; padding-bottom:10px; font-weight:bold;}
h2.step { color:#FFFFFF; background-color:#0077DD; padding:5px 10px;}
p {text-align:justify;}
h2 a {color:#333333; text-decoration:none;}
h2 a:link, h2 a:visited {}
h2 a:hover, h2 a:active {color:#0077DD;}
h2 a span { text-decoration:underline;}
#nav {position:absolute; top:55px; left:214px;}
#area {position:absolute; top:8px; left:216px; font-weight:bold; font-family:'Open Sans', Arial, Helvetica, sans-serif;}
#flashmovie {position:absolute; top:98px; left:0px;}
#phonenumber {position:relative; padding-left:40px;font-weight:normal;}
#flags { background:#0077dd; }
#flagsinner { padding: 5px 10px 0 10px; text-align: right;
margin: 0 auto;
width: 896px;}
#main {position:relative;}
/*#content {position:relative;float:left; width:569px; margin-right:-778px; margin-left:209px; min-height:500px;}*/
#content {position:relative; top:0; left:0; padding:30px 0 0 0; background-color:#FFFFFF; }
#contentinner {padding:20px 60px 20px 20px;}
#contentinner h1 { font-size:2em;}
#contentinner h2 {font-size:1.4em;}
/*#left {position:relative;float:left; width:209px; margin-right:-209px; min-height:500px;}*/
#left {position:relative; width:209px; }
#backgroundimage {
/* done on page
position:absolute; top:0; left:0; height:100%; width:100%; z-index:-1;
background: url(http://maps.google.com/maps/api/staticmap?center=50.683545,-3.219364&zoom=10&size=640x640&scale=2&sensor=false) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
opacity:0.4;
*/
}
.debugbox { border:1px solid #666666; padding:20px; margin:10px;}
.debugbox pre {font-size:11px;}
.getpricebtn {
background: #FDE24E;
background-image: -webkit-linear-gradient(top, #FDE24E, #E9C104);
background-image: -moz-linear-gradient(top, #FDE24E, #E9C104);
background-image: -ms-linear-gradient(top, #FDE24E, #E9C104);
background-image: -o-linear-gradient(top, #FDE24E, #E9C104);
background-image: linear-gradient(to bottom, #FDE24E, #E9C104);
-webkit-border-radius: 12;
-moz-border-radius: 12;
border-radius: 12px;
font-family: Arial;
color: #000;
font-size: 16px;
font-weight: bold;
padding: 4px 10px 3px 10px;
border: solid #E9C104 1px;
text-decoration: none;
display: block;
}
.getpricebtn:hover {
background: #E9C104;
background-image: -webkit-linear-gradient(top, #E9C104, #FDE24E);
background-image: -moz-linear-gradient(top, #E9C104, #FDE24E);
background-image: -ms-linear-gradient(top, #E9C104, #FDE24E);
background-image: -o-linear-gradient(top, #E9C104, #FDE24E);
background-image: linear-gradient(to bottom, #E9C104, #FDE24E);
text-decoration: none;
}
#bookingcontent { position:relative; padding:20px;}
.smaller {font-size:0.8em; font-weight:normal;}
.bigtext { font-size:40px; line-height:40px;}
.empty {line-height:1px; font-size:1px;}
.clearboth {clear:both;}
.hide {position:absolute; top:0; left:-1600px;}
.show {position:relative; top:0; left:0px;}
.smaller {font-size:80%}
.msgok { background-color:#66CC00; color:#FFFFFF; padding:10px;}
.msgbad { background-color:#FF6600; color:#FFFFFF; padding:10px;}
.required { color:#CC0000;}
.requiredondark { color:#FFDD3D;}
.hidemap, .hidedir {position:absolute; top:0; left:-1600px;width: 50px; height: 50px}
.showmap, .showdir {position:relative; top:0; left:0px;width: 300px; height: 400px}
#step1a, #step1b, #step2, #step3, #step4, #step5, #step6 { padding:10px; margin-bottom:10px}
.noerror {border:none;}
.error { border:2px solid #FF0000;}
.capacity { position:relative; top:-20px; left:0; border:2px solid #ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;font-size:14px;}
#tandcbox { height:130px; width:580px; overflow:auto; border:1px solid #7f9db9;}
.smallprint { font-size:10px; color:#0077DD; text-align:left; padding-top:10px}
.smallprint a { color:#0077DD; }
#box { width:100px; height:100px; border:1px solid #666666;}
#floatdiv {position:absolute; width:100px;height:40px;left:0px;top:0px;background-color:#FFFFFF; padding:10px; border:2px solid #000000; margin-left:300px; margin-top:100px; text-align:left; z-index:100;}
#floatdivinner { background-color:#FFFFFF; font-weight:bold;margin-top:5px;border:1px solid #ffffff;border-top:1px solid #999999;border-bottom:1px solid #999999; }
#displayTotal {background-color:#FFFFFF; border:1px solid #ffffff;font-weight:bold; }
.hidenojsmsg { background-color:#FFCCCC; color:#000000; padding:10px; border:1px solid #CC0000;font-size:10px;}
.bookingdetails { border:1px solid #999999; background-color:#FFFFFF; width:300px; padding:20px; }
.formrowspacer { padding:0 0 10px 0;}
.formcol1 { float:left; width:300px;}
.formcol2 {float:left;}
#standardprice, #specialprice {background-color:#FFFFFF; border:1px solid #ffffff;}
#regaddress { font-size:0.8em; color:#666666; padding:0px 0 0 0;}
.noticeme {font-size:1.2em; font-weight:bold; padding:25px 0;}
ol {}
ol li { padding:0 0 10px 0; text-align:justify;}
dl dt { font-weight:bold;}
dl dd { padding-bottom:10px;text-align:justify;}
.vehicaldesc { color:#bbb; font-size:smaller;}
#bookinadvance {position:absolute; top:10px; left:230px; }
/* ============================================================================================================
===============================================================================================================
V3 styles
===============================================================================================================
============================================================================================================ */
/* body.sitetypeM { background-color:#EEDA48; background-image:url(images/bk_bodyM.jpg); } yellow */
/* body.sitetypeC { background-color:#8DCA6D; background-image:url(images/bk_bodyC.jpg); } green */
/* body.sitetypeF { background-color:#9B9B9B; background-image:url(images/bk_bodyF.jpg); } silver/grey */
/* body.sitetypeL { background-color:#5998DD; background-image:url(images/bk_bodyL.jpg); } blue */
/*#headertop {background-image:url(images/bk_headerT.jpg);background-repeat:no-repeat; background-color:#0077DD; }*/
/* .sitetypeM #headertop { background-image:url(images/bk_headerM.jpg); background-repeat:no-repeat; } */
/* .sitetypeC #headertop { background-image:url(images/bk_headerC.jpg); background-repeat:no-repeat; } */
/* .sitetypeF #headertop { background-image:url(images/bk_headerF.jpg); background-repeat:no-repeat; } */
/* .sitetypeL #headertop { background-image:url(images/bk_headerL.jpg); background-repeat:no-repeat; } */
/*
V4 styles...
Less Framework 4
http://lessframework.com
by Joni Korpi
License: http://opensource.org/licenses/mit-license.php */
/* Selection colours (easy to forget) */
::selection {background: rgb(255,255,158);}
::-moz-selection {background: rgb(255,255,158);}
img::selection {background: transparent;}
img::-moz-selection {background: transparent;}
body {-webkit-tap-highlight-color: rgb(255,255,158);}
/* ============================================================================================================
Default Layout: 992px.
Gutters: 24px.
Outer margins: 48px.
Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols 1 2 3 4 5 6 7 8 9 10
px 68 160 252 344 436 528 620 712 804 896 */
body {
padding: 0px; /* too big? 0px 48px 84px */
margin: 0px;
-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
}
#contentleft { position:relative; top:0; left:0; float:left; width:368px; background-color:#FFFFFF; }
#contentright { position:relative; top:0; left:0; float:right; width:524px; padding-bottom:30px; background-color:#FFFFFF; }
#contentright h1 {font-size:18px;}
.contentpad {padding:0 20px 0 0;}
.contentpadboth {padding:0 20px;}
#wrapper {position:relative; top:0; left:0; font-size:1.2em; z-index:0; background-color:#FFFFFF;width: 896px; padding: 0px 0px 0px; margin: 0 auto;}
.innerwrapper {width: 896px; padding: 0px; margin: 0 auto; position:relative; top:0; left:0;}
/* light blue:#0077DD dark blue:#0068C2 */
#headertopwide { position:relative; top:0; left:0;
background: #0077DD; /* Old browsers */
background: -moz-linear-gradient(top, #0077DD 0%, #0068C2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0077DD), color-stop(100%,#0068C2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #0077DD 0%,#0068C2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #0077DD 0%,#0068C2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #0077DD 0%,#0068C2 100%); /* IE10+ */
background: linear-gradient(to bottom, #0077DD 0%,#0068C2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0077DD', endColorstr='#0068C2',GradientType=0 ); /* IE6-9 */
height:90px;
border-bottom:1px solid #004C8E;
}
/* light grey:#666666 dark:#333333 */
#headerbotwide { position:relative; top:0; left:0;
background: #666666; /* Old browsers */
background: -moz-linear-gradient(top, #666666 0%, #333333 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#333333)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #666666 0%,#333333 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #666666 0%,#333333 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #666666 0%,#333333 100%); /* IE10+ */
background: linear-gradient(to bottom, #666666 0%,#333333 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
height:30px;
border-bottom:1px solid #222; border-top:1px solid #777;}
#header {position:relative; height:auto/*340px*/; background-color:#FFFFFF;width: 896px; padding: 0px 0px 0px; margin: 0 auto; }
#headertop {position:relative; height:98px; background-position:top left;}
#headerbotouter { padding:0px 20px 0px 20px;}
#headerbot {position:relative; height:200px;/*background-image:url(images/wbs_bk_header_bot.jpg); background-position:top left; background-repeat:repeat-x;*/
background: #666666;
background: -moz-linear-gradient(top, #666666 0%, #333333 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#333333));
background: -webkit-linear-gradient(top, #666666 0%,#333333 100%);
background: -o-linear-gradient(top, #666666 0%,#333333 100%);
background: -ms-linear-gradient(top, #666666 0%,#333333 100%);
background: linear-gradient(to bottom, #666666 0%,#333333 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#333333',GradientType=0 );
border-radius:0;
}
#headerbotouter.noheight {background: #ffffff;}
#headerbotouter.noheight #headerbot { background: #ffffff;}
#headersearch { position:absolute; top:15px; left:10px; width:308px; height:182px; overflow:hidden; }
#headerimages { position:absolute; top:0px; left:329px; width:527px; height:200px; overflow:hidden;}
#headerimage1 { position:relative; top:0; left:0;}
#headerimage2a {position:absolute; top:0; left:0;}
#headerimage2b {position:absolute; top:0; left:264px;}
.noheight #headerbot {position:relative; height:auto; line-height:1px; font-size:1px;min-height: 1px;}
#fullwidthheaderimage {position:relative; top:0; left:0;padding:1px 0 0 0;}
#fullwidthheaderimage img { width:100%; border-bottom:1px solid #000;}
/* scroller ----------------------------------------------------------------------------- */
.scroll {position:relative; top:0; left:0; } /*height:360px; width:720px;*/
/* root element for single scroll */
.scroller { position:relative; overflow:hidden; width: 527px; height: 200px; /*float:left;*/ }
/* use for scroller, but not tabs */
.scroller .pics { width:20000em; position:absolute; clear:both; }
.pics div { float:left; width:527px !important; height:200px; margin:0px;}
.panes {position:relative;}
.panes div {position:absolute; top:0; left:0;display:none;}
.scroll.active {} /* possible settings for the active scroll */
div.navi {}
div.navi a img {}
div.navi a.active img, div.navi a.current img { opacity:50%;}
#nav2 {position:relative; top:0px; left:0px; padding:5px 0 3px 22px;}
#nav2 ul {list-style:none; margin:0; padding:0;}
#nav2 ul li { margin:0 0px 0 0; padding:0; float:left;}
#nav2 ul li a:before {content:'|'}
#nav2 ul li:first-child a:before {content:'';}
#nav2 ul li span.navselected:before {content:'|'}
#nav2 ul li:first-child span.navselected:before {content:'';}
#nav2 ul li a, #nav2 ul li span.navselected { display:block; /*width:63px;*/ height:18px; text-align:center; font-size:12px; text-shadow: 1px 1px 1px hsla(0,0%,0%,0.8);}
#nav2 ul li a:link, #nav2 ul li a:visited { color:#ffffff;text-decoration:none;;}
#nav2 ul li a:hover, #nav2 ul li a:active, #nav2 ul li span.navselected {color:#dddddd;/*#FFDD3D*/; text-decoration:none; text-shadow:none;}
#nav2 ul li a span {position: relative; top: 2px; padding:0 15px 0 15px;}
#nav2 ul li span.navselected span {position: relative; top: 2px;padding:0 15px 0 15px;}
#nav2 ul li span.navselected {position: relative; top: 0px;}
#area2,#headername,#phonenumber2,#phonenumber2txt,#headernamesub,#phonenumber3 { font-family: 'Open Sans',Arial,Helvetica,sans-serif; font-weight:bold; color:#FFFFFF; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5), -1px -1px 1px rgba(255, 255, 255, 0.5);}
#headername {position:absolute; top:15px; left:20px; font-size:3em;color:#ffffff; }
/*.sitetypeM #headername {position:absolute; top:24px; left:260px; font-size:1.6em;}
.sitetypeC #headername {position:absolute; top:26px; left:260px; font-size:1.6em;}
.sitetypeF #headername {position:absolute; top:26px; left:260px; font-size:1.6em;}
.sitetypeL #headername {position:absolute; top:28px; left:255px; font-size:1.6em;}*/
#headername img {max-height:60px;}
#headernamesub {position:absolute; top:55px; left:22px; font-size:1.5em;color:#ffffff; font-weight:normal;}
#headerlogo {float:left; height: 90px;}
#headerlogo img {max-height:90px; }
#headertext {float:left;}
#headerlogomod {max-height: 90px; overflow: hidden;}
#headerlogomod #headername { position: relative; top:15px; left:10px;}
#headerlogomod #headernamesub { position: relative; top:14px; left:10px;}
#phonenumber2,#phonenumber3 {position:absolute; top:15px; right:20px; display:block; font-weight:bold; color: #FFFFFF; font-size: 3em; font-style: normal; }
#phonenumber3 { top:45px;}
#phonenumber2 span { font-size:0.8em;}
#phonenumber2 a, #phonenumber3 a {font-weight:bold; color: #FFFFFF; font-style: normal; text-decoration: none; }
#phonenumber2txt {position:absolute; top:55px; right:20px; font-size:1.5em;color:#ffffff; font-weight:normal;}
/*.sitetypeM #phonenumber2 {position:absolute; top:20px; right:30px;font-size:3.5em;}
.sitetypeC #phonenumber2 {position:absolute; top:20px; right:30px;font-size:3.5em;}
.sitetypeF #phonenumber2 {position:absolute; top:20px; right:30px;font-size:3.5em;}
.sitetypeL #phonenumber2 {position:absolute; top:20px; right:30px;font-size:3.5em;}
.sitetypeF #phonenumber2 img { display:none; visibility:hidden;}*/
#contentright h1.companyname {font-weight:bold; font-style:normal; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:2.5em;color:#0077DD;
text-shadow: none;}
#headersearch h3 {color:#CCCCCC; font-size:2em; padding:0px; margin:0; text-align:center; text-shadow: 1px 1px 1px hsla(0,0%,100%,0.5),-1px -1px 1px hsla(0,0%,0%,0.5);}
#headersearch h3 span {color:#eeeeee; font-size:2.3em;}
#bookingbox { }
div.rowbooking {clear:both; padding-top:8px;width:348px; }
#bookingbox div.rowbooking {padding-top:5px; }
div.rowbooking h3 { color:#CCCCCC; font-size:2em; padding:0; margin:0; text-align:center; text-shadow: 1px 1px 1px hsla(0,0%,100%,0.5),-1px -1px 1px hsla(0,0%,0%,0.5);}
div.rowbooking div.formleft {float:left;padding:0; margin:0;width:54px;text-align:right; color:#fff; font-weight:bold; }
div.rowbooking div.formright {padding:0; margin:0;margin-left:69px; position:relative;top:0;left:0; }
#bookingbox label { font-size:1em; color:#fff; font-weight:bold; position:relative; top:7px;}
.bookingboxsmaller {font-size:10px; color:#ddd; font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:normal;}
#bookingbox .input { width:180px; font-size:1.6em; padding:1px; background-color:#ffffff;
border-top:1px solid #005FB1;border-left:1px solid #005FB1;
border-right:1px solid #006BC7;border-bottom:1px solid #006BC7;} /* font-size:0.9em; */
#bookingbox .input:focus {background-color:#FFFFCC;}
.yellow { color:#FFDD3D; font-size:1.3em;}
#bbfrom { padding:20px 0px 6px 20px;}
#bbto { padding:0px 10px 0px 20px;}
#bbsubmit { /*position:absolute; top:146px; left:144px;*/font-size:1.4em; padding:3px 5px;}
.homecontentsignoff {font-weight:bold; color:#333333; font-size:1.2em;}
#specials { padding:0 20px;}
#specials h2 { margin:0 0 10px 0; padding:0; font-size:25px;}
#specials .specialrow { position:relative; padding:5px 0; clear:both; }
#specials .specialrow a { position:relative; padding:5px 10px; display:block; border:none; border-radius:0 15px 0 0px ;}
#specials .specialrow a:link, #specials .specialrow a:visited { text-decoration:none;border:none;
background-color:#888;
background: #888;
background: -moz-linear-gradient(top, #888 0%, #666 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888), color-stop(100%,#666));
background: -webkit-linear-gradient(top, #888 0%,#666 100%);
background: -o-linear-gradient(top, #888 0%,#666 100%);
background: -ms-linear-gradient(top, #888 0%,#666 100%);
background: linear-gradient(to bottom, #888 0%,#666 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888', endColorstr='#666',GradientType=0 );
}
#specials .specialrow a:hover, #specials .specialrow a:active { text-decoration:none;background:#333333;border:none;}
#specials .srdestination {display:block; font-size:1.3em; color:#ffffff; font-weight:bold; float:left;}
#specials .srl2{display:block; float:right; }
#specials .srfrom { font-size:0.8em; color:#FFD40B /*#FFDD3D*/;}/* was top:14px */
#specials .srprice { font-size:1.3em; color:#FFD40B /*#FFDD3D*/; font-weight:bold;}
.skinnyclearboth {font-size:0.1px; line-height:0.1px; padding:0; margin:0; height:1px; border:none; clear:both; display:block;}
#callbackform { padding:5px 10px; margin:0 20px 10px 20px; border-radius: 0px;background-color:#888; border-radius:0 15px 0 0px ;
background-color:#888;
background: #888;
background: -moz-linear-gradient(top, #888 0%, #666 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888), color-stop(100%,#666));
background: -webkit-linear-gradient(top, #888 0%,#666 100%);
background: -o-linear-gradient(top, #888 0%,#666 100%);
background: -ms-linear-gradient(top, #888 0%,#666 100%);
background: linear-gradient(to bottom, #888 0%,#666 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888', endColorstr='#666',GradientType=0 );
}
#callbackform h2 { margin:0 0 0px 0; padding:3px 0 2px 0; font-size:1.3em;}
#callbackform p { color:#fff;}
#callbackform div.row { width:auto; }
#callbackform .formleft {width:100px;}
#callbackform .formright {margin: 0 0 0 110px;}
#callbackform form.shrinkable div.row textarea { width:165px;}
#callbackform h2 a {color:#fff; text-decoration:none;}
#callbackform h2 a:link, #callbackform h2 a:visited {}
#callbackform h2 a:hover, #callbackform h2 a:active {color:#ccc;}
#callbackform h2 a span { text-decoration:underline;}
#spjbox1 { width:300px; float:left;position: relative; }
#orbox { width:50px; padding-top:90px; text-align:center; float:left; font-size:1.2em; font-weight:bold; }
#spjbox2 { width:400px; float:left; }
.carrow { position:relative; clear:both; border-top:1px solid #ccc; padding-top:10px; }
/*.carrow:first-child { border-top:none; }*/
.carrowbox1 { float:left; width:130px; padding-top:10px;padding-bottom:10px;}
.carrowboxname { position:relative; top:2px;}
.carrowboxcount { }
.carrowbox2 { float:left; width:200px; margin:0 10px; }
.carrowbox3 { float:left; width:230px; }
#moreinfo {width:580px;}
#footer {position:relative; clear:both; border-top:5px solid #fff; padding:20px; background-color:#FFFFFF;}
#cclogos { position:relative; top:0; left:0; text-align:left; padding:0px; border-top:8px solid #ffffff;border-bottom:10px solid #ffffff; float:left; }
#poweredby { position:relative; top:0px; left:0px;text-align:right; float:right;border-bottom:10px solid #ffffff; }
#copyright { position:relative; top:0px; left:0px; clear:both; text-align:right;}
#footerleft { float:left;}
#footerright {float:right; padding-top: 30px;text-align: right;}
#paypage {}
#onlineextras {padding:10px 0 10px 0;}
.paybox { border:1px solid #CCCCCC; padding:10px; margin-bottom:15px;}
#paypage h2 {font-size: 14px;font-weight: bold;line-height: 1.0em;padding-bottom: 0px;margin-bottom:0px;}
#paypage form {/*border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:20px;*/}
#paypage p {text-align:left;}
#paypage .bookingdetails { width:300px; float:left; background-color:#eeeeee;}
#paybutton { width:300px; float:left; border-left:20px solid #fff; }
/*#paybutton input[type="submit"] { background-color:#D41214; color:#FFFFFF; text-shadow:1px 1px 1px hsla(0,0%,0%,0.5),-1px -1px 1px hsla(0,0%,100%,0.5); padding:20px 30px; border:none; cursor:pointer;}*/
div.row {clear:both; padding-top:6px;width:500px; border-top:3px solid #ffffff;}
div.row div.formleft {float:left;padding:0; margin:0;width:150px;text-align:right; color:#666666; font-weight:bold;}
div.row div.formright {padding:0; margin:0;margin-left:160px;}
div.row div.formright input {margin:-4px 0 0 0;}
#callbackform div.row { padding-bottom:3px; border:none;}
#callbackform div.row div.formleft {color: #fff; }
#callbackform div.row div.formright { }
/* tabs */
#tabs ul { margin:0px 0 0px 0; }
.ui-tabs .ui-tabs-hide { /* was display: none;*/ position: absolute; left: -10000px;top:0;}
.ui-tabs .ui-tabs-nav li {float:left;list-style:none;margin:0 4px 0 0;padding:0;position:relative;top:0px;white-space:nowrap;}
.ui-state-default, .ui-widget-content .ui-state-default { /* background image default tab */ background-color:#cccccc; background-image:none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { /* background image default tab mouseover */ background-color:#666666; background-image:none; }
#tabs .ui-state-default, #tabs .ui-widget-content #tabs .ui-state-default {border: 1px solid #aaaaaa;border-bottom:none;}
#tabs .ui-state-active, #tabs .ui-widget-content .ui-state-active { /* background image current tab */ background-color:#FFDD3D; background-image:none; border-bottom:none;}
#tabs .ui-widget-content { border-top:none;}
.ui-tabs-selected { /* background image current tab */ background-color:#ffffff; background-image:none; }
.ui-tabs-panel {background-color:#FFFFFF; background-image:none;}
#tabs ul li a {display:block; padding:2px 15px 6px 15px;font-size:1.3em;}
#tabs ul li a span.stepbig {font-size:2em; font-weight:bold; position:relative; top:4px; left:0px; padding-right:6px;}
#tabs ul li a:link, #tabs ul li a:visited { color:#000000;text-decoration:none;}
#tabs ul li a:hover, #tabs ul li a:active {color:#000000; text-decoration:none;}
#tabs ul li.ui-state-active a:link, #tabs ul li.ui-state-active a:visited,
#tabs ul li.ui-state-hover a:link, #tabs ul li.ui-state-hover a:visited { color:#000000;text-decoration:none;}
#tabs ul li.ui-state-active a:hover, #tabs ul li.ui-state-active a:active,
#tabs ul li.ui-state-hover a:hover, #tabs ul li.ui-state-active a:hover {color:#000000; text-decoration:none;}
#step-1, #step-2, #step-3, #step-4, #step-5 {clear:left; padding:10px 10px; margin-bottom:20px; background:url(images/search_bk1.gif) top center repeat-x; /*border-top:5px solid #FFDD3D;*/ }
#tabs .ui-widget-header {border: none;}
#tabs ul.ui-corner-all {border-radius: 4px 4px 0px 0px;}
#tabs ul.ui-widget-header {background:none; border:none;}
#tabs.ui-widget-content {border:none;padding: 10px 0 0 0;}
#tabs .ui-corner-bottom {border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}
#map {width: 400px; height: 300px; }
#map.hidenewmap {width: 400px; height: 300px; border:1px solid #fff; position:absolute; left:-9999px;}
#map.shownewmap {width: 400px; height: 300px; border:1px solid #ccc; position:relative; top:0; left:0;}
.searchhints {font-size:0.8em; color:#888;}
.searchhints ul {margin-left: 1em;}
#swap {position:absolute;top: 64px; left:186px;cursor:pointer;}
#dateskey {float:right; padding:0 200px 0 0;}
#dateskey div span {position:relative; top:-4px;}
/* jquery ui datepicker bug - picker visible on load */
#ui-datepicker-div { display: none; }
#googleplus {padding-right:10px;}
#googleplus img { }
#googleplus a:link, #googleplus a:visited { text-decoration:none;}
#googleplus a:hover, #googleplus a:active { text-decoration:underline;}
#facebookurl {padding-right:10px;}
#twitterurl {padding-right:10px;}
#sociallinks {margin:20px 20px 0px 20px;}
#appbox { position:relative; top:0; left:0; border:0px solid #ccc; border-radius:10px; /*background:#FFFFFF url(images/app_android_1.jpg) bottom right no-repeat;*/ min-height:159px; padding:10px 20px; margin:10px 0px;
background: #FF0000; /* Old browsers */
background: -moz-linear-gradient(top, #FF0000 0%, #CC0000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF0000), color-stop(100%,#CC0000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FF0000 0%,#CC0000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FF0000 0%,#CC0000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #FF0000 0%,#CC0000 100%); /* IE10+ */
background: linear-gradient(to bottom, #FF0000 0%,#CC0000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF0000', endColorstr='#CC0000',GradientType=0 ); /* IE6-9 */
}
#apptext { width:280px; font-size:2em; color:#FFFFFF;}
#applink { padding:10px 0 10px 0px }
#appimg {position:absolute;bottom:0;right:0;}
a.linkliketext { color:#333; text-decoration:none;}
#quotecall2action {margin-left:89px; color:#FFF; font-size:1.7em; font-weight: bold;}
#quotecall2action2 { text-align:left; padding:1px 0 4px 69px; color:#FFDD3D; font-size:1.8em; font-weight: bold;}/*background-color:#005298;*/
#quotecall2action3 { color:#FFF; font-size:1.1em; font-weight:normal; text-align:left; ; position:relative; top:0px; left:0px; padding-top:4px;}
#paypallogotop {text-align:left; padding:0 7px 6px 7px;}
#paypallogotop img { max-width:100%;}
#worldpaylogotop {text-align:left; padding:0 20px 6px 20px;}
#worldpaylogotop img { max-width:100%;}
#customcodefoot { padding:0px 20px;}
#customcodefoot .fb-like { padding:10px 0;}
.loclinks {font-size:smaller;}
.loclinks a {text-decoration: none;}
.loclinks a:hover {text-decoration: underline;}
#gtransbar .innerwrapper {padding: 0 0px 0 0 ; background-color: #fff; text-align: right}
.ctabtn {
background: #3498db;
background-image: -webkit-linear-gradient(top, #3498db, #0077bb);
background-image: -moz-linear-gradient(top, #3498db, #0077bb);
background-image: -ms-linear-gradient(top, #3498db, #0077bb);
background-image: -o-linear-gradient(top, #3498db, #0077bb);
background-image: linear-gradient(to bottom, #3498db, #0077bb);
-webkit-border-radius: 39;
-moz-border-radius: 39;
border-radius: 39px;
font-family: Arial;
color: #ffffff;
font-size: 14px;
font-weight: bold;
font-style: italic;
padding: 4px 20px 4px 20px;
text-decoration: none;
border: 1px solid navy;
cursor: pointer;
}
.ctabtn:hover {
background: #3cb0fd;
background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
text-decoration: none;
}
/* https://benmarshall.me/responsive-iframes/ */
.intrinsic-container {
position: relative;
height: 0;
overflow: hidden;
}
/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
padding-bottom: 56.25%;
}
/* 4x3 Aspect Ratio */
.intrinsic-container-4x3 {
padding-bottom: 75%;
}
.intrinsic-container iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
border: none;
}
.keypad {display: inline-block; width: 30px;}
/* accordion tabs */
#accordion.ui-accordion {}
/* The headers of the accordion.
The active header will additionally have a ui-accordion-header-active class,
the inactive headers will have a ui-accordion-header-collapsed class.
The headers will also have a ui-accordion-icons class if they contain icons. */
#accordion .ui-accordion-header {padding: 5px 10px; margin-top:5px; margin-bottom:5px; cursor: pointer; color: #000;}
#accordion .ui-accordion-header span.small {font-size:smaller; color:#333;}
#accordion .ui-accordion-header-active {color: #fff;}
#accordion .ui-accordion-header-collapsed {}
#accordion .ui-accordion-header-collapsed.ui-state-hover {color: #fff;}
#accordion .ui-accordion-header-icon {}
/* The content panels of the accordion. The active content panel will additionally have a ui-accordion-content-active class. */
#accordion .ui-accordion-content {}
#accordion .ui-accordion-content-active {}
.ui-icon-triangle-1-s {
background-position: -65px -16px;
}
.ui-icon-triangle-1-e {
background-position: -32px -16px;
}
.ui-icon, .ui-widget-content .ui-icon {
background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-icon {
width: 16px;
height: 16px;
}
.ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -.25em;
position: relative;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
/* =============================================================================================================
Tablet Layout: 768px.
Gutters: 24px.
Outer margins: 28px.
Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols 1 2 3 4 5 6 7 8
px 68 160 252 344 436 528 620 712 */
@media only screen and (min-width: 768px) and (max-width: 991px) {
body {
/*width: 712px;;*/
padding: 0;/*0px 14px 60px; */
margin: 0;/* 0 auto */
/*border-top:10px solid yellow;*/
}
#wrapper {width: 712px; position:relative; font-size:1.2em; z-index:0; background-color:#FFFFFF; padding: 0px 0px 0px; margin: 0 auto;}
.innerwrapper {width: 712px; padding: 0px; margin: 0 auto; position:relative; top:0; left:0;}
#header {width: 712px; position:relative; height:auto/*340px*/; background-color:#FFFFFF; padding: 0px 0px 0px; margin: 0 auto; }
#flagsinner { width: 712px;}
#contentleft { position:relative; top:0; left:0; float:left; width:276px; }
#contentright { position:relative; top:0; left:0; float:right; width:432px; }
.contentpad {padding:0 20px 0 0;}
.buttonbox {float:none; }
#headername {position:absolute; top:15px; left:20px;font-size: 2.5em; }
#headernamesub {position:absolute; top:55px; left:22px; font-size:1.3em;}
#phonenumber2, #phonenumber3 {position:absolute; top:15px; right:20px; display:block; font-size: 2.5em; font-style: normal; }
#phonenumber3 {top:45px;}
#phonenumber2txt {position:absolute; top:55px; right:20px; font-size:1.3em;color:#ffffff; font-weight:normal;}
.sitetypeM #phonenumber2 {position:absolute; top:50px; right:30px;font-size:2.5em;}
.sitetypeC #phonenumber2 {position:absolute; top:50px; right:30px;font-size:3em;}
.sitetypeF #phonenumber2 {position:absolute; top:22px; right:30px;font-size:2em;}
.sitetypeL #phonenumber2 {position:absolute; top:50px; right:30px;font-size:3em;}
#phonenumber2 img { height:19px; }
#headersearch {position:absolute; top:15px; left:10px; width:318px; height:182px;}
#headerimages { position:absolute; top:0px; left:329px; width:343px; height:200px; overflow:hidden;}
#headerimage1 { position:relative; top:0; left:-92px;}
#headerimage2a {position:absolute; top:0; left:92px;}
#headerimage2b {display:none; visibility:hidden;}
form.shrinkable div.row {clear:both; padding-top:6px;width:400px; border-top:3px solid #ffffff;}
form.shrinkable div.row textarea { width:290px;}
form.shrinkable div.row div.formleft {float:left;padding:0; margin:0;width:90px;text-align:right; color:#666666; font-weight:bold;}
form.shrinkable div.row div.formright {padding:0; margin:0;margin-left:100px;}
form.shrinkable div.row div.formright input {margin:-4px 0 0 0;}
#spjbox1 { width:210px; }
#dateskey {float:right; padding:0 10px 0 0;}
#callbackform form.shrinkable div.row div.formleft {float:none;padding:0 0 5px 0; margin:0;width:225px;text-align:left; color:#eeeeee; font-weight:bold;}
#callbackform form.shrinkable div.row div.formright {padding:0; margin:0;margin-left:0px;}
#callbackform form.shrinkable div.row textarea { width:190px;}
}
/* ==============================================================================================================
Mobile Layout: 320px.
Gutters: 24px.
Outer margins: 34px.
Inherits styles from: Default Layout.
---------------------------------------------
cols 1 2 3
px 68 160 252 */
@media only screen and (max-width: 767px) {
body {
/* width: 252px; */
padding: 0px; /* 0px 22px 60px */
margin: 0 ; /* 0 auto */
/*border-top:10px solid red;*/
}
#wrapper {width: 90%; position:relative; font-size:1.2em; z-index:0; background-color:#FFFFFF; padding: 0px 0px 0px; margin: 0 auto;}
.innerwrapper {width: 90%; padding: 0px; margin: 0 auto; position:relative; top:0; left:0;}
#header {width: 90%; position:relative; height:auto; background-color:#ffffff;padding: 0px 0px 0px; margin: 0 auto; }
#flagsinner { width: 90%;}
#headertopwide { height:auto;}
#headerbotwide {height:auto;}
#contentleft { position:relative; top:0; left:0; float:none; width:100%; }
#contentright { position:relative; top:0; left:0; float:none; width:100%; }
.contentpad {padding:0 10px;}
#header { height: auto;}
#headertop {position:relative; height:auto;}
/*
#area2 {position:relative; top:0px; left:20px; font-weight:bold; font-style:italic; font-family:"Tahoma", Arial, Helvetica, sans-serif; width:220px;text-align:left; color:#CA0002;padding-bottom: 10px;
text-shadow: 1px 1px 1px hsla(0,0%,0%,0.5),-1px -1px 1px hsla(0,0%,100%,0.5);
}
#phonenumber2 {position:relative; top:0px; display:block; padding-left:0px;font-weight:bold; font-style:normal; font-size:0.9em; color:#000000; text-shadow:none;}
#headername {font-size:1.0em}
*/
#headername, .sitetypeF #headername, .sitetypeL #headername, .sitetypeC #headername, .sitetypeM #headername {position:relative; top:10px; left:20px; font-size:1.6em;}
#phonenumber2, .sitetypeF #phonenumber2, .sitetypeL #phonenumber2, .sitetypeC #phonenumber2, .sitetypeM #phonenumber2, #phonenumber3 {position:relative; top:0px; left:20px; display:block; font-weight:bold; font-style:normal; font-size:2em; padding:15px 0;}
#headername, #headerlogomod #headername {position:relative; top:0px; left:0px;font-size: 1.6em; padding-top:10px; text-align: center; }
#headernamesub, #headerlogomod #headernamesub {position:relative; top:0; left:0px; font-size:1.0em;padding-top:4px; text-align: center; }
#phonenumber2,#phonenumber3 {position:relative; top:0; left:0px; font-size: 9vw;padding-top:8px; padding-bottom:0; text-align: center; }
#phonenumber3 { top:0px; left:0px; }
#phonenumber2 img { height:13px;}
#phonenumber2txt {position:relative; top:0px; left:0px; font-size:1.0em;color:#ffffff; font-weight:normal;padding:5px 0 10px 0; text-align: center;}
#headerbotouter {padding: 0px 0 0 0;}
#headersearch { width:232px;}
#headersearch h3 { font-size: 1.3em;}
#headerimages {display:none; visibility:hidden;}
#headerlogomod {text-align: center;}
#headertext {float: none; }
#nav2 {position:relative; top:0px; left:0px; padding-left:0;}
#nav2 ul {list-style:none; margin:0; padding:0 0 1px 0;}
#nav2 ul li { margin:0 0px 5px 0; padding:0; float:none;}
#nav2 ul li a, #nav2 ul li span.navselected { display:block; width:auto; height:auto; padding:5px; text-align:center; font-size:17px; text-shadow: 1px 1px 1px hsla(0,0%,0%,0.8);}
#nav2 ul li a:link, #nav2 ul li a:visited { color:#ffffff;text-decoration:none;background-image:none; background-color:#333;} /* light blue */
#nav2 ul li a:hover, #nav2 ul li a:active, #nav2 ul li span.navselected {color:#000000; text-decoration:none;background-image:none; background-color:#ffffff; text-shadow:none;}
#nav2 ul li a span {position: relative; top: 2px; padding:0 5px 0 5px;}
#nav2 ul li span.navselected span {position: relative; top: 2px;padding:0 5px 0 5px;}
#nav2 ul li span.navselected {position: relative; top: 0px;}
#nav2 ul li a:before {content:''}
#nav2 ul li span.navselected:before {content:''}
#specials { padding:0 10px;}
#bookingbox .input { width:130px;}
#spjbox1 { width:190px;border-right:none;}
#spjbox2 {width:100%; }
#map { width: 100%;}
#map.hidenewmap {width: 186px; height: 180px; border:1px solid #fff;position:absolute; left:-9999px;}
#map.shownewmap {width: 186px; height: 180px; border:1px solid #ccc;}
#step-1, #step-2, #step-3, #step-4, #step-5 { padding:10px 0px; }
#step-1 input[type="text"] , #step-2 select { width:180px;}
.ui-tabs .ui-tabs-nav li {float: none;}
#tabs ul li a {font-size: 0.8em;}
#spjbox2 select { width:190px;}
#orbox { width:210px;padding:10px 0; text-align:center; float:left; clear:left; }
.carrowbox1 { float:left; width:130px; padding-top:0px;}
.carrowbox2 { float:left; width:50px; clear:none }
.carrowbox2 img {height:30px;}
.carrowbox3 { float:left; width:160px; }
.carrowbox3 img {height:40px;}
#step2 p, #step4 p {text-align:left;}
#moreinfo, #pickupaddress, #dropoffaddress {width:190px;}
.formcol1 { float:left; width:190px;}
#tandcbox {width:100%;height:auto; overflow: auto; padding-top:10px;}
.payspan {display:block;}
#floatdiv {margin-left: 80px; margin-top: 100px;}
#paypage .bookingdetails { width:200px; padding: 10px 5px; }
#paybutton { width:200px; border-left:none; }
form.shrinkable div.row {clear:both; padding-top:6px;width:230px; border-top:3px solid #ffffff;}
form.shrinkable div.row textarea { width:225px;}
form.shrinkable div.row div.formleft {float:none;padding:0 0 5px 0; margin:0;width:225px;text-align:left; color:#666666; font-weight:bold;}
form.shrinkable div.row div.formright {padding:0; margin:0;margin-left:0px;}
form.shrinkable div.row div.formright input {margin:-4px 0 0 0;}
#dateskey {float:none; padding:0 0px 10px 0;}
#callbackform form.shrinkable div.row div.formright {padding:0; margin:0;margin-left:0px;}
#callbackform {margin:10px 10px;}
#sociallinks {margin:20px 10px 10px 10px;}
#footer img {max-width:75%;}
#apptext { width:auto; font-size:1.3em; color:#FFFFFF;}
#appimg { /*display:none; visibility:hidden;*/ width:100px;}
#quotecall2action {margin-left:0px; text-align:center; }
#quotecall2action2 { text-align:center; padding:1px 0 4px 0px;}
#quotecall2action3 {left:-1185px;}
#footer {padding:0px; }
#footerright {padding:10px; text-align:center; float:none;}
#footerleft { text-align:center; float:none;}
#headerlogo { display: none;}
.loclinks {display:none; visibility: hidden;}
.loclinks a {padding: 10px; display:block;}
}
/* ==================================================================================================================
Wide Mobile Layout: 480px.
Gutters: 24px.
Outer margins: 22px.
Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols 1 2 3 4 5
px 68 160 252 344 436 */
@media only screen and (min-width: 480px) and (max-width: 767px) {
body {
/*width: 436px;*/
padding: 0px; /* 0px 11px 48px; */
margin: 0 ; /* 0 auto */
/*border-top:10px solid orange;*/
}
#wrapper {width: 436px; position:relative; font-size:1.2em; z-index:0; background-color:#FFFFFF; padding: 0px 0px 0px; margin: 0 auto;}
.innerwrapper {width: 436px; padding: 0px; margin: 0 auto; position:relative; top:0; left:0;}
#header {width: 436px; position:relative; height:auto; background-color:#ffffff; padding: 0px 0px 0px; margin: 0 auto; }
#flagsinner { width: 436px;}
#headertopwide { height:auto;}
#headerbotwide {height:30px;}
#header {height:auto; }
#headertop {position:relative; height:150px; background-position:top left; }
#headername {position:relative; top:0px; left:20px;font-size: 1.6em; padding-top:10px;}
#headernamesub {position:relative; top:0; left:22px; font-size:1.2em; padding-top:5px;}
#phonenumber2, #phonenumber3 {position:relative; top:0; left:20px; font-size: 1.6em; padding:10px 0 0 0;display:block; font-style:normal;}
#phonenumber2txt {position:relative; top:0px; left:20px; font-size:1.2em;padding:5px 0 10px 0;color:#ffffff; font-weight:normal;}
#phonenumber2 img { height:13px;}
#headerbotouter {padding: 0px 20px 0 20px;}
#headersearch { width:348px;}
#headersearch h3 { font-size: 2em;}
#contentleft { position:relative; top:0; left:0; float:none; width:436px; }
#contentright { position:relative; top:0; left:0; float:none; width:436px; }
.contentpad {padding:0 20px;}
#nav2 {position:relative; top:0; left:0px; top:auto;} /*162px*/
#nav2 ul {list-style:none; margin:0; padding:0;}
#nav2 ul li { margin:0 1px 0 0; padding:0; float:left;}
#nav2 ul li a, #nav2 ul li span.navselected { display:block; /*width:63px;*/ height:18px; padding:0; text-align:center; font-size:11px; text-shadow: 1px 1px 1px hsla(0,0%,0%,0.8);}
#nav2 ul li a:link, #nav2 ul li a:visited { color:#ffffff;text-decoration:none; background-color:transparent;}
#nav2 ul li a:hover, #nav2 ul li a:active, #nav2 ul li span.navselected {color:#fff; text-decoration:none; background-color:transparent; text-shadow:none;}
#nav2 ul li a span {position: relative; top: 2px; padding:0 5px 0 5px;}
#nav2 ul li span.navselected span {position: relative; top: 2px;padding:0 5px 0 5px;}
#nav2 ul li span.navselected {position: relative; top: 0px;}
#nav2 ul li a:before {content:''}
#nav2 ul li span.navselected:before {content:''}
#specials { padding:0 20px;}
#bookingbox .input { width:180px; }
#spjbox1 { width:300px;border-right:none;}
#spjbox2 {width:300px; border-left:none;}
#map.hidenewmap {width: 296px; height: 200px; border:1px solid #fff;position:absolute; left:-9999px;}
#map.shownewmap {width: 296px; height: 200px; border:1px solid #ccc; position:relative; top:0; left:0;}
#tabs ul li a {font-size: 1.3em;}
#spjbox2 select { width:auto;}
#orbox { width:300px;padding:10px 0; text-align:center; float:left; clear:left; }
.carrowbox2 { float:left; width:100px; clear:left; }
.carrowbox2 img {height:40px;}
#moreinfo {width:370px;}
#tandcbox {width:370px;}
.payspan {display:inline;}
#floatdiv {margin-left: 160px; margin-top: 100px;}
#paypage .bookingdetails { width:300px; border: 1px solid #999999; padding: 20px;}
#paybutton { width:300px; border-left:20px solid #fff; }
form.shrinkable div.row {clear:both; padding-top:6px;width:400px; border-top:3px solid #ffffff;}
form.shrinkable div.row textarea { width:290px;}
form.shrinkable div.row div.formleft {float:left;padding:0; margin:0;width:90px;text-align:right; color:#666666; font-weight:bold;}
form.shrinkable div.row div.formright {padding:0; margin:0;margin-left:100px;}
form.shrinkable div.row div.formright input {margin:-4px 0 0 0;}
#callbackform form.shrinkable div.row div.formright {padding:0; margin:0;margin-left:110px;}
#quotecall2action3 {left:133px;}
#quotecall2action2 { text-align:left; padding:1px 0 4px 69px;}
#appimg { width:180px;}
#footer {padding:20px; }
#footerright {padding:0px; }
#footerleft {text-align:center;}
#headerlogo { display: none;}
}