@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300);
@font-face {
font-family: 'fontPageTitle';
src: url('HelveticaInseratLTStd-Roman.otf')
}
body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#424242;
background:url(../images/bg.jpg) repeat-x center top;
margin:0px;
padding:0px;
background-color:#ebebeb; line-height:19px;
}
.main {
margin: 0 auto;
width: 1020px;
}
.banner-text{width:520px; height:auto; position:absolute; font-family:Roboto Condensed, Arial, Helvetica, sans-serif; background:url(../images/banner-bg.png) ; margin-top:278px; z-index:99; padding:15px; font-weight:400; font-size:14px; color:#000000 }
.banner-title{font-family:Roboto Condensed, Arial, Helvetica, sans-serif; font-weight:400; color:#000000; font-size:29px; margin-bottom:15px; text-transform:uppercase}
.call-now{ font-family:Roboto Condensed, Arial, Helvetica, sans-serif; font-weight:400; color:#333; font-size:24px; margin-bottom:15px; margin-top:7px; line-height:30px; text-align:left}
.call-now b{ font-weight:400; margin-left:84px;}
.call-now span{color:#F26C4F;}
.online-booking{font-family:Roboto Condensed, Arial, Helvetica, sans-serif; font-weight:300; color:#FFFFFF; font-size:24px; margin-bottom:10px; margin-top:7px;}
.get-a-quote{background:#F26C4F; color:#FFFFFF; text-decoration:none; padding:3px 10px; font-size:20px;}
.get-a-quote:hover{background:#239ed7;}
.book-btn{background:#27a6dd; font-family:Roboto Condensed, Arial, Helvetica, sans-serif; color:#FFFFFF; padding:10px 20px; font-size:18px; }
.font-roboto-fleet{font-family:Roboto Condensed, Arial, Helvetica, sans-serif; font-size:14px; line-height:25px;}
a {
color:#dd644a;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
h4{font-family:Roboto Condensed,Arial,Helvetica,sans-serif; font-size:17px; font-weight:400}
h4 span{font-weight:600}
/*=============================================================================== text =====*/
.header{
height:72px;margin:0px; padding:0px; margin-top:-18px;
}
#socialmedia{
display:block;
width:260px;
height:72px;
float:right;
}
#logo{
/*background:url(../images/logo.gif) left top no-repeat;*/
display:block;
width:500px;
height:72px;
float:left;
}
#custserviceno span{
color: #F26C4F;
display: block;
font-size: 22px;
font-weight:bold;
height: 29px;
padding-top: 19px;font-family:Roboto Condensed, Arial, Helvetica, sans-serif; font-weight:300
}
#btn_callback span
{
color: #F26C4F;
background: #F26C4F;
}
#slideDesc{
display:block;
background-color:#111;
height:380px;
width:328px;
}
.floatLeft{float:left;}
.floatRight{float:right;}
.clearBoth{clear:both;}
#dialog-quote{display:none}
/*=============================================================================== nav =====*/
#nav {
/*z-index:99999;*/
display:block;
position: relative;
margin:0;
padding:0;
height:57px;
background-color:#03202b;
background:url(../images/nav_bg.gif) left top repeat-x;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
}
#nav li {
margin: 0;
padding: 0;
float: left;
position: relative;
list-style: none;
}
/* main level link */
#nav span {
display: block;
padding:0 5px;
height:29px;
text-align: center;
font-size:10px;
color: #767676;
text-decoration: none;
padding-top:20px;
margin:2px 10px 0;
text-transform:uppercase;
}
#nav a {
display: block;
padding:0 15px;
height:29px;
text-align: center;
font-size:16px;
color: #fff;
text-decoration: none;
padding-top:20px;
margin-top:2px;
text-transform:uppercase;
font-family:Roboto Condensed, Arial, Helvetica, sans-serif; font-weight:300
}
#nav a:hover {
color: #FFF;
}
/* main level link hover */
#nav .current a, #nav li:hover > a {
color: #fff;
margin-top:2px;
border-bottom:5px solid #f26c4f;
}
#nav ul li.current a {
color: #fff;
margin-top:2px;
border-bottom:5px solid #f26c4f;
}
/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
background: none;
border: none;
color: #ffb400;
text-align:left;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-bottom:1px solid #013f54;
}
#nav ul a:hover {
background-color: #01121a !important;
color: #fff !important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
/* dropdown */
#nav li:hover > ul {
display: block;
z-index:99999;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
}
/* level 2 list */
#nav ul {
display: none;
margin: 0;
padding: 0;
width: 225px;
position: absolute;
top: 44px;
left: 0;
background-color: #063142;
}
#nav ul li {
float: none;
margin: 0;
padding: 0;
}
#nav ul a {
font-weight: normal;
}
/* level 3+ list */
#nav ul ul {
left: 181px;
top: -3px;
}
/* rounded corners of first and last link */
#nav ul li:first-child > a {
}
#nav ul li:last-child > a {
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
}
/* clearfix */
#nav:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
#nav {
display: inline-block;
}
html[xmlns] #nav {
display: block;
}
* html #nav {
height: 1%;
}
#nav li.joinlnk a{
display: block;
padding:0 15px;
height:25px;
text-align: center;
font-size:14px;
color: #FFF;
text-decoration: none;
padding-top:12px;
-moz-border-radius: 5px;
border-radius:5px;
background-color:#006600;
}
#nav li.joinlnk a:hover{
color: #FFF;
background-color: #ff6600;
border-bottom:2px solid #FFF;
}
/*.nav {
display:block;
position: relative;
}
.nav ul{
list-style-type:none;
margin:0 10px;
padding:0;
overflow:hidden;
clear:both;
}
.nav li {
float: left;
border-right:2px solid #FFF;
}
.nav li ul{
display:none;
}
.nav li.joinlnk a{
display: block;
padding:0 15px;
height:25px;
text-align: center;
font-size:14px;
color: #FFF;
text-decoration: none;
padding-top:12px;
-moz-border-radius: 5px;
border-radius:5px;
background-color:#006600;
}
.nav li.joinlnk a:hover{
color: #FFF;
background-color: #ff6600;
}
.nav li a {
display: block;
padding:0 15px;
height:25px;
text-align: center;
font-size:14px;
color: black;
text-decoration: none;
padding-top:12px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
background-color:#f8e4d0;
border-bottom:1px solid #FFF;
}
.nav li a:hover, .nav .active {
color: #FFF;
background-color: #ff6600;
border-bottom:2px solid #ff6600;
}
.nav li:hover > ul{
display:block;
}*/
/*=============================================================================== boxes =====*/
.box {
background: #fff;
margin:0px;
padding:0;
position:relative;
/*border-bottom:1px solid #ffd85f;*/
overflow:hidden;
/*-webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black;*/
}
.box span#slogan {
display: block;
width: 517px;
height: 65px;
position:absolute;
top: 24px;
right: 45px;
}
.box p {
color: black;
padding: 0;
font-size: 12px;
line-height: 19px;
position:absolute;
top: 94px;
left: 420px;
width:517px;
}
.box #indexImage {
display:block;
background: url(../images/mainIMG.jpg) 0 0 no-repeat;
width:970px;
height:208px;
}
/*=================================================================================================================== content =====*/
.boxSmall
{
background: #fff;
padding:0;
position:relative;
border:1px solid #cbcbcb;
overflow:hidden;
padding:0;
margin-top:10px;
}
.boxSmallBorder
{
display:block;
width:320px;
padding:15px;
float:left;
border-left:1px solid #cbcbcb;
background-color:#f2f2f2;
line-height: 19px;
overflow:hidden;
}
.boxSmallNoBorder
{
display:block;
width:587px;
padding:15px;
float:left;
line-height: 19px;
overflow:hidden;
}
.boxSmallNoBorderNoWidth
{
display:block;
width:auto;
padding:15px;
line-height: 19px;
overflow:hidden;
}
.boxHeader {
border-bottom: 1px dotted #CCCCCC;
color: #032B35;
display: block;
font-family: Roboto Condensed,Arial,Helvetica,sans-serif;
font-size: 27px;
margin: 5px 0 5px;
padding-bottom: 15px; text-align:center; font-weight:300;
}
h1{font-size:24px;
font-family:Roboto Condensed, Arial, Helvetica, sans-serif;
margin:0px 0 15px;
display:block;
color:#1d4352;
line-height:normal; font-weight:300}
.car-name{font-family: Roboto Condensed,Arial,Helvetica,sans-serif; font-size:15px; color:#FFFFFF}
.car-name a{font-size:12px; margin-left:10px; float:right; background:#27a5df; color:#FFFFFF; padding:1px 7px;}
.drug { padding:0px 0 0 0px; width:auto; margin:0}
.drug ul{ margin:0px; padding:0px;}
.drug li{ margin:0; padding:0px; list-style:none; font:13px Arial, Helvetica, sans-serif; color:#2a2a2a; line-height:20px; }
.drug li a{ font:15px Roboto Condensed, Arial, Helvetica, sans-serif;color:#2a2a2a; text-decoration:none; background:url(../images/bullet.jpg) left no-repeat ;padding-left:20px; line-height:30px}
.drug li a:hover{ color:#F00; text-decoration:none}
.area-serviced { padding:0px 0 0 0px; width:auto; margin:0}
.area-serviced ul{ margin:0px; padding:0px;}
.area-serviced li{ margin:0; padding:0px; list-style:none; font:13px Arial, Helvetica, sans-serif; color:#2a2a2a; float:left; line-height:20px; width:50%;}
.area-serviced li a{ font:15px Roboto Condensed, Arial, Helvetica, sans-serif;color:#2a2a2a; text-decoration:none; background:url(../images/bullet.jpg) left no-repeat ;padding-left:20px; line-height:30px}
.area-serviced li a:hover{ color:#F00; text-decoration:none}
.list{margin:0; padding:0 10px}
.list li{padding:3px 0}
.read-more{background:#333333; color:#FFFFFF; padding:3px 7px; border-radius:5px; font-family:Roboto Condensed, Arial, Helvetica, sans-serif; font-weight:400}
.boxHeader1{
font-size:24px;
font-family:Roboto Condensed, Arial, Helvetica, sans-serif;
margin:0px 0 15px;
display:block;
color:#F26C4F;
line-height:normal; font-weight:400
}
.boxContent{
width:245px;
min-height:340px;
display:block;
float:left;
background-color: #fff;
padding:0;
position:relative;
border:1px solid #cbcbcb; border-bottom:3px solid #cbcbcb; overflow:hidden;
}
.inboxContent{
width:240px;
display:block;
float:right;
position:relative;
border-bottom:1px solid #cbcbcb;
}
.boxContentDouble{
width:760px;
min-height:340px;
display:block;
float:left;
background-color: #fff;
padding:0;
position:relative;
border-bottom:3px solid #cbcbcb;
}
.boxContentDoubleBG{
background: url(../images/logobg.jpg) 0 0 no-repeat;
width:100%;
height:auto;
display:block;
float:left;
background-color: #fff;
padding:0;
position:relative;
border-bottom:3px solid #cbcbcb;
}
.boxContentNOBG{
width:1020px;
height:auto;
display:block;
float:left;
padding:0;
position:relative;
}
.testimonialTxt p{
font-size:16px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
}
.italicTxt p{
font-size:14px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
}
.pageHeader{
display:block;
font-size:26px;
font-family:Arial, Helvetica, sans-serif;
color:#f8661b;
padding:0;
}
.pageContentLeft
{
display:block;
width:626px;
height:auto;
padding:0 15px 0 0;
float:left;
border-right:1px solid #ffd85f;
line-height: 19px;
overflow:hidden;
}
.pageContentRight
{
display:block;
width:268px;
padding:0 15px;
float:left;
line-height: 19px;
overflow:hidden;
}
.sectionHeader{
color:#006600;
font-size:20px;
font-family:Arial, Helvetica, sans-serif;
display:block;
margin-bottom:10px;
}
.bredCrum{
display:block;
background-color:#e7e7e7;
margin:15px 0 15px;
padding:5px 0 5px 8px;
}
.dottedline{
display:block;
border-bottom:1px dotted #AAA;
height:5px;
padding-bottom:5px;
margin-bottom:15px;
}
/*=================================================================================================================== content =====*/
.footer{
margin-top:30px;
padding:10px;
background-color:#2d2d2d;
border-top:5px solid #363636;
border-bottom:5px solid #363636;
}
.footer span{
color:#707070;
font-size:11px;
}
.footer .backTop{
float:right;
background:url(../images/icon_backtop.png) right top no-repeat;
font-style:italic;
margin-top:5px;
}
.footer .backTop a{
}
input[type=submit], input[type=button] {
-moz-border-radius: 3px 3px 3px 3px;
background-color: #333;
border: 1px solid #792c1c;
color: #FFFFFF;
font-size: 12px;
font-weight: normal;
margin: 0;
padding: 5px;
text-align: center;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
box-shadow: 0 1px 3px rgba(0,0,0,0.2);
padding: 5px 15px;
}
input[type=submit]:active, input[type=button]:active {
background-color:#792c1c;
}
.book-now{-moz-border-radius: 3px 3px 3px 3px;
background-color: #a8412b;
border: 1px solid #792c1c;
color: #FFFFFF;
font-size: 12px;
font-weight: normal;
margin: 0;
padding: 5px;
text-align: center;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
box-shadow: 0 1px 3px rgba(0,0,0,0.2);
padding: 5px 15px;}
.redColoText{
color:#FF0000;
}
table.tabularData {
border:0;
border-collapse:collapse;
border-spacing:0;
margin-bottom:15px;
width:100%;
caption-side:top;
border-top:1px dotted #ccc;
text-align:left;
}
table.tabularData caption {
background-color:#6A5B97;
color:white;
font-size:12px;
font-weight:bold;
padding:5px 5px 5px 8px;
text-align:left;
}
table.tabularData th{
background-color:#eaeaea;
color:#434343;
font-size:12px;
padding:5px;
text-align:left;
border-bottom:1px dotted #ccc;
border-right:1px dotted #ccc;
font-weight:bold;
}
table.tabularData td{
border-bottom:1px dotted #ccc;
border-right:1px dotted #ccc;
padding:5px;
}
th.right, td.right { /* Change alignment of text inside | and | */
text-align:right;
}
th.left, td.left { /* Change alignment of text inside | and | */
text-align:left;
}
th.center, td.center { /* Change alignment of text inside | and | */
text-align:center;
}
/* -----------Get Quote----------- */
.getQuote {
width:220px; float:right; padding:19px 10px;margin:10px 0 0 0;background-color:#f26c4f;clear:both;overflow:hidden; min-height:185px;
}
.Qtext {
float:left;color:#FFF;padding:6px 0;margin-right:10px;font-size:19px; text-transform:uppercase; text-align:center; font-family:Roboto Condensed,Arial,Helvetica,sans-serif;
}
.Qcal{
display:inline-block;border:1px solid #792c1c;padding:5px;background-color:#a8412b;
}
.getQuote1{padding:5px 10px;margin:0;background-color:#0099FF;clear:both;overflow:hidden;}
.getQuote1 .input{color:#000; font-size:14px; padding:10px; margin-left:10px; width:193px}
.getQuote1 .button{background:#000; border:#333; cursor:pointer; font-size:14px; padding:10px 30px; margin-left:10px;}
.getQuote1 .button:hover{opacity:0.9}
/* -----------Get Quote----------- */
.bookNow{background:url('../images/booknow.png') no-repeat 0 0;width:80px;height:80px;float:left;margin-right:10px;}
/** testimonials **/
#testimonials {
display: block;
width: 100%;
}
h2{font-family:Roboto Condensed,Arial,Helvetica,sans-serif; font-weight:normal}
#testimonials h2 {
display: block;
text-align: center;
font-weight: bold;
margin-bottom: 3px;
}
#testimonials .carousel-wrap {
display: block;
width: 1020px;
margin: 0 auto;
overflow: hidden;
}
#testimonials .carousel-nav {
display: block;
width: 1020px;
margin: 0 auto; position:absolute;
margin-top:-80px; z-index:9999999999 !important
}
#testimonials .carousel-nav img {
cursor: pointer;
}
#testimonials .carousel-nav img:active {
position: relative;
top: 1px;
}
#testimonials .carousel-nav .nextbtn {
float: right;
}
#testimonials .carousel-wrap ul {
display: block;
list-style: none;
position: relative;
margin:0;
padding:0;
}
#testimonials .carousel-wrap ul li {
display: block;
float: left;
position: relative;
width: 1020px; text-align:center;
margin-right: 15px;
}
#testimonials .carousel-wrap .context {
font-family: Georgia,"Times New Roman",Times,serif;
font-size: 16px;
font-style: italic;
line-height: 1.45em;
color: #797670;
margin-bottom: 6px;
padding-bottom: 4px; line-height:27px;
border-bottom: 0px solid #dcdcdc;
}
.credits{color:#0099FF; font-family:Roboto Condensed,Arial,Helvetica,sans-serif; font-size:22px;}
.credits span{font-size:15px;}
/** clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.input-sb{width:120px; height:33px; float:left; border:1px solid #e7e7e7; padding:5px; color:#494949; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px; line-height:33px;}
.input-eq{width:250px; height:33px; float:left; border:1px solid #e7e7e7; padding:0px 5px; color:#494949; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px; line-height:33px;} |