@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000;}
h1, h2, h3, h4, h5, h6, ul, p, pre, input, form{ margin:0px; padding:0px;}
img{ border:0px;}
a{ outline:none;}
#container{ width:1002px; margin:0 auto; overflow:hidden; background-color:#d5d5d5;}
#header-main{ width:100%; overflow:hidden; background:url(../images/header-repeater.jpg) left top repeat-x;}
#header-sub{ width:100%; overflow:hidden; background:url(../images/header-go2go-img.png) 130px top no-repeat;}
#header-sub h1{ width:247px; height:96px; background:url(../images/logo.png) left -1px no-repeat; float:left; margin:0 0 0 27px;}
#header-sub h1 a{ width:247px; height:96px; float:left; display:block; text-indent:-999999px;}
#click-to-call-box{ width:210px; height:93px; float:right; margin:14px 14px 0 0; background:url(../images/click-to-call-box.jpg) left top no-repeat;}
#click-to-call-box h3{ background:url(../images/click-to-call-img.jpg) left top no-repeat; width:136px; height:22px; margin:10px 0 0 11px;}
#click-to-call-box h3 a{width:136px; height:22px; display:block; text-indent:-9999999px;}
#click-to-call-box p{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#fff; padding:3px 0 0 17px; line-height:14px;}
#click-to-call-box h4{ font-size:12px; color:#fff; padding:4px 0 0 17px;}

/************* Navi Starts Here ***************/

#navi-main{ width:100%; overflow:hidden; margin:0 0 0 0;}
#navi-main ul{ margin:0px 0px 0px 20px; padding:0px;}
#navi-main ul li{ float:left; list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#fff; background:url(../images/navi-devider.jpg) right 7px no-repeat;}
#navi-main ul li a{ float:left; list-style:none; color:#fff; display:block; text-decoration:none; padding:20px 20px 14px 20px; margin-right:2px;}
#navi-main ul li a:hover{color:#fff; text-decoration:none; background:url(../images/navi-hover-bg.jpg) left 2px repeat-x;}
#navi-main ul li.no-bor{ background:none;}
#navi-main ul li.active{color:#fff; background:url(../images/navi-hover-bg.jpg) left 2px repeat-x; padding:20px 23px 14px 25px; margin-right:2px;}

/************* Navi Ends Here ***************/

/************ Banner Starts Here **************/

#banner-main{ width:100%; overflow:hidden; }

/************ Banner Ends Here **************/

/************* Content Starts Here ******************/

#content-main{ width:100%; overflow:hidden; border-top:9px solid #8a9dad;}
#content-sub{ width:982px; overflow:hidden; margin:0 auto; background-color:#fff;}
#content-box-main{ width:960px; overflow:hidden; margin:0 auto; margin-top:21px; background:url(../images/content-mid-repeater.jpg) left top repeat-y;}
#content-box-top-img{ width:100%; overflow:hidden; background:url(../images/content-top-img.jpg) left top no-repeat;}
#content-box-bot-img{ width:100%; overflow:hidden; background:url(../images/content-footer-img.jpg) left bottom no-repeat; padding-bottom:10px;}

/************** Left section Starts ***************/

