@charset "utf-8";

/* __________________________.<[ MAIN BOX LAYOUT ]>._________________________________
````````````````````````````````````````````````````````````````````````````````````````*/

/*[[[[[[[   LEFT AREA   ]]]]]]]*/

#content-left .left-box {
	height: 180px;
	width: 580px;
	margin: 20px 0 40px 10px;
	position: relative;
}

#content-left .left-box-car {
	background: url(../images/boxes/large-car.png) no-repeat;
}
#content-left .left-box-home {
	background: url(../images/boxes/large-home.png) no-repeat;
}
#content-left .left-box-van {
	background: url(../images/boxes/large-van.png) no-repeat;
}
#content-left .left-box-bike {
	background: url(../images/boxes/large-bike.png) no-repeat;
}
#content-left .left-box-travel {
	background: url(../images/boxes/large-travel.png) no-repeat;
	height: 210px;
	margin-bottom: 10px;
}

#content-left .left-box h2 { display: none; }

#content-left .left-box p.tag-line {
	font: 1.4em Tahoma, Geneva, Verdana, Arial, sans-serif;
	padding-top: 60px;
	padding-left: 12px;
}

#content-left .left-box p.sub-text {
	width: 400px;
	padding-top: 0px;
	padding-left: 12px;
}

#content-left .left-box span.get-button a,
#content-left .left-box span.ret-button a {
	display: inline-block;		text-indent: -9999em;
	margin: 0px;		padding: 0px;
	float: left;		height: 34px;		
	border: none;
}

#content-left .left-box span.get-button a {
	background: url(../images/buttons/get-quote-large.png) no-repeat 0px -36px;
	width: 137px; margin: 0 5px;
}
#content-left .left-box span.ret-button a {
	background: url(../images/buttons/ret-quote-large.png) no-repeat 0px -36px;
	width: 169px;

}


#content-left .module-box{
	font-size: 0.8em;
	float: left;
	width: 208px;
	border-right: 1px dotted #FF0000;
	height: 155px;
}
#content-left .module-box ul, #info-area ul {
	margin-left: 2em;
	list-style: url(../images/layout/red-bullet-arrow.gif) outside;
}


#content-left .module-box.existing { border-style: none; }
#content-left .module-box a {
	padding-right: 13px;
	background: url(../images/layout/link-arrow.gif) no-repeat right 3px;
}

#content-left .module-box h3 {
	padding: 0.2em 0.6em;
	height: 24px;
	line-height: 23px;
	vertical-align: text-top;
}
#content-left .module-box h3 span {
	background: url(../images/layout/logo-smallest.png) no-repeat 0px 3px;
	width: 87px;
	display: inline-block;
	text-indent: -9999em;
	height: 23px;
}
#content-left .module-box .small-box h3 {
	padding-top: 1em;
	font-weight: normal;
	font-size: 1.6em;
}
#content-left .module-box .small-box {
	position: relative;
	height: 133px;
}

#content-left .module-box .small-box .button-wrap {
	position: absolute;
	bottom: 0px;
	left: 20%;
	height: 26px;
	width: 104px;
	margin:0; padding:0;
}

#content-left .module-box .small-box .button-wrap .info-button a {
	background: url(../images/buttons/more-info-small.png) no-repeat 0 -28px;
	height: 26px;
	width: 102px;
	display: block;
	border:none; text-indent:-9999em;
	margin:0; padding:0;
}
#content-left .module-box .small-box .button-wrap .info-button a:hover,
#content-left .module-box .small-box .button-wrap .info-button a.hover {
	background-position: 0 0;
}

#content-left .module-box p { padding:0.6em 1em; }

#content-left .module-box .small-home, 
#content-left .module-box .small-car, 
#content-left .module-box .small-bike {
	padding: 0px;
	width: 175px;
	margin-left: 1em;
}
#content-left .module-box .small-home {	background: url(../images/boxes/small-home.png) no-repeat; }
#content-left .module-box .small-car {	background: url(../images/boxes/small-car.png) no-repeat; }
#content-left .module-box .small-bike {	background: url(../images/boxes/small-bike.png) no-repeat; }


/*[[[[[[[   RIGHT AREA   ]]]]]]]*/

#content-right .right-box {
	height: 180px;
	width: 323px;
	margin-bottom: 20px;
	position:relative;
}
#content-right .tall-box {
	height: 368px;
	width: 323px;
	margin-bottom: 20px;
	position:relative;
}

#content-right .tall-box-car {
	background: url(../images/boxes/tall-car.png) no-repeat;
	margin-top: 20px;
}
#content-right .tall-box-home {
	background: url(../images/boxes/tall-home.png) no-repeat;
	margin-top: 20px;
}
#content-right .tall-box-bike {
	background: url(../images/boxes/tall-bike.png) no-repeat;
	margin-top: 20px;
}
#content-right .tall-box-van {
	background: url(../images/boxes/tall-van.png) no-repeat;
	margin-top: 20px;
}
#content-right .tall-box-travel {
	background: url(../images/boxes/tall-travel.png) no-repeat;
	margin-top: 20px;
}

#content-right .right-box-bike {
	background: url(../images/boxes/medium-bike.png) no-repeat;
	margin-top: 20px;
}
#content-right .right-box-car {
	background: url(../images/boxes/medium-car.png) no-repeat;
	margin-top: 20px;
}
#content-right .right-box-home {
	background: url(../images/boxes/medium-home.png) no-repeat;
	margin-top: 20px;
}
#content-right .right-box-travel {
	background: url(../images/boxes/medium-travel.png) no-repeat;
	margin-top: 20px;
}

#content-right .right-box h3,
#content-right .tall-box h3 { display: none; }

#content-right .right-box p.tag-line,
#content-right .tall-box p.tag-line {
	font: 1.4em Tahoma, Geneva, Verdana, Arial, sans-serif;
	padding: 60px 0px 5px 12px;
}

#content-right .right-box p.sub-text,
#content-right .tall-box p.sub-text {
	width: 180px;
	padding-top: 0px;
	padding-left: 12px;
	font: 0.9em Tahoma, Geneva, Verdana, Arial, sans-serif;
}

#content-right .right-box p a.aquote,
#content-right .tall-box p a.aquote {
	background: url(../images/layout/logo-smallest.png) no-repeat 0px 5px;
	height: 22px;
	width: 87px;
	text-indent: -9999em;
	display: inline-block;
	border:none;
}

#content-right .right-box ul,
#content-right .tall-box ul {
	margin-left: 2em;
	list-style: url(../images/layout/red-bullet-arrow.gif) outside;
	margin-top: 2em;
	font-size: 0.9em;
}

#content-right .right-box ul li,
#content-right .tall-box ul li {
	padding: 0 4px;
	width: 264px;
}
#content-right .right-box ul li:hover,
#content-right .tall-box ul li:hover {
	background:#FDFDFD;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#content-right .right-box span.get-button a,
#content-right .right-box span.ret-button a,
#content-right .tall-box span.get-button a,
#content-right .tall-box span.ret-button a {
	display: block;		text-indent: -9999em;
	margin: 0px;		padding: 0px;
	float: left;		height: 26px;		
	border:none;
}
#content-right .right-box span.get-button a,	
#content-right .tall-box span.get-button a {	
	background: url(../images/buttons/get-quote-small.png) no-repeat 0px -28px;
	width: 104px;
}
#content-right .right-box span.ret-button a,
#content-right .tall-box span.ret-button a {
	background: url(../images/buttons/ret-quote-small.png) no-repeat 0px -28px;
	width: 127px;
}

#content-right .right-box .button-wrap,
#content-right .tall-box .button-wrap {
	position: absolute;
	right: 15px;	bottom: 8px;
	height: 26px;	width: 250px;
}

#content-left .left-box span.get-button a:hover, #content-left .left-box span.ret-button a:hover,
#content-right .right-box span.get-button a:hover, #content-right .right-box span.ret-button a:hover,
#content-right .tall-box span.get-button a:hover, #content-right .tall-box span.ret-button a:hover {
	background-position:0 0;
}



/* ----- JQUERY BLEND STYLE ----- */
#content-left .left-box span.get-button a.hover, #content-left .left-box span.ret-button a.hover, 
#content-right .right-box span.get-button a.hover, #content-right .right-box span.ret-button a.hover, 
#content-right .tall-box span.get-button a.hover, #content-right .tall-box span.ret-button a.hover { 
	background-position: 0 0; 
}

#content-left .left-box .button-wrap {
	position: absolute;
	right: 20px;	bottom: 4px;
	height: 36px;	width: 320px;
}

#content-left .left-box .travel-button-wrap {
	bottom: 25px;
	width: 100%;
	left: 0px;
	right: 0px;
	text-align: center;
}

.button-wrap p {
	font-size: 2em;
	padding:0;
	font-weight:bold;
}

.contentTeltxt {float: left; width: 100px; }
.contentTelno {float: left; width: 200px; }

