/* -----------------------------------------------------------------------------------------
 * mobile.de
 * popups stylesheet
 *
 *
 * $URL$
 * $Rev$
 * $Date$
 * $Author$
 * ----------------------------------------------------------------------------------------- */



/* header for popups */
	.header-popup {
		position: relative;
		width: auto;
		margin: 0 0 15px 0;
	}
	.header-popup .header {
		width: auto;
		background:#E1E1E1 url(./../images/bgr_header_popup.png) repeat-x scroll 0 0 !important;
		margin: 0; /* overwrite .header margin in other.css */
	}
	.header-popup .header .rc {
		position: absolute; /* parent is not site wrapper, parent is .header-popup! (site wrapper to big in some popups) */
		width: 4px;
		height: 4px;
		overflow: hidden;
	}
	.header-popup .header {
		height: 46px;
	}

	.header-popup .header .logo {
		background-position: -200px 0;
	}
	.header-popup .header .bl {
		top: 44px !important;
		left: 0 !important;
	}
	.header-popup .header .br {
		top: 44px !important;
		right: 0 !important;
	}
	.header-popup .header .tl {
		top: 0 !important;
		left: 0 !important;
	}
	.header-popup .header .tr {
		top: 0 !important;
		right: 0 !important;
	}
	.header-popup .header .logo {
		height: 26px;
		width: 150px;
	}
	.header-popup .header p {
		margin: 10px;
		height: auto;
	}
	.header-popup .header .infoLink {
		float: right;
		margin-top: 6px;
		color: #6E6D6D;
	}
	.header-popup .header .infoLink.space {
		margin-right: 15px;
	}
/* /header for popups */


/* popup: carMakeModelSelection.ftl  */
/* popup: countryZipcodeAndRadiusSelection.ftl  */
/* popup: fuelSelection.ftl  */
    body.countryZipcodeAndRadiusSelection .page,
	body.makeModelSelection .page {
		width: 700px;
	}
            body.fuelSelection .page,
            body#dealer.makeModelSelection .page {
				width: 680px;
			}
			* html body#dealer.makeModelSelection .page { width: 660px; }

            body.fuelSelection .page ul {
                list-style: none;
            }

	body.countryZipcodeAndRadiusSelection .col,
	body.makeModelSelection .col {
		width: 216px;
	}
	body.countryZipcodeAndRadiusSelection .col .col-content,
	body.makeModelSelection .col .col-content {
		margin: 0 5px 5px 0;
	}
	body.countryZipcodeAndRadiusSelection select,
	body.countryZipcodeAndRadiusSelection input,
	body.makeModelSelection select,
	body.makeModelSelection input {
		width: 100%;
	}
			* html body#dealer.makeModelSelection #searchInFreetext { width: auto; }

			body.countryZipcodeAndRadiusSelection input[type="radio"],
			body.countryZipcodeAndRadiusSelection input[type="checkbox"],
			body.makeModelSelection input[type="radio"],
			body.makeModelSelection input[type="checkbox"] {
				width: auto;
			}

body.countryZipcodeAndRadiusSelection .button,
	body.makeModelSelection .button {
		display: inline;
		float: right;
		margin-right: 51px;
	}
			body#dealer.makeModelSelection .button {
				margin: 20px 35px 0 0;
			}
			* html body#dealer.makeModelSelection .button { margin-right: 0; }

/* /popup: carMakeModelSelection.ftl  */
/* /popup: countryZipcodeAndRadiusSelection.ftl  */