#left-main{ width:205px; float:left; overflow:hidden;}
#left-main h1{ font-size:18px; color:#fff; padding:5px 0 0 17px; font-weight:normal;}
.pickup-delivery{ width:100%; overflow:hidden; background:url(../images/left-devider.jpg) 5px bottom no-repeat; padding-bottom:20px; }
.botimg-none{ background:none;}
.pickup-delivery h4{ font-size:14px; color:#000; padding:20px 0 0 17px; text-transform:uppercase; overflow:hidden;}
.pickup-delivery ul{ margin:0px; padding:0px;}
.pickup-delivery ul li{ list-style:none; font-size:11px; color:#000; float:left;}
.pickup-delivery ul li input.radio{ width:15px; height:15px; float:left; margin:10px 0 0 15px;}
.pickup-delivery ul li.pickup-text{ width:150px; float:left; padding:10px 0 0 7px;margin:0 0 0 25px;}
.pickup-delivery ul li.location-text{ width:150px; padding:10px 0 0 30px;}
.pickup-delivery ul li select.option{ width:140px; height:20px; margin:0 0 0 30px;}
.pickup-delivery ul li input.text-box{ width:140px; height:20px; margin:0 0 0 30px; border:1px solid #CCC;}
.pickup-delivery ul li.local{ float:right; padding:15px 10px 0 0;}
.pickup-delivery ul li img{ vertical-align:middle;}

.pickup-delivery h3{ font-size:14px; color:#000; padding:15px 0 0 42px; text-transform:uppercase; overflow:hidden;}
.pickup-delivery ul li input.age-radio{ width:15px; height:15px; margin:5px 0 0 52px; float:left;}
.pickup-delivery ul li input.age-radio1{ width:15px; height:15px; margin:5px 0 0 3px; float:left;}
.pickup-delivery ul li.age{ width:28px; float:left; padding:5px 0 0 5px;}
.pickup_button { margin: 10px 0 0 35px; border: 0;	background-image: url(../images/select-your-vehicle-button.jpg); background-repeat: no-repeat; background-position: top left; background-color: #FFFFFF;	width: 144px; height: 52px;	display: block;	position: relative;}
.pickup_button:hover {	background-position: bottom left;	cursor: pointer;}

/*.pickup-delivery ul li input.select{ background:url(../images/select-your-vehicle-button.jpg) left top no-repeat; width:144px; height:52px; margin:10px 0 0 35px; clear:both; border:0px; cursor:pointer;} */

.proudly-main{ width:100%; overflow:hidden; margin:0 0 0 0;}
.proudly-main h1{ width:100%; background:url(../images/proudly-bg.jpg) left top repeat-x; height:34px; font-size:18px; color:#fff; padding:5px 0 0 15px !important; margin:0 0 0 0;}
.proudly-main img{ margin:0 0 0 1px;}
.facebook-link {margin:15px 0 0 25px; width:150px;}

/************** Left section ends ***************/

/************* Right Section Starts Here ****************/

#right-main{ width:526px; float:left; overflow:hidden; margin-left:10px;}
#right-main h1{ font-size:18px; color:#fff; padding:5px 0 0 17px; font-weight:normal;}
#car-hire{ width:100%; overflow:hidden;}
#car-hire ul{ margin:20px 0 0 10px; padding:0px;}
#car-hire ul li{ list-style:none; float:left; font-family: Arial, Helvetica, sans-serif; font-size:15px; color:#003f7e; padding:0 0 0 0px; line-height:20px; }
#car-hire p{ font-size:12px; padding:0 10px 20px 10px; color:#000; line-height:16px;}
#car-hire p span{ font-size:16px; padding:0 0 20px 0px; color:#000; line-height:16px; font-weight:bold;}
#car-hire p.red-text{ font-size:15px; padding:0 0 20px 10px; color:#f00; line-height:16px;}
#car-hire p.red-text a{color:#f00; text-decoration:underline;}
#car-hire p.red-text a:hover{text-decoration:none;}

#discount-main{ margin:0 0 0 10px; overflow:hidden; width:470px;}
#discount-main h1{ width:100%; height:22px; background-color:#e9eef3; padding:3px 0 0 10px; font-size:13px; color:#000;}
#discount-main ul{ margin:0px; padding:0px;}
#discount-main ul li{ font-size:12px; color:#000; padding:8px 0 0 35px; background:url(../images/mid-arrow.jpg) 10px 10px no-repeat; line-height:20px; }
.book{ background:url(../images/book-img.jpg) left top no-repeat; width:284px; height:69px; margin:15px 0 0 120px; cursor:pointer; border:0px;}

#brisban{ width:100%; overflow:hidden; margin:0 0 0 10px;}
#brisban h2{ background:url(../images/arrow1.jpg) left top no-repeat; font-size:15px; color:#285e92; padding:2px 0 0 25px;}
#brisban p{ font-size:12px; color:#000; padding:5px 0 10px 5px; line-height:16px; text-align:justify; margin-right:15px;}
#brisban p.no-padding{padding:5px 0 0px 5px; line-height:16px;}
#brisban p span{ width:500px; font-size:12px; color:#85ab00; padding:0 0px 0 0; text-align:right; display:block;}
#brisban p span a{ width:500px; color:#85ab00; text-decoration:underline;}
#brisban p span a:hover{text-decoration:none;}
#brisban p strong{ font-size:15px; color:#285e92; display:block; padding:10px 10px 0 0; word-spacing:-1px;}


/************* Right Section Ends Here ****************/

#sec-right-main{ width:205px; float:left; overflow:hidden; margin:0 0 0 14px;}
#sec-right-main h1{ font-size:18px; color:#fff; padding:5px 0 0 17px; font-weight:normal;}
#specialisation{ width:100%; overflow:hidden;}
#specialisation ul{ margin:10px 0 0 12px; padding:0px;}
#specialisation ul li{ list-style:none; font-size:11px; color:#000; background:url(../images/right-link-arrow.png) 5px 9px no-repeat;  padding-top:7px;}
#specialisation ul li a{ list-style:none; color:#000; text-decoration:none; padding:10px 0 0 25px;}
#specialisation ul li a:hover{text-decoration:none; color:#823f02;}
#specialisation ul li span{ display:block; margin:7px 0 0 0; overflow:hidden;}
#rit-banner{ margin:25px 0 0 6px;}
.proudly-margin{ margin:20px 0 0 0;}
.index-testimonial{ text-align:justify; margin:10px 10px 10px 10px; color:#000066; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}

/************* Content Ends Here ******************/

/************ Footer Starts Here *************/
#footer-main{ width:1002px; margin:0 auto; overflow:hidden; background:#0e4777 url(../images/footer-repeater.jpg) left bottom repeat-x;}
#footer-main-top-img{ background:url(../images/footer-top-img.jpg) left top no-repeat; padding-top:20px;}
#footer-bot-link-div{ width:967px; overflow:hidden; margin:0 auto; padding:0 0 20px 0; background:url(../images/footer-seprator.jpg) left bottom no-repeat;}
.footer-link{ width:144px; float:left; border-right:1px solid #3f678a; margin:10px 0 0 90px}
.footer-bor-none{ border:none;}
.footer-link ul{ margin:0 0 0 0; padding:0px;}
.footer-link ul li{ list-style:none; font-size:12px; font-weight:bold; color:#d7e1ea; background:url(../images/footer-icon.jpg) left 9px no-repeat; padding:0 0 0 20px; line-height:25px;}
.footer-link ul li a{color:#d7e1ea; text-decoration:none;}
.footer-link ul li a:hover{text-decoration:underline;}

#footer-sec-link-div{ width:615px; float:left; margin:10px 0 20px 20px;}
#footer-sec-link-div p{ width:615px;  font-size:12px; color:#d7e1ea; font-family:Arial, Helvetica, sans-serif; padding:0 0 0 0;}
#footer-sec-link-div p a{ width:615px; color:#d7e1ea; text-decoration:none;}
#footer-sec-link-div p a:hover{text-decoration:underline;}
#footer-copyright{ width:auto; float:left; margin:45px 0 0 40px; font-size:12px; color:#d7e1ea;}

/************ Footer Ends Here *************/


/************ Inner Pages Css *************/

#content-box-main2{ width:960px; overflow:hidden; margin:0 auto; margin-top:21px; background:url(../images/content-mid-repeater2.jpg) left top repeat-y;}
#content-box-top2-img{ width:100%; overflow:hidden; background:url(../images/content-top-img2.jpg) left top no-repeat;}
#content-box-bot2-img{ width:100%; overflow:hidden; background:url(../images/content-footer-img2.jpg) left bottom no-repeat; padding-bottom:10px;}
#right-main2{ width:745px; float:left; overflow:hidden; margin-left:10px;}
#right-main2 h1{ font-size:18px; color:#fff; padding:5px 0 10px 17px; font-weight:normal;}
.link{ color:#003f7e; padding:10px 0 0 12px;}
.link a{ color:#003f7e; text-decoration:none;}
.link a:hover{ color:#003f7e; text-decoration:underline;}
 
/**************My defined CSS ***********************/

/************** FULL HEADER *************************/
#content-box-main3{ width:960px; overflow:hidden; margin:0 auto; margin-top:21px; background:url(../images/content-mid-repeater3.jpg) left top repeat-y;}
#content-box-top3-img{ width:100%; overflow:hidden; background:url(../images/content-top-full.jpg) left top no-repeat;}
#content-box-bot3-img{ width:100%; overflow:hidden; background:url(../images/content-footer-img3.jpg) left bottom no-repeat; padding-bottom:10px;}
#right-main3{ width:95%; float:left; overflow:hidden; margin-left:10px;}
#right-main3 h1{ font-size:18px; color:#fff; padding:5px 0 10px 17px; font-weight:normal;}

/**************END FULL HEADER *************************/

.tick { font-size:12px; font-weight:bold; }

.tick ul li { list-style:none; font-size:12px; font-weight:bold; margin:10px 10px 0 40px; padding:0 0 0 30px; height:20px; background:url(../images/bullet_tick.png) no-repeat; }
.tick ul li a{color:#003F7E; text-decoration:none }
.tick ul li a:hover{color:#B2BB1D; text-decoration:underline}

.faq { margin: 0 20px; display: block; position: relative; }
.faq a{color:#003F7E; text-decoration:none }
.faq a:hover{color:#B2BB1D; text-decoration:underline }
.faq h2{ color:#003F7E; }
hr { margin: 10px 15px 10px 15px; height: 2px; background-color: #CCCCCC; color: #CCCCCC; border: 0;}
.half {	width: 48%;}

.left { float: left;}

.right { float: right;}

.cright { clear: right; }

.both {	margin: 0;	padding: 0;	clear: both;}

.johnsonbox { margin: 10px auto; background-color: #EEEEEE;	border: 1px solid #CCCCCC; padding: 10px; display: block; width: 85%; }

.johnsonbox ul.tick { margin: 20px 20px 0 20px; }
.johnsonbox ol.book-list li{ margin: 5px 0 0 0; }
/* IE 6 */
* html body .johnsonbox ul.tick li { background-image: url(../images/bullet_tick_gray.gif);}
/* End IE 6 */
.testimonial { margin: 10px auto; width: 80%; display: block; padding: 10px; border: 2px solid #CCCCCC;  background-color:#E6EDF7; }



/* Rental Fleet */
.groups {
	margin: 0 auto;
	width: 80%;
}



.group .top,

.group-first .top,

.group-last .top {
	width: 230px;
}
.group .content,
.group-first .content,
.group-last .content {
	border: 1px solid #CCCCCC;
	width: 208px;
	padding: 10px;
}
.group {
	margin: 5px;
}

.group .half ul {
	margin: 0;
	padding: 0;
}
.group .half ul li {
	margin: 0;
	padding: 0;
}
.group-first {
	margin: 5px 5px 5px 0;
}
.group-last {
	margin: 5px 0 5px 5px;
}
.content ul li {list-style:none; padding:3px 1px 3px 0;}
.content .button {
	background-color: #0F4B7D;
	padding: 2px 5px;
	display: inline-block;
	color: #FFFFFF;
}
.blue {	background-color: #0F4B7D;}
.button, .button a {
	padding: 5px 2px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	display: inline;
	text-decoration: none;
}
.button a:hover { background-color: #7AA4C6;}
h3.vehicle { background-color: #B7C9D8;	margin: 5px 0 10px 0;}
.book1 {
	margin: 15px 0;
	border: 0;
	background-image: url(../images/book_now.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #FFFFFF;
	width: 95px;
	height: 37px;
	display: block;
	position: relative;
}
.book1:hover {
	background-position: bottom left;
	cursor: pointer;
}

/*************** booking steps **************************/
#rightcol {
	float: right;
	display: block;
	width: 200px;
	margin: 0 0 0 10px;
	font-size: 11px;
}
#leftcol {
	float: left;
	display: block;
	width: 200px;
	margin: 0 10px 0 0;
}
.quote-block-top {
	background-image: url(../images/booking_step_bg.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	border-bottom: 1px solid #C5CC6B;
	display: block;
	width: auto;
	padding: 0 0 0 10px;
	margin: 0 0 0 0;
	height: 40px;
}
/* IE6 */
* html body .quote-block-top img {
	margin: 17px 0 8px 0;
}
/* End IE6 */

.quote-block-top img {
	padding: 0;
	margin: 17px 0;
}
.quote-block-top .top-left,
.quote-block-top .top-right {
	background-repeat: no-repeat;
	background-color: #B2BB1D;
	width: 10px;
	height: 40px;
	display: block;

}
.quote-block-top .top-left {
	float: left;
	background-image: url(../images/step-left.png);
}

/* IE 6 */

* html body .quote-block-top .top-left {
	background-image: url(../images/step-left.gif);
}
/* End IE 6 */
.quote-block-top .top-right {
	float: right;
	background-image: url(../images/step-right.png);
}

/* IE 6 */

* html body .quote-block-top .top-right { background-image: url(../images/step-right.gif); }

/* End IE 6 */

/* Booking Pages */
.quote-block .step {
	padding: 5px 10px;
	font-size: 11px;
}
.step p{margin: 10px 0 10px 10px;}
.quote-block .step-top {
	background-image: url(../images/booking_step_bg.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	border-top: 1px solid #C5CC6B;
	border-bottom: 1px solid #C5CC6B;
	padding: 15px 10px 9px 10px;
}
.quote-block .step-top .title {
	margin: 0;
}
.select {
	padding: 20px 0 0 0;
	text-align: center;
}
select option.selected {
	background-color: #C1C94A;
}
.errormsg {
	margin: 10px 25px;
	border: 1px solid #FF9999;
	background-color: #FFCCCC;
	color: #CC0000;
	padding: 10px;
	display: block;
	position: relative;
}
.errormsg ul li {
	background-repeat: no-repeat;
	background-position: left top;
	list-style-type: none;
	margin: 0;
	padding: 0 10px 5px 30px;
	line-height: 20px;
}
.errormsg ul li {
	background-image: url(../images/bullet_tick_error.png);
}

/* IE 6 */
* html body .errormsg ul li {
	background-image: url(../images/bullet_tick_error.gif);
}
input.field-booknow,
textarea.field-booknow, 
select.field-booknow {
	margin: 4px 0;
	display: block;
	width: 55%;
	display: inline;
	font: 12px Arial, Helvetica, sans-serif;
	border: 1px solid #D8DD8E;
}

/* End Booking Pages */

.btn_vehicle,
.btn_this,
.btn_confirm,
.btn_quote {
	margin: 15px 0;
	border: 0;
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #FFFFFF;
}

.btn_vehicle {
	background-image: url(../images/btn_select_vehicle.png);
	width: 126px;
	height: 37px;
}

.btn_this {
	background-image: url(../images/btn_this_vehicle.png);
	width: 126px;
	height: 37px;
}
.btn_confirm {
	background-image: url(../images/btn_confirm_booking.png);
	width: 126px;
	height: 37px;
}
.btn_quote {
	background-image: url(../images/btn_quote.png);
	width: 126px;
	height: 37px;
}

.btn_click {
	margin: 10px 0;
	border: 0;
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #FFFFFF;	
	background-image: url(../images/btn_click.png);
	width: 50px;
	height: 25px;
	display: block;
}

.book:hover {
	background-position: bottom left;
	cursor: pointer;
}


.btn_vehicle:hover,
.btn_this:hover,
.btn_confirm:hover,
.btn_quote:hover,
.btn_click:hover {
	background-position: bottom left;
	cursor: pointer;
}

#copyright {
	display: block;
	margin: 0 0 10px 0;
	padding: 5px 10px;
	color:#999999;
	font-size: 11px;
	text-align: left;
	width: 180px;
}
fieldset {
	padding: 10px 5px 5px 15px;
	border: 1px solid #CCCCCC;
	margin: 15px 15px 15px 15px;
}
.radiobox_top {
	width: 25px;
	padding: 5px 0;
}
/******************* booking_2 *******************/
.preview-block {
	width: 172px;
	display: block;
	text-align: center;
	margin: 0 5px 10px 0;
}
/*********************booking_3********************/
.info {margin:0 0 0 0; padding:0 0 0 0;}
.info label {
	display: block;
	width: 30%;
}
.info input.field,
.info textarea.field, 
.info select.field {
	margin: 2px 0;
	display: block;
	width: 60%;
}
.extra .left {
	width: 60%;
}

.extra .right {
	width: 20%;
	line-height: 40px;
}

input.field, textarea.field {
	display: inline;
	font: 12px Arial, Helvetica, sans-serif;
	border: 1px solid #D8DD8E;
}
.options_block {
	padding: 10px;
	background-color: #DDDDDD;
	margin-right:5px;
}

/****************contact Us **************************/
.johnsonbox-contact { margin: 18px 0 20px 15px; background-color: #EEEEEE;	border: 1px solid #CCCCCC; padding: 15px; display: block; width: 44%; }

.johnsonbox-contact ul.tick { margin: 20px 20px 0 20px; }

/* IE 6 */
* html body .johnsonbox-contact ul.tick li { background-image: url(../images/bullet_tick_gray.gif);}
/* End IE 6 */

input.field-contact,
textarea.field-contact, 
select.field-contact {
	margin: 4px 0;
	display: block;
	width: 95%;
	display: inline;
	font: 12px Arial, Helvetica, sans-serif;
	border: 1px solid #D8DD8E;
}
.contact {
	padding: 20px 0 10px 5px;
}
.half1 {	width: 40%; margin-right:15px;}

/************************end contact form *************************/
/*********************Global Link *********************************/
a:link, a:visited {	color: #0F4B7D;}
a:hover { color: #B2BB1D; text-decoration: none;}