/*
	Style: Motorhome Rentals
	Company: DriveAway Holidays
	Written by: Mansoor Malik
	Date: 31/March/2008
*/
/* ----------------------
  div#content starts here
   ---------------------- */

.bodyl, .bodyr, .mhBkg, .minierror { box-shadow: 0 0 5px #eee; border-radius:5px; }

div#content { margin: 20px 20px; padding: 20px 20px; }
	div#content h1 { width: 620px; padding: 6px 0px; margin: 10px 0; color: #6e6e6e; font-family: Arial, Helvetica, Sans-Serif; font-size: 1.6em; font-weight: bold;  border-bottom: 1px solid #adadad; letter-spacing: 1px; text-rendering: geometricPrecision; }
	div#content h2 { width: 620px; padding: 6px 0px; margin: 00px 0; color: #6e6e6e; font-family: Arial, Helvetica, Sans-Serif; font-size: 16px; font-weight: bold;  border-bottom: 1px solid #adadad; letter-spacing: 1px; text-rendering: geometricPrecision; }
	div#content .pagetext { width: 620px; padding: 40px 0; _padding: 50px 0; margin: 0 auto; color: #202020; }
		div#content .pagetext a { color: #60a100; }
		div#content .pagetext h3 { width: 540px; text-align: left; margin: 0px auto 15px; padding: 5px 0 5px 80px; font-size: 0.95em; color: #2d3b25; font-variant: small-caps; background: #e5f0df url(/images/h3marker.gif) no-repeat 45px; }
		div#content .pagetext h4 { width: 100%; text-align: left; margin: 0px auto; padding: 5px 0 5px 8px; font-size: 0.8em; color: #2d3b25; font-variant: small-caps; background: #e5f0df; }
		div#content .pagetext .h3 { margin: 10px auto 10px; padding: 5px 0; font-size: 0.95em; color: #1e5095; border-top: 0px; border-bottom: 1px dotted #1e5095; }
		div#content .pagetext p { margin: 10px 0; padding: 0; }
		div#content .pagetext li {  }
		div#content .pagetext .imgborder { border: 1px solid black; }
	div#content .textpage { width: 100%; padding: 0px 0 0; margin: 0 0 20px; color: #404040; background: #f0f7f0; border-top: 1px solid #b9ceae; border-bottom: 1px solid #b9ceae; }
		div#content .textpage p { text-align: justify; padding: 5px; margin: 0; }
		div#content .textpage .txt { width: 520px; margin: auto auto 20px; padding: 0; }
		div#content .divider { width: 85%; height: 1px; border-bottom: 1px solid #b9ceae; margin: 10px auto; }

	/* div/anchor tables */
	div#content .trow { width: 546px; margin: auto; background: transparent; }
		div#content .trow a { display: block; color: #3a6101; padding: 10px 0 5px; font-weight: normal; border: 1px solid #f0f7f0; }
		div#content .trow a:hover { display: block; background-color: #d4e5cb; text-decoration: none; border: 1px solid #b9ceae; }
	div#content .trow .tcell, div#content .trow .tcellfg { display: block; float: left; width: 180px; text-align: center; margin: auto; background: transparent; }
		div#content .trow .tcellfg { width: 125px; }
	div#content .trow .tcellname { display: block; background: transparent; }
	
	div#content .ultable, div#content .ultable2, div#content .ultablesml, div#content .ultablesmlr { display: block; width: 543px; margin: auto; border: 1px solid #cde0c3; }
	div#content .ultable2 { width: 423px; }
	div#content .ultablesml { width: 353px; }
	div#content .ultablesmlr { width: 278px; }
		div#content .ultable ul { margin: 0; }
		div#content .ulcol, div#content .ulcolfull, div#content .ulcol2 { float: left; width: 270px; text-align: left; list-style: none; margin: 0; padding: 0; border-left: 1px solid #fff; }
		div#content .ulcolfull { width: 100%; list-style: disc inside; }
		div#content .ulcol2 { width: 33%; list-style: none; }
			div#content .ulcol li, div#content .ulcolfull li, div#content .ulcol2 li { margin: 1px 0; padding: 0 4px; background-color: #e5f0df; line-height: 16px; }
			div#content .ulcol .hdr, div#content .ulcolfull .hdr { background-color: #d4e5cb; font-weight: bold; padding: 1px 4px; list-style: none outside; }
			div#content .ulcolfull li { margin: 1px 2px 1px 0; padding: 0 0 0 10px; _margin: 1px 1px 1px 0; }
			div#content .ulcolfull .p { list-style: none outside; }
			div#content .ulcol2 li { margin: 1px 0px; padding: 0 0 0 10px; }
		div#content .ultable .sml { width: 175px; }
		div#content .ultable .pricecol { width: 100px; }

	div#content .contacttable { display: block; width: 520px; margin: auto; }
		div#content .contacttable ul { margin: 0; border-top: 1px solid #b9ceae; }
		div#content .contacttable .column { float: left; text-align: left; list-style: none; margin: 0; padding: 0; border-left: 2px solid #b9ceae; }
			div#content .contacttable .column li { margin: 1px 0; padding: 0 4px; line-height: 16px; }
			div#content .contacttable .column .hdr { font-weight: bold; padding: 1px 4px; }
			div#content .contacttable .coll { width: 140px; }
				div#content .contacttable .coll li { font-variant: small-caps; }
			div#content .contacttable .colr { width: 360px; }
		div#content .contacttable .pricecol { width: 80px; }

	div#content .conditions { font-size: 0.65em; color: #709070; }
	div#content .specials { font-size: 1em; color: #000; }

	/* .signinform */
	.signinform { width: 520px; margin: 20px auto 0; padding: 0px; font-size: 1em; text-align: center; border: 1px solid #d1dce6; }
		.signinform .hrow { margin: 1px; padding: 4px 0; font-size: 1em; background: #e5f0df; }
		.signinform .hrow { margin: 1; color: #6e6e6e; background: #e5f0df url(/images/h1marker.gif) no-repeat 4px; font-family: Trebuchet MS, Tahoma, Arial, Helvetica, Sans-Serif; font-size: 16px; font-weight: bold; }
			.hrow .formtitle { font-weight: bold; text-align: left; margin: auto 10px; letter-spacing: 1px; }
		.signinform .row { width: 518px; margin: 1px; padding: 4px 0; background: #f4faf0; clear: both; text-align: left; }
			.signinform input { vertical-align: middle; }
			.signinform .row .info { width: 100%; font-size: 0.7em; text-align: center; margin: 2px 0px; font-weight: bold; letter-spacing: 1px; }
		.signinform .brow { margin: 0px 1px; padding: 5px 0; background: #e5f0df; font-size: 0.7em; }

.quoteForm { width: 720px; padding: 40px 0; _padding: 50px 0; margin: 0 auto; color: #202020; font-size: 0.8em; }

			
/* ----------------------
  div#content ends here
   ---------------------- */

/* form styles */
input, textarea, select { color: #404040; }

.b { font-weight: bold; }

.chkbox { float: left; margin: 5px 0; padding: 5px 0; }

.label2 { width: 610px; position: relative; padding: 5px; color: black; background: #d4e5cb; letter-spacing: 1px; z-index: 0; font-size: 0.7em; text-align: center; }
	.labeltext { float: left; text-align: left; padding: 5px 0 0 15px; letter-spacing: 1px; line-height: 15px; }
.label3 { width: 540px; padding: 5px 30px 5px 50px; color: black; background: #d4e5cb; margin: auto; letter-spacing: 1px; z-index: 0; font-size: 0.7em; border-bottom: 2px solid #e5f0df; }
	.label3 table { margin: 10px auto; border: 1px solid #e5f0df; }
		.label3 table th { background: #e5f0df; padding: 1px 4px; font-size: 0.9em; }
		.label3 table td { background: #e5f0df; padding: 1px 4px; font-size: 0.9em; }
.label4 { padding: 5px 8px; color: black; background: #d4e5cb; margin: 10px auto; letter-spacing: 1px; z-index: 0; border-bottom: 1px solid #b9ceae; font-size: 0.7em; text-align: center; }
.ullabel { padding: 0 0 0 15px; color: black; background: #d4e5cb; margin: 0; letter-spacing: 1px; z-index: 0; border-bottom: 1px solid #b9ceae; text-align: left; list-style: disc; }
	.ullabel li { margin: 0; padding: 0; }
.labelred { position: relative; padding: 5px; color: black; background: #ffd0d0; letter-spacing: 1px; z-index: 0; }
.labelbox { position: relative; width: 500px; height: 92px; margin: auto; padding: 5px; }
	.labelbox .addrbox { position: absolute; top: 15px; padding: 5px; color: black; background: #d4e5cb; letter-spacing: 1px; font-size: 0.75em; border: 1px solid #b9ceae; }
	.labelbox .leftbox { left: 0px; }
	.labelbox .rightbox { right: 0px; }
	.labelbox img { border: 0; }idsdeno
	.labelbox .imgbox { position: absolute; background: #fff; padding: 5px 10px; }
	.labelbox .imgboxright { position: absolute; top: 40px; right: 10px; z-index: 999; }
	.labelbox h2, h5 { color: Red; font-size: 1em; margin: auto; text-align: center; }
	.labelbox h5 { text-align: center; }
.fineprint { margin: auto; font-size: 0.8em; background: #d4e5cb; border: 1px solid #b9ceae; padding: 5px 7px; }
.labelkey { padding: 5px 5px 5px 36px; color: black; background: #c9dae7; letter-spacing: 1px; font-size: 0.6em; border: 1px solid #b9ceae; }
	.labelkey img { vertical-align: middle; }

.buttonarea { width: 720px; margin: 0; padding: 15px 0 0; border-top: 1px solid #adadad; }
	.buttonarea span { float: right; }

.calbtn { float: left; margin: 5px 0; padding: 2px 5px 4px; cursor: pointer; }
.vehicletypes { width: 350px; }
	.vehicletypes td { line-height: 1.2; }
	.vehicletypes input { vertical-align: middle; font-size: 0.9em; }
	.vehicletypes label { font-size: 1.2em; font-size: 0.9em; }
.horRadlist { float: left; margin: 2px 0; padding: 1px 0; line-height: 1.1; }
	.horRadlist input { vertical-align: middle; }
	.horRadlist label { font-size: 0.75em; }

.lnksml { font-variant: small-caps; font-size: 0.9em; }

.center { margin: auto; text-align: center; }
.imgborder { border: 1px solid black; }

.bold { font-weight: bold; }

.err { color: red; font-weight: bold; }

/* progressbox */
.progressBox { width:300px; background-color: #fff; border:2px solid #000; padding: 30px; text-align:center; }
.modalBackground { background-color: #cfcfcf; filter: alpha(opacity=70); opacity: 0.7; }


/******** Motorhomes Booking Form (SIDE) *********/
.mhBkg, .mhBkg p, .mhBkg label, .mhBkg input, .mhBkg select, .mhBkg legend, .dahfrm, .dahfrm label, .dahfrm input, .dahfrm select, .dahfrm textarea, .dahfrm legend {font-size:1em; font-family:PTSansRegular, Tahoma, Helvetica, sans-serif}

.mhBkg {float:right; width:270px; background:#fafafa; padding:0; margin:10px 0 0; border:1px solid #d4d4d4}
.mhBkgFrm {padding:15px 15px 5px}
.mhBkg fieldset, .dahfrm fieldset {width:inherit;margin:3px 0 0;padding:5px 0;border:0;clear:both;border-top: 1px dotted #bcbcbc;font-size:0.7em}
    .mhBkg legend, .dahfrm legend {color:#333; padding: 1px 5px 0 0; margin: 1px 0; text-transform: uppercase; font-weight:bold; font-size:0.8em;line-height: 1;background:#fafafa;}
	.mhBkg label, .dahfrm label {float:left;width:75px; margin: auto 5px; padding: 2px 0;line-height: 17px;}
	.mhBkg select, .mhBkg input[type="date"], .dahfrm select, .dahfrm input[type="date"], .dahfrm input[type="text"], .dahfrm textarea, .dahfrm input[type="password"]  {float:left;width:145px;margin:1px 2px 1px 0;padding:2px 2px 0;border:1px solid #ddd;line-height:13px}
	.mhBkg input[type="date"], .mhBkg #dateFrom, .mhBkg #dateTo {width: 100px}
	.mhBkg input[type="text"], .mhBkg input[type="date"], .dahfrm input[type="text"], .dahfrm input[type="date"] {padding: 3px 0 1px 5px;}
	.mhBkg a {float:left}
	.mhBkg .ddl {width:235px}
	.mhBkg .space {margin: auto auto 5px}
	.mhBkg input[type="checkbox"] {float:left;margin:1px 0; padding:0;}
	.mhBkg .vt { width:155px;margin:0 0 0 85px;padding:5px 0}
	.mhBkg .vt li {float:left;list-style: none;}
    .mhBkg .vt li label {float:left;width:123px;line-height:13px}
	
.mhBkg .tabmenu {width:274px;padding:0;margin:-1px 0 15px -1px;clear:both}
	.mhBkg .tableft {float: left;margin:0 0 15px}
	.mhBkg .tabmiddle {float:left;margin:0 1px}

.minierror { width:inherit;margin:3px 0 0;padding:5px 0;border:1px solid #d4d4d4;background:red;color:White;}

/******** Motorhomes Quote *********/
.dahfrm {width: 600px;padding: 20px 0 40px; _padding: 30px 0 50px; margin: 0 auto; color: #222; clear: both}
	.dahfrm h1 { width: inherit; margin: 0 0 20px; padding: 0 0 10px; border-bottom: 1px dotted #c0c0c0; color: #393939; font:normal 28px/1.25 DriveAwayDax, Tahoma, Helvetica, sans-serif; letter-spacing: -.04em; clear: both; text-shadow:2px 2px 3px #bbb; }
.dahfrm dfn { float: right; margin: -10px auto 10px; text-transform: uppercase; color: Red; font-size: 9px; font-variant:small-caps }
	.dahfrm label {width:200px}
	.dahfrm select, .dahfrm input[type="text"], .dahfrm textarea {width:300px;display:block}
	.dahfrm input[type="date"] {width: 100px;display:block}
	.dahfrm div {clear:both}
	.dahfrm .errorsummary {font-size:0.7em}
	
.infotable { width:550px; padding:0 0 10px; margin:20px auto; border: 1px solid #d0d0d0; -webkit-box-shadow: 0 0 5px #dfdfdf; box-shadow: 0 0 5px #dfdfdf; border-radius:5px;background:white; font-size:0.7em; clear:both}
    .infotable h4 {margin:0 0 5px; padding:2px 10px 0; font-weight:bold; font-size:1.1em; line-height:2.0; background:#eee; border-radius:5px 5px 0 0; border-bottom:1px solid #e1e1e1; color:#333;clear:both;}
        .infotable h4 a {float:right; font-size: 0.85em; line-height: 25px; text-decoration: none; font-weight: normal; font-style:italic;}
        .infotable h4 a:hover {text-decoration: underline}
    .infotable label {float:left;width: 170px; margin: auto 10px; color: #555; line-height: 17px; padding:2px 0 0;}
    .infotable .lbl {float:left;width:350px;border-bottom: 1px dotted #d4d4d4;line-height:17px; padding:2px 0 0; font-family: PTSansRegular, Tahoma, Helvetica, sans-serif}
    .infotable div {clear:both}
    
.bodyl h1 {width:inherit; margin:0 0 20px; padding:5px 0 10px; border-bottom:1px dotted #c0c0c0; color:#393939; font:normal 1.8em/1 DriveAwayDax, Tahoma, Helvetica, sans-serif; letter-spacing:-.01em; clear:both; text-shadow:2px 2px 3px #bbb;}
.bodyl h2 {margin:10px 0; padding:0; color:#393939; font:normal 1.3em/1.25 DriveAwayDaxBold, Tahoma, Helvetica, sans-serif; letter-spacing:-.01em; clear:both; text-shadow:0;}
    h1 em, h2 em {color:Red; font-variant:normal; font-style:normal}
.bodyr h6 {text-transform:uppercase; font:normal 20px/1 DriveAwayDaxBold, Tahoma, Helvetica, Sans-Serif;  margin:0 0 5px; padding:0; color:#444}
.bodyl hr {border:0;border-bottom:1px dotted #c0c0c0;margin:10px 0;clear:both}
.bodyl strong {font-size:0.75em}

cite {display:block; border: 0; background: #666; color: #fff; font-size:0.7em; border-radius:5px; -webkit-border-radius:5px; padding: 5px 8px; margin: 10px 0; line-height: 1.3; font-style: normal; clear:both}
.cite {display:none; font:inherit; padding:0 8px; line-height: 1.75; margin:0 2px 5px}

.logolist {float:left; width:inherit; margin: 5px 0; padding: 0; }
    .logolist li {float:left; margin:5px; padding: 0; list-style:none}
.ll2 {width: 65%}

.login {width: 320px; margin: 20px auto}
    .login label {width: 100px}
    .login input[type="text"], .login input[type="password"] {width:200px}
    .login input[type="password"] {padding:3px 2px 0}
    .login p {margin: 10px 0}
    
	/* infotip & dialogBox */
	.infotip { display: none; width: 460px; border: 5px solid #e0e0e0; background: #fff; color: #393939; box-shadow:0 0 90px 5px #888; -webkit-box-shadow: 0 0 90px #888; z-index:10000; }
		.infotip h5 { margin: 0; padding: 0; font:normal 1.2em/1.25 DriveAwayDaxbold, Tahoma, Helvetica, sans-serif; letter-spacing: -.01em; border-bottom: 1px dotted #c0c0c0; color: #393939; text-align:left; }
		.infotip .close { background-image:url(/images/buttons/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; cursor: pointer; }
    .infotip .contentWrap { height: 380px; }

.breadcrumbs {font-size:0.7em; margin: 0 0 20px}
.breadcrumbs, .breadcrumbs a { font-family:PTSansRegular, Tahoma, Helvetica, Sans-Serif; }

.dahbtn {float:right; margin:5px 0; padding:1px 6px; background:red; color:#fff; font-family: DriveAwayDaxBold; font-size: 8px; letter-spacing:0.02em; border:0; border-radius: 5px; box-shadow: 1px 2px 2px #222; text-shadow: 1px 1px 1px #000}

.usefullinks {font-size: 0.7em; margin:10px 0 5px; padding:0}
.usefullinks li {background: transparent url(/images/checkmark.gif) no-repeat 6px 5px; padding: 5px 3px 5px 32px; text-align: left; list-style: none; border-radius: 5px;}
.usefullinks li:hover {background: #ddd url(/images/checkmark.gif) no-repeat 6px 5px}
.usefullinks .alt {background: #ededed url(/images/checkmark.gif) no-repeat 6px 5px}
.usefullinks a {color:#444; text-decoration:none; letter-spacing: 0.04em}

table {font-size:0.70em; color:#444; border-radius:5px}
.basictable {background:#fff; border-radius:5px; padding:5px; margin:5px auto; border:1px solid #e5e5e5; -webkit-box-shadow: 0 0 5px #dfdfdf; box-shadow: 0 0 5px #dfdfdf}
    .basictable th, .basictable td {background:#e5e5e5; padding:2px 0px 2px 6px; border-radius:5px;}
    .basictable td {background:#f5f5f5}

.logolist, .imagelist {float:left; width:inherit; margin:10px 0; padding: 0}
.logolist, .imagelist li {float:left; margin:5px; padding: 0; list-style:none}
.ll2 {width: 65%}

figure {width:auto; margin:0 2px; font-size:0.9em}
figure:hover {background:#eeeeef}
figure img {border:0; box-shadow:none; -webkit-box-shadow:none}
figure figcaption {text-align:center; margin:5px}
figure figcaption a {font-weight:bold; color:#444; text-decoration:none}