/* popup: makeModeldescriptionSelection.ftl  */
/* popup: powerRangeSelection.ftl  */
 	body.makeModeldescriptionSelection .page,
	body.powerRangeSelection .page {
		width: 483px;
	}
	body.makeModeldescriptionSelection .col,
	body.powerRangeSelection .col {
		width: 216px;
	}
	body.makeModeldescriptionSelection .col .col-content,
	body.powerRangeSelection .col .col-content {
		margin: 0 5px 5px 0;
	}
	body.makeModeldescriptionSelection select,
	body.makeModeldescriptionSelection input,
	body.powerRangeSelection select,
	body.powerRangeSelection input {
		width: 100%;
	}
	body.makeModeldescriptionSelection .button,
	body.powerRangeSelection .button {
		display: inline;
		float: right;
		margin-right: 51px;
	}
	body.powerRangeSelection .button {
		display: inline;
		float: right;
		margin-right: 56px;
	}
/* /popup: makeModeldescriptionSelection_refactored.ftl  */
/* /popup: powerRangeSelection.ftl  */

 /* popup: colorSelection.ftl  */
 	body.colorSelection .page {
 		width: 600px;
 	}
 			body#dealer.colorSelection .page {
		 		width: 580px;
		 	}
		 	* html body#dealer.colorSelection .page { width: 560px; }
	body.colorSelection fieldset {
		margin-bottom: 10px;
	}
	body.colorSelection fieldset div {
		width: 200px;
		float: left;
	}
			body#dealer.colorSelection fieldset div {
				width: 185px;
			}
	body.colorSelection .button {
		float: left;
		margin-left: 400px;
	}
			body#dealer.colorSelection .button {
				margin-top: 20px;
			}
			* html body#dealer.colorSelection .button {
				float: none;
				display: inline-block;
			}
/* /popup: colorSelection.ftl  */

/* popup: categorySelection_refactored.ftl */
	body.categorySelection .page {
 		width: 700px;
 	}
 			body#dealer.categorySelection .page {
		 		width: 680px;
		 	}
	body.categorySelection fieldset {
		float: left;
		width: 50%;
		margin-bottom: 10px;
		min-height: 30px;
		background-color: #fff;
	}
	body.categorySelection fieldset input {
		float: left;
		margin-top: 7px;
		*margin-top: 3px;
	}
			body#dealer.categorySelection fieldset input {
				margin-top: 12px;
				*margin-top: 8px;
			}
	body.categorySelection label {
		float: left;
		display: block;
		width: 220px;
	}
			body#dealer.categorySelection label {
				padding: 5px;
			}
	body.categorySelection label span {
		display: table-cell;
		float: left;
		width: 140px;
		margin-top: 5px;
	}
	body.categorySelection label img {
		cursor: pointer;
	}
			body#dealer.categorySelection label img {
				display: none;
			}
	body.categorySelection .button {
		float: right;
		margin-right: 100px;
		display: inline-block;
	}
			body#dealer.categorySelection .button {
				margin-top: 20px;
			}

/* /popup: categorySelection_refactored.ftl */





/* popup: contact */
	body.faqMail .page {
		padding: 0;
		width: 600px;
	}
	body.faqMail #mainBox {
		width: 600px;
		margin: 10px;
	}
	body.faqMail .footer .bookmarks {
		width: 260px;
	}

/* /popup: contact */

/* sitemap */
	body.sitemap .page {
		padding: 0;
		margin: 10px;
		background-color: transparent;
	}
/* sitemap */
 	body.error403 .page,
	body.error404 .page,
	body.error500 .page {
		padding: 0;
		margin: 10px;
		background-color: transparent;
		width: 700px;
	}

/* footer */
	.footer .closetool {
	    float: left;
		width: 150px;
	}
	.footer .closetool a.infoLink {
		background: none;
		padding-left: 0;
	}
	.footer .closetool a.infoLink i {
		display: block;
		float: left;
		width: 17px;
		height: 17px;
		overflow: hidden;
		background-image:url(./../images/sprites/commonSprite.png);
		margin: -2px 5px 0 0;
		position: relative; /* place on top -> IE */
	}
    .footer .closetool a.infoLink i {
        background-position: 0px -100px;
    }
	.footer .closetool a.infoLink:hover i,
	.footer .closetool a.infoLink:focus i {
	    background-position: -17px -100px;
	